Navigation: 3 mega menus (Events, Eat & Drink, Explore) with 2/3 link pane + 1/3 editorial spotlight panel. 2 simple dropdowns (Parking & Safety, About) with icon + label + description per row. Donate CTA styled as distinct button. Per SNA_Navigation_Strategy_OSA: mega menus trigger on hover (200ms open / 300ms close delay in production); editorial panels are CMS-managed single post references with fallback defaults; Explore groups subpages by section (Art & Culture, Shopping, Experiences, Stay); Shopping nav shows only Fashion, Gifts, and All Shopping (analytics-informed — other categories accessible via landing page); Events editorial panel uses NAVY background; Eat & Drink and Explore editorial panels use white background. Mobile: all menus convert to accordion drawers, editorial panels omitted.
Hero frames the rolling 7-day window — always "This Week · [date range]" regardless of day visited. Consistent label avoids the editorial overhead of day-specific framing (e.g., "This Weekend Starts Now" on Friday, "Today & Tomorrow" on Saturday). 1–2 Featured Hero Events are SNA-selected (editorial pin), not auto-generated. Priority: highest attendance, strongest photography, within active date window. If no events pinned, fallback to first 1–2 from "Don't Miss" list. Card copy leads with experience, not logistics.
Don't MissSNA's top picks for this week
Visual Arts
Gallery Hop
Saturday, Mar 14 · 4–10pm · High Street
Twenty-two galleries open late. Start at Sherrie Gallerie, end wherever the crowd takes you.
Four editorial groupings, SNA-curated — not auto-generated. "Don't Miss": 1–3 events, high authority, omit rather than dilute. "Opening This Weekend": new exhibitions/debuts, requires reliable opening-date metadata. "Free & Family-Friendly": depends on consistent CMS tagging. "Late-Night Picks": events past 10pm, depends on "Late Night" tag. Labels with no qualifying events collapse entirely. Governance: Requires weekly editorial update (minimum before Friday). If SNA cannot commit, default to simpler "Upcoming Events" feed.
Rolling 7-Day Window
All Events This Week
What's on — March 14–20
Don't Miss
Event photo
Visual Arts
Gallery Hop
Saturday, March 15 · 4:00 PM
High Street (District-wide)
Twenty-two galleries open late — the district's original monthly ritual.
Complete filterable event grid. Rolling 7-day window (not fixed Mon–Sun) so Sunday visitors still see a full week. Filters operate as AND logic — results must satisfy all active filters. Filter state reflected in URL query params for shareability. Day filters show actual date when possible. SNA-pinned "Don't Miss" events float to top of their date cluster (not above earlier dates). 3-col desktop / 2-col tablet / 1-col mobile. "Load More" pagination preserves scroll context. Empty state shows recovery paths (Clear Filters, View Full Calendar). Grid footer links to Full Calendar (for events beyond 7-day window) and Submit Your Event.
Cross-Section Planning
Make a Day of It
Turn your event into a full Short North outing.
1
Eat Before
Find a restaurant near your event — from a quick bite to a full dinner.
Journey Builder bridges event browsing and visit planning — the most important cross-section integration point on the Events side. Four sequential steps: Eat Before → See a Gallery → Drinks After → Where to Park. Horizontal flow on desktop (with connecting line), vertical stack on mobile. Launching in Mode 1 (static links only, no maintenance). Mode 2 (rotating restaurant/bar suggestions, SNA-selected) planned for Phase 2 once Section 2 editorial workflow is stable.
Compact utility strip — eliminates last practical barriers between a visitor and showing up. Four icon-forward links to Parking & Safety sub-pages. Should feel like a helpful footer band, not a full content section. 4-up horizontal on desktop / 2×2 tablet / vertical stack mobile. No photography.
PRE-FOOTER — Global component displayed on every page. Combines newsletter signup + social links into a persistent strip above the footer.
Footer consolidates full sitemap. Social links in pre-footer above. Links connect to wireframes where available; # = placeholder for pages not yet wireframed.