Transportation Software

Designing a Complex Platform Website for a Marketing Campaign Launch

Tobi Cloud had a new brand direction, 20+ pages to build, and a hard launch deadline. The work was to translate that direction into a cohesive, well-structured website without disrupting the live site during the build.

Tobi Cloud website preview

The Challenge

The existing site no longer reflected the platform or the direction the client was taking the brand.

  • Navigation had no clear product hierarchy
  • Pages were inconsistent in layout, spacing, and visual structure
  • The homepage hero didn't communicate the actual product
  • 20+ pages built, updated, or restructured before deadline

The Strategy

Focus on structure, consistency, and a clean execution that could scale.

  • Build a clear navigation hierarchy with full dropdown menus
  • Design all pages in draft mode so the live site wasn't disrupted
  • Apply consistent layouts, spacing, and visual patterns
  • Set up SEO keyphrases, titles, and meta descriptions on every page

The Partnership

The client was hands-on throughout providing content, reviewing pages, and making real-time updates. The process was built to support that without losing momentum.

  • Draft pages allowed the client to review before anything went live
  • Weekly email updates kept the client informed at every stage
  • Content, images, and copy were reviewed and approved in batches
  • Questions and feedback were addressed quickly
  • Launch day tasks were handled efficiently as a single coordinated effort
  • The site went live without the client needing to manage any of the technical details

Building a Better Experience

A new design system brought consistency, clarity, and scalability across the full site.

New Navigation Architecture

Platform Capabilities and Applications replaced the old flat nav — giving every audience segment its own clear entry point.

SEO Ready at Launch

Every page launched with a unique keyphrase, SEO title, and meta description already in place.

Consistent Page Design

20+ pages built with consistent layouts, spacing, and visual patterns throughout.

Mobile Friendly

All pages reviewed and tested across desktop and mobile before launch.

Homepage Transformation

The homepage was rebuilt to reflect the client's new brand direction — new hero image, updated section imagery, enterprise-focused actions, and clear internal links throughout.

Before

Generic illustration, inconsistent layout, no clear product story.

Tobi Cloud homepage before redesign
After

Bold hero image, updated imagery throughout, and a clean testimonial.

Tobi Cloud homepage after redesign

Navigation Transformation

The new navigation architecture reflects the full platform and gives every audience segment a clear entry point.

Before: What Wasn't Working

  • Flat structure: No product hierarchy — everything grouped under "Features" and "NEMT."
  • Single-segment focus: The nav didn't reflect the full platform or its audiences.
  • Mega menu with heavy text: Dense, overwhelming dropdown that was hard to scan.
  • No audience entry points: Visitors couldn't quickly find what was relevant to them.
Navigation before redesign
Navigation after redesign

After: How It Was Improved

  • Clear product hierarchy: Platform Capabilities and Applications as top-level categories with full dropdown menus.
  • Simple, clean dropdowns: Easy to scan and navigate without overwhelming the visitor.
  • Targeted audience entry points: NEMT, PACE, Veterans Affairs, and Student each have their own page.
  • About Tobi section added dedicated team, privacy, technology, support, and FAQs.

Footer Transformation

The footer was updated to reflect the new site structure and replace outdated links and messaging.

Before: What Wasn't Working

  • Outdated links: The "Features" column linked to old pages that no longer existed.
  • Cluttered layout: Too many links made the footer hard to scan.
  • Trial-focused CTA: "Earn More. Save More." didn't match the enterprise direction.
  • Confusing structure: Visitors couldn't easily find what they were looking for.
Footer before redesign
Footer after redesign

After: How It Was Improved

  • Updated Company column: All links now point to the correct new pages.
  • Clean, organized layout: Simplified columns make key links easy to find.
  • New enterprise CTA: "One Platform to Operate and Scale Specialized Fleets / Schedule a Consultation."
  • Consistent structure: Footer navigation aligned with the new site architecture throughout.
Final Fusion Website Preview

A Website Ready to Scale

Launched on Time

Delivered ahead of a hard marketing campaign deadline with no disruption to the live site.

Built for Multiple Audiences

A new navigation architecture gives every segment — NEMT, PACE, Veterans Affairs, and Student — a clear path through the platform.

SEO Ready from Day One

Every page launched with a keyphrase, title, and meta description already in place.