OCTA Website Redesign
Redesigned with Orange County riders and communities in mind.
1. Faster access to information and rider tools
Our suite of powerful rider tools is now collected for easy access at the top of the homepage. Key features include the Trip Planner, Maps & Schedules, Arrivals, Fares and Rider Alerts.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
![Collage](/media/auwoleya/img-2023-launch-1-faster-access-2x.png)
![](/media/lnain5d1/img-2023-launch-2-discover-2x.png)
2. Enhanced design and readability
Larger font sizes assist with readability on desktop screens and smaller mobile devices. Especially on mobile, this results in an improved experience when using the OCTA website while using transit modes and being on-the-go.
All colors have been selected to meet WCAG Grading AA color contrast guidelines. Using text on top of photography and images is avoided.
Page layouts across the website now share greater consistency. As a result, you can browse a wider variety of pages across the website and be confident in your familiarity with the interactivity and flow of information.
![Before and After](/media/rsvnsw2u/img-2023-launch-3-before-and-after-2x.png)
![Before and After](/media/kglneoui/octa-before-and-after.gif)
![](/media/rjiduzs1/img-2023-launch-4-reorganized-2x.png)
3. Simple, streamlined navigation
As an example, the original “Getting Around” dropdown could display up to 40 pages at one time: comprehensive yet often overwhelming. The new version is simpler to scan and efficiently guides you to transit modes and rider tools.
On mobile, the main navigation only goes one level deep - no more getting lost in nested sub-directories. In addition, Once you’ve navigated to a section that you’re interested in, some pages will contain an expandable sub-menu. Expanding this menu may reveal important pages to help you find the information you need.
![Navigation menus](/media/2ghluhln/img-2023-launch-5-simple-nav-2x.png)
![Navigation menus](/media/jczcb2pt/octa-open-close-menu.gif)
We appreciate hearing your feedback!
Fill out our quick feedback form and tell us what you think of the OCTA website redesign.