A WordPress + Gutenberg marketing site for the Integrated Mobility Hubs program at tranzito.org/ladot.
Tranzito is partnering with LADOT and LA Metro to launch the Integrated Mobility Hubs (IMH) program — a network of physical transit hubs across Los Angeles that consolidate multimodal mobility, real-time transit information, and equitable access to subsidized transportation services.
This proposal covers the design and development of the public marketing site at tranzito.org/ladot, which will serve as the primary informational and acquisition layer for the IMH program. The site is scoped separately from the authenticated portal and CurbCMS admin surfaces, which are being handled by other vendors.
The marketing site has three audiences to serve:
Work breaks down into four blocks — discovery, design, page inventory, and development — followed by an explanation of why we're building on Gutenberg rather than a third-party page builder.
A focused discovery phase to align on audience priorities, content strategy, and site structure before any design work begins.
Visual design aligned to the Designworks-led brand direction (Unified Green palette, accessibility-compliant typography) and delivered as a polished, production-ready design system.
The site will include the following templates and pages. Final page count will be confirmed in discovery — this is the planning baseline.
| Page / Template | Purpose |
|---|---|
| Home | Program overview, primary CTAs, audience segmentation entry points |
| How It Works | Explanation of mobility hubs, services, and how riders engage with the program |
| Find a Hub | Interactive map or directory of hub locations with filtering |
| For Riders | Consumer-facing landing covering services, programs, and signup |
| Programs (UBM / LIFE) | Subsidy program information, eligibility, and enrollment guidance |
| For Cities & Partners | B2B-facing page positioning the platform for other municipalities |
| About | Mission, team, LADOT/Metro partnership context |
| News / Resources | Index template plus single post / article template |
| Contact / Support | Inquiry form, support routing, hours |
| FAQ | Searchable accordion of common questions |
| Legal & Accessibility | Privacy, Terms, Accessibility statement (three short templates) |
The site will be developed in WordPress using the native Gutenberg block editor, giving Tranzito's team full control over content updates without requiring developer involvement post-launch.
We're building this as a Gutenberg-native WordPress site rather than relying on a third-party page builder (Elementor, Divi, etc.). For a civic-facing site with a long operational horizon, this decision matters.
Targeting a roughly 8-week engagement from kickoff to launch, with the understanding that the Designworks brand direction needs to be substantially settled before our high-fidelity design work begins.
Audience alignment, sitemap, and content strategy. Stakeholder kickoff session sets goals and the rules of engagement.
Style tile, wireframes, and high-fidelity designs across all in-scope templates. Two revision rounds per template included.
Theme build, Gutenberg block patterns, page templates, hub locator, forms, SEO foundation, accessibility implementation. Development overlaps the tail end of design so velocity stays high.
Cross-browser QA, accessibility audit, content load, launch, and post-launch verification. We do not consider the project complete until the site is live and stable in production.
Final fee within this range will be confirmed at the end of discovery, once the page count and feature scope are locked. Pricing covers all design, development, project management, QA, and launch activities outlined in Section 2.
| Milestone | Amount | Triggered By |
|---|---|---|
| Project kickoff | 50% | Signed SOW, kickoff scheduled |
| Design approval | 25% | Sign-off on high-fidelity designs |
| Launch | 25% | Site live on production |