2026 Website Refresh

[kfarr]

High-level ticket for 3dstreet.com website update

Big things:

• messaging
• structural - uniform nav across site, blog, docs
• fix docs / blog styling (dumb things like not having spacing before/after p which require custom br, just search the sourcecode for examples, noisy / non-converting blog lefthand index with right-hand TOC; blog index view read more poor cta styling, etc.)
• fix docusaurus config things - Fix docusaurus.config.js — url says 3dstreet.org, prod is 3dstreet.com; same fix needed in homepage OG/canonical/twitter meta tags +Replace tagline "Safer street visualization tools" in config

Messaging

• Highlight AI generation as a primary capability, not the third feature card
• Surface other recent feature updates (intersections, AR viewer, video gallery, panel redesign)
• Prioritize high-converting segments over high-value ones — lead with the audiences that actually pay
• Remove politically coded language ("safer, more sustainable streets," "safer street visualization tools" tagline) from marketing surfaces; keep it on the advocacy sub-page where it fits the audience

Social proof

• Show open-source contributors (avatars/icons grid pulled from GitHub)
• Add more customer examples from recent presentations and webinars (Univ of Cincinnati AR pilot, Hayes Promenade, Bicycle Coalition of Greater Philadelphia, etc.)
• Show recent user-generated examples — gallery of actual scenes / AI renders being created right now or this week

Design direction

• Collect 3–5 reference sites to anchor the visual direction before any restyling
• Before/after or process-based diagram for the hero (nice to have, not blocking)
• Identify whether new hero asset production is needed or whether existing renders can be repurposed

Header / footer unification

• Swizzle Docusaurus navbar + footer so homepage, marketing sub-pages, blog, and docs all share one component
• Today: marketing pages roll their own custom NavigationMenu; blog/docs use the default Docusaurus navbar with only three items — visible disjoint
• Removes duplicated header markup from pages/planning.js, education.js, advocacy.js, pricing.js, contact.js

Blog styling

• Update recent blog post layout/typography
• Optimize for conversion — clear paths from blog post into the app and into Pro signup (in-post CTAs, sticky/footer prompts, related-post surfacing that pulls toward feature pages)
• Bring blog index card style in line with the homepage's blog cards

Docs styling

• Help users get the job done — search that actually finds things, per-page thumbs up / down feedback, clear next-step links, accessibility as a baseline
• Match brand tokens (color, type) so docs don't feel like a separate site after the marketing pages restyle

Housekeeping (low effort, do alongside)

• Fix docusaurus.config.js — url says 3dstreet.org, prod is 3dstreet.com; same fix needed in homepage OG/canonical/twitter meta tags
• Replace tagline "Safer street visualization tools" in config