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. 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.
Breadcrumb trail provides wayfinding and links back to parent directory listing. Categories are dynamic based on business type.
Full-width hero image — storefront, interior, or hero product
Business-submitted or SNA photography · Fallback to district lifestyle imagery
LOGO
Business Name
Retail
Gifts
Local Maker
Visit
Website / Book / Order
Section 1: Hero — Above the fold. All critical info visible without scrolling. H1 business name, logo from CMS, pill-style category tags link back to directory. Quick Info Strip is the most prominent element after name/image — visitors often just need one of these four items. Hours expand on click. Address is a one-tap map link. Phone is click-to-call on mobile. Primary CTA links to business website or booking/ordering page.
Business Details
Hours
Open Now
| Monday | 10:00am – 8:00pm |
| Tuesday | 10:00am – 8:00pm |
| Wednesday | 10:00am – 8:00pm |
| Thursday | 10:00am – 9:00pm |
| Friday | 10:00am – 9:00pm |
| Saturday | 10:00am – 9:00pm |
| Sunday | 11:00am – 6:00pm |
Location
123 N. High Street
Columbus, OH 43215
Located between Buttles Ave and 1st Ave on High Street
Embedded Map
(Google Maps / Apple Maps)
Section 2: Business Details — The "reference block." Full hours table with dynamic Open/Closed status badge. Holiday or seasonal hours noted when applicable. Map embed with neighborhood micro-context for orientation. Contact section only renders platforms the business actually uses — no empty icons. Social links open in a new tab. Phone is click-to-call. This section is expected to be revisited frequently.
Photos
Gallery
See what to expect before you visit.
Primary Photo
(Storefront / Interior)
Product / Food
Ambiance / Detail
Event / Activation
Additional Photo
Section 3: Photo Gallery — Imagery is critical for conversion. Grid or horizontally scrollable layout, minimum 4 images recommended. Content types: storefront exterior, interior ambiance, products/food/art, events. Full-screen lightbox on click with photo credit if applicable. A well-stocked gallery is the highest-impact element on a business profile. Consider SNA photography guidelines for member businesses. "+N more" overlay on final image links to full gallery view.
About
About This Business
A short, human description of what makes this business worth visiting. This is not a corporate "About Us" — it's a warm, district-voice introduction. Two to four sentences that describe what makes the business uniquely Short North. Source: provided by the business, lightly edited for tone consistency by SNA if needed.
Section 4: About the Business — 50–100 words recommended. Warm, specific, discovery-oriented voice aligned with Short North brand. Avoid generic copy. Consider a CMS character limit to enforce brevity. This humanizes the listing and differentiates from a pure data page.
Events
Upcoming Events
What's happening at this business.
Event Name Here
Brief event description, one or two lines max.
Image
Event Name Here
Brief event description, one or two lines max.
Image
Gallery Hop — April
Monthly art walk with 30+ galleries and pop-ups.
Image
See all events at this business →
Section 5: Upcoming Events — Bridges business profile into Events ecosystem. Card format with date, name, description, and thumbnail. Shows next 2–3 events, links to full calendar. Source: SNA Events calendar matched by business tag/relationship. Empty state promotes Gallery Hop or district events. Reinforces event-driven culture and gives visitors reason to bookmark the page. Requires CMS business-to-event relationship tagging (open question for Nicole).
District Discovery
Image
Restaurant
Nearby Business
Italian · 1 block away
Image
Coffee & Tea
Nearby Business
Cafe · 2 blocks away
Image
Bar
Nearby Business
Cocktails · Next door
Image
Dessert
Nearby Business
Sweets · 1 block away
Section 6A: Nearby in the District — Cross-category recommendations within ~2 blocks. The heading adapts by business type: Retail → "Grab a bite nearby," Restaurant → "Before or after your meal," Gallery → "Make a night of it," Wellness → "Round out your visit." Should feel organic, not algorithmic. 2–4 complementary businesses. Logic: cross-category, proximity-based, complementary timing. Open question: fully algorithmic, editorially curated, or hybrid?
Getting Here
Plan Your Visit
Getting to and around the Short North.
Parking
Name Garage
0.1 mi away
Bus / Transit
COTA Line #2
Stop at High & 1st
C-Pass
Resident parking program
Bike Share
CoGo station at
High & Buttles
Rideshare
Drop-off at
N. High & 1st Ave
Section 6B: Getting Here — Compact, practical module. Directly combats documented friction point: suburban and out-of-town visitors express hesitation around parking and navigation. Meeting them on the business page is more effective than asking them to find the Parking section. Closest parking garage with distance, COTA bus/stop, C-Pass, CoGo bike station, rideshare drop-off. Could be a shared component reused on events and landing pages (open question).
While You're in the Short North
This Weekend
Event Image
District Event Name
Saturday, March 14 · Free
Public Art Nearby
Mural / Installation Photo
Mural or Installation Title
Artist Name · 1 block north
District Story
Editorial Image
The Story of Gallery Hop
How a monthly art walk became Columbus' signature event.
Section 6C: While You're in the Short North — Lightweight editorial panel surfacing district-level content. Not business-specific — this is about the district as destination. "This Weekend" pulls 1–2 upcoming events. "Public Art Nearby" features 1 mural/installation near the business. "District Story" is optional editorial content. Visually lighter than business content — supporting cast, not headline act. Subtle background color differentiates from primary profile content.
Explore the District →
Back to Directory →
Section 7: Page Footer CTA — The bottom of the page should not be a dead end. "Explore the District" links to the Explore section homepage for broad discovery. "Back to Directory" returns to the parent directory listing. Newsletter sign-up is handled by the global pre-footer strip below.
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.