Utility nav surfaces audience-specific pages. Keeps primary nav focused on visitor discovery.
For Residents
For Business Owners
Jobs
Media + Partners
Subscribe
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. 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); Mobile: editorial panels omitted.
Header adapts per view. All Restaurants + Bars: "Every Restaurant + Bar in the Short North." Subcategory views: category-specific H1 + editorial subhead + breadcrumb. Result count updates dynamically as filters are applied. This wireframe shows the Dinner subcategory view as the example.
Carry Out / Quick Service
Clear All
5 filters + 1 sort control. Sticky on scroll. Active filters = filled chip (dark bg, white text). "Open Now" is highest-urgency — requires accurate CMS hours. "Short North Original" celebrates local/independent businesses. Vibe dropdown: Date Night · Late Night · Family-Friendly · Dog-Friendly · Good for Groups. Filters use AND logic. URL query params for shareable filtered views. Mobile: horizontal scroll + "All Filters" drawer with badge count.
Open Now
Atmosphere photo
Restaurant Name
★ Short North Original
Date Night
Outdoor Seating
View Restaurant →
Open Now
Atmosphere photo
Restaurant Name
Late Night
Good for Groups
View Restaurant →
Atmosphere photo
Restaurant Name
★ Short North Original
Date Night
Good for Groups
View Restaurant →
Business card = atomic unit of every listing page. Photo (atmosphere, not food-on-plate), name, category tags (max 2), price tier, Open Now indicator (only if hours data exists), vibe badges (max 3), CTA. Entire card is clickable. 3-col desktop, 2-col tablet, 1-col mobile. Consistent card height per row. "Short North Original" badge is visually distinct (purple/star).
The empty state below is displayed ONLY when active filters return zero results. It replaces the results grid above. Included here for documentation purposes.
No exact matches — but the Short North is full of options.
Your current filters didn't return any results. Try adjusting your filters, or check out these partial matches.
Try These Instead
Open Now
Atmosphere photo
Restaurant Name
Date Night
Outdoor Seating
View Restaurant →
Clear All Filters
Browse All Restaurants + Bars →
Empty state with partial-match suggestions using the same listing card component as the main results grid. "Try These Instead" shows up to 3 results that match some but not all of the active filters, ranked by number of matching criteria. If no partial matches exist either, this section is hidden and only the Clear Filters / Browse All actions remain. Tone: helpful and redirective, not apologetic.
Light cross-sell for users who finished browsing or didn't find what they want. Card 1: Food + Drink Events (links to Events calendar filtered by Food + Drink). On Bars + Nightlife page, substitute "Nightlife Events." Card 2: Plan Your Visit (parking/logistics — reduces friction for in-person visit planners). Should not compete visually with the listing itself.
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.