← All Wireframes
ShortNorth.org — For Residents Wireframe
Draft v1 · March 2026 · Utility nav · Resource hub: benefits, C-Pass, mobility, everyday essentials, community
Utility nav surfaces audience-specific pages. Keeps primary nav focused on visitor discovery.
For ResidentsFor Business OwnersJobsMedia & PartnersSubscribe
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.
Your Neighborhood, Working for You
The Short North has something most neighborhoods don't: an organization working to make living here better. From free transit passes to daily Ambassador patrols, here's what that looks like in practice.
§1 — Hero / Intro Block. Page headline + 2–3 sentence intro + anchor link strip for quick-jump navigation to sections below. This is not a welcome message — it's a table of contents with warmth. Residents landing here are looking for something specific; the intro gets out of their way while establishing SNA as an invested partner. Optional email hook below the anchor strip as a secondary CTA. This page lives in footer/utility nav, not primary nav — it serves residents who already know the district, not visitors being introduced. Tone: warm but efficient — the knowledgeable neighbor who respects your time. ✗ Avoid generic "welcome to the community" language that doesn't serve the reader. ✗ Avoid long paragraphs before the anchor links — get users moving. ★ Headline alternatives: "Your Neighborhood, Your Benefits" / "Everything You Get for Living Here."
What's Available to You
Resident benefits at a glance — tap any tile to jump to the details
§2 — Benefits Overview. 5-up tile grid — icon + label + one-line description. Serves as visual inventory and navigational aid. Residents may not know all benefits available to them; seeing them together builds awareness. Each tile anchors to the corresponding section below. Desktop: 5-column row. Tablet: 2–3 columns. Mobile: stacked. Icon-forward, outline-style icons consistent with SNA brand system. Background: white. Labels should be short (2–4 words). Descriptions one tight line — detail lives in sections below. This is a menu, not a read.
Ride Free. It's One of Your Perks.
C-Pass — Free COTA transit for Short North residents
The Short North C-Pass gives eligible residents unlimited access to COTA fixed-route service — at no cost. If you live within the eligibility zone, you can ride any COTA bus, any time, without paying a fare.
The pass is virtual — it's associated with your COTA account and accessed via the Transit App or a COTA Smartcard. No physical card needed.
1
Create or log in to your COTA account
2
Complete the C-Pass enrollment form
3
Receive confirmation within 10 business days
Annual pass — re-enrollment available each calendar year. Also available to people who work in the district.
[ C-Pass program visual — Transit App screenshot, eligibility map preview, or a lifestyle image of a resident boarding a COTA bus on High Street. Keep it practical, not aspirational. ]
§3 — C-Pass Featured Section. The flagship resident benefit, elevated from the parking section (where it was buried on the current site) to its own prominent placement. 3-step enrollment flow is the core UX element — keeps the path to sign-up frictionless. Primary CTA: "Sign Up for Your C-Pass." Secondary: eligibility check + full program detail page (/cpass/). Background: teal-50 to visually distinguish as the hero benefit. Tone: concrete and motivating — this is a genuine financial benefit. ★ Open questions: current C-Pass page references "2025" — confirm 2026 program is launched and update enrollment CTA accordingly. ★ Confirm whether C-Pass for workers should be addressed here or on a separate "For Business Owners" page. ★ Transit App instructions PDF: confirm link is current.
Getting Around the District
Parking permits · Scooter & bike credits · Mobility resources
Resident Parking
City of Columbus annual parking permits are available to Short North residents. Permits are issued by Columbus Parking Services — eligibility is based on your residential address within the district.
Short North residents receive quarterly credits for e-scooter and bike-share services. Credits are redeemed via email — no app required for the request.
Provider
Service
Credit
Frequency
Spin
E-scooters
$25
Per quarter
Veo
E-bikes & E-scooters
$25
Per quarter (while supplies last)
How to redeem: Email info@shortnorth.org with subject "Resident Shared Mobility Request." Include your residential address. You'll receive a promo code to apply at checkout. Codes are quarterly — process repeats each quarter.
§4 — Getting Around. Three subsections: (A) Resident Parking — City of Columbus annual permits with eligibility map link; (B) Shared Mobility Credits — Spin ($25/quarter) and Veo ($25/quarter) in a compact table with redemption instructions; (C) Additional Options — COTA route planner and cross-link to Getting Here page. Mirrors content from current "Resident Parking and Transit" section, restructured to flow after C-Pass. Tone: informational and practical — no editorial flair. Keep credit amounts ($25/quarter) prominent — they represent real value residents may not know about. ★ Open questions: CoGo bike share has no current resident discount — flag for SNA if partnership develops. Confirm Spin and Veo are still active providers with $25/quarter credits.
Your Everyday Short North
The district has everything you need for the week — all within walking distance of High Street
Grocery & Pharmacy
Between the galleries and restaurants, you'll find everything you need for the week. The Short North has full-service grocery options, specialty markets, and pharmacies — all walkable.
From yoga studios and cycling classes to sports medicine and wellness centres, the district has a robust fitness ecosystem for residents who take their health seriously.
§5 — Living Here. NEW section — not on the current site. Surfaces everyday-use business categories that serve residents' daily lives. Two subsections: (A) Grocery & Pharmacy with named businesses from CMS (Kroger, North Market, UDF, Equitas Health, Primo Gardens, Wnder); (B) Fitness & Health with placeholder cards (CMS-populated). Each subsection: brief intro + 4-up business cards (logo + name + descriptor) + "View All" link. This is a curated entry point into the directory, not a full listing. Tone: neighborly and practical. ✗ Not a visitor pitch — don't frame these as "hidden gems." Residents need practical info. ★ Open questions: Fitness & Health page returned server error during audit — confirm current listings. Confirm whether cards should auto-populate from CMS or be hand-curated. Justin to confirm whether to include a third category (Salons & Spas) or keep to two.
Community & Safety Resources
Ambassador program · Safety resources · Community organizations
The Short North Ambassador Program
The SNA Ambassador team patrols on foot, seven days a week. They provide walking safety escorts, non-emergency crisis response, wayfinding, wellness checks, graffiti and litter removal, and biohazard cleanup. Coverage: High Street corridor from Nationwide Blvd. to E 7th Ave. / King Ave. and adjacent side streets to nearest alley.
Travel together — there is safety in numbers, especially late at night
Plan routes in advance, particularly after dark
Do not leave valuables visible in your vehicle
Report non-emergency issues to Ambassadors (614.636.5100) or CPD for emergencies (911)
Community Organizations
The Short North is home to nonprofit, civic, and faith-based organizations that serve the neighborhood. From community gardens to civic groups, there are multiple ways to get involved beyond the SNA.
§6 — Community & Safety Resources. Three subsections: (A) Ambassador Program — condensed from Safety page with dark card treatment, hotline number, hours, 6 service chips, and cross-link to full Safety page; (B) Safety Tips — 4 condensed tips (not the full list); (C) Community Organizations — brief intro + CTA to directory. Residents have a different relationship to safety than visitors: they need operational knowledge, not confidence-building reassurance. Tone: informational, clear, matter-of-fact. ✗ Don't repeat the full safety tips from the Safety page — condense and link. ✗ Avoid language that feels alarming or over-precautionary.
Stay Connected to Your District
Events · Volunteer · Subscribe · Feedback
Upcoming Events
Something new every day — from gallery openings to community workshops. Resident-relevant events surfaced first.
§7 — Stay Connected. Dark-background engagement section closing the page. 4-up card grid: (A) Events — link to calendar with resident-relevant events surfaced preferentially; (B) Volunteer — range of roles at Gallery Hop, seasonal events, community programs; (C) Email Sign-Up — compact inline form for resident email list; (D) Feedback — contact CTA. This is not a hard conversion section — it's a natural continuation for residents who have oriented themselves to available resources. Tone: inviting and low-pressure. Volunteer block should feel genuine, not like a recruitment pitch. ★ Open question: does SNA maintain a separate resident-specific email list, or do resident comms go through the general newsletter? This affects how the email CTA is framed.
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.