← All Wireframes ShortNorth.org — Shopping › Fashion Wireframe Draft v1 · March 2026 · Explore › Shopping › Fashion · Directory + editorial spotlight
Utility nav surfaces audience-specific pages. Keeps primary nav focused on visitor discovery.
For Residents For Business Owners Jobs Media & Partners Subscribe
LOGO
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.
Boutique interior with personality — a person browsing, a proprietor arranging a display. Lifestyle shot.

Dressed by the District

Independent boutiques. Local designers. The kind of shop where the owner knows why they carry everything on the floor. Fashion in the Short North is not trend-chasing — it's choosing well, choosing local, and finding something you won't see anywhere else.

Browse Fashion →
§1 — Page Hero: Fashion. 'Dressed by the District' — pairs confidence with local identity in four words. Tells the user that shopping here has a point of view. Fashion has the highest potential for seasonal visual content (lookbooks, seasonal window displays, staff picks). Hero image should be refreshed seasonally — fashion photography ages fastest. Coordinate with member boutiques to source interiors and lifestyle shots.

Fashion Boutiques

Independent fashion retailers in the Short North. Browse by name or filter when available.

Sort
A–Z ▾
Additional filters (Style, Price Point, Local Designer) available in Phase 2
Open Today
[ Boutique interior or storefront ]
Womenswear

[Boutique Name]

Independent womenswear · Local designers · Gallery Hop participant

View Boutique →
Open Today
[ Boutique interior or storefront ]
MenswearAccessories

[Boutique Name]

Contemporary menswear and accessories · Established 2015

View Boutique →
[ Boutique interior or storefront ]
UnisexLocal Designer

[Boutique Name]

Locally designed streetwear and contemporary basics

View Boutique →
Open Today
[ Boutique interior or storefront ]
Womenswear

[Boutique Name]

Curated womenswear and shoes · High Street flagship

View Boutique →
[ Boutique interior or storefront ]
Accessories

[Boutique Name]

Handbags, scarves, and accessories · Independent owner-operated

View Boutique →
[ Boutique interior or storefront ]
WomenswearLocal Designer

[Boutique Name]

Emerging local designers · Rotating capsule collections

View Boutique →
Showing 6 of ~12 fashion boutiques · View All →
§2 — Browse & Filter: Fashion Directory. 3-up card grid with sort-only at launch (A–Z). Phase 2 filters: Style (Womenswear / Menswear / Unisex / Accessories), Price Point (Under $50 / $50–$150 / $150+), Local Designer (Yes / No). "Open Today" badge if hours data supports it. Same business card component used across all Shopping subpages and the All Shops directory — consistent design across the section. Filter labels must be confirmed against District 360 tagging before building.

Shop This Season

Boutique stories and seasonal picks — what to wear and where to find it.

[ Boutique interior, owner portrait, or a styled moment that captures this shop's aesthetic. Editorial, not promotional. ]
Boutique Story

[Boutique Name]

A specific boutique, their aesthetic, what makes them unlike anywhere else on High Street. Owner-voice copy preferred.

Visit [Boutique Name] →
[ Second boutique — contrasting aesthetic or complementary category (e.g., accessories if Card 1 is apparel). ]
Boutique Story

[Boutique Name]

Second boutique feature — contrasting aesthetic or complementary category. Adds breadth to the editorial coverage.

Visit [Boutique Name] →
[ Seasonal occasion photography — Gallery Hop outfit, holiday party look, spring fashion moment. ]
Seasonal Pick

What to Wear to Gallery Hop

'What to wear to [seasonal occasion]' — ties fashion to a Short North moment. Gallery Hop in spring, holiday party in December.

Get the Look →
§3 — Editorial Spotlight: Fashion. Rotate seasonally — 'shop this [season]' angle. 2 boutique stories + 1 seasonal pick, or 3 boutique stories with seasonal framing. Each card pairs a business with a reason to go now. Rotate quarterly — feature different boutiques each season. Seasonal Pick card updates 4–6x/year around key fashion occasions. Owner-voice copy preferred for boutique stories. Cross-reference with Jewelry page for outfit-completion angles.

Complete the Look

The outfit is half of it. The occasion is the rest.

[ Product lifestyle — jewelry displayed on or alongside clothing. The outfit-completion angle. ]

Jewelry

Complete the look. Short North jewelers know the difference between a piece and an accessory.

Browse Jewelry →
[ A High Street restaurant or café with morning/weekend atmosphere. Brunch + boutiques energy. ]

Eat & Drink

A good brunch makes the whole morning better. Shop first. Eat after. Or reverse it.

Find a Table →
§5 — Cross-Sell: Fashion. 'Make It a Morning' — leans into the weekend-shopping occasion. Brunch + boutiques is the natural pairing for the Short North's core visitor profile. Jewelry leads because outfit-completion is the strongest cross-sell from Fashion. Section 4 (second editorial spotlight) omitted at launch — reserved for Phase 2 if editorial resources allow a second feature per page.

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.