USTrotting Phase 4 – Develop

Recognizing limitations in the existing tech stack, I proposed adopting Angular with a standardized API layer to support the enhanced UX vision. I led the design and development of foundational components, layouts, and architecture for the redesigned interface, setting the direction for USTrotting’s team to build upon in future development cycles iteratively.

Methodologies

Material Design by Google

Font End

Hyper Text Markup Language (HTML), Cascading Style Sheets (CSS), JavaScript (JS), Bootstrap, Angular, IntroJS

Back End

.NET Core, REST API, SQL

Revenue Challenge
Advertisement Income

To boost ad revenue, I introduced contextual advertising within the redesigned USTrotting experience, enabling more precise targeting based on user interests. This strategy enhanced relevance, engagement, and monetization opportunities across key site areas.

Design Challenge
Brand Standards

To unify USTrotting’s fragmented branding across subdomains, I created the organization’s first comprehensive brand sheet, standardizing logos, visual elements, and usage guidelines for designers and developers. The solution was well received and set a new benchmark for brand consistency.

User Experience Challenge
Deeply Related Data Interactions

To transform siloed data access, I restructured the experience around contextual subjects, such as horse, race, track, and person, enabling users to navigate seamlessly across datasets. Collaborating with web staff, we replaced fragmented subdomains with a cohesive, intuitive architecture.

I redesigned a key site feature into a Material Design-inspired card system, allowing users to explore “Week At A Glance” content fluidly and efficiently.

User Experience Challenge
User Preferences

Before the redesign, user preferences were limited to account settings via the member portal. To support the new contextual dashboard experience, I designed and presented an intuitive card-based layout with dynamic preference panels, leveraging Google’s Material Design to deliver personalized, seamless interactions.

Learn More About This Case Study