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.
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
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. DEV NOTE: These associations will need to happen on D360 sync.
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
Happening Soon
Event Image
Short North Food Tour
Saturday, March 28 · $58/person
Public Art Nearby
Artwork Photo
"Defend Democracy" at Hubbard
Shepard Fairey · 2 blocks east
Next Gallery Hop
Gallery Hop Photo
Gallery Hop
First Saturday of every month · Free
Section 6C: While You're in the Short North — All three cards auto-populated, zero editorial maintenance. "Happening Soon" pulls the next upcoming event from the events feed. "Public Art Nearby" pulls the nearest public art piece based on the business's geocoordinates (from the OEF public art feed). "Next Gallery Hop" pulls the next Gallery Hop event instance — always present since it recurs monthly. Each card links to its respective detail page (event detail, art modal, Gallery Hop page).
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.