Project Overview
As a designer and accessibility auditor, I undertook the redesign of toMotion Racing’s website. This case study outlines my design process and key decisions that shaped the final product.
You can visit the website from here.
Client Brief
The project began with a clear foundation: toMotion Racing needed a simple website structure and had a clear vision for their new design direction. They provided existing content from their previous website and had an established brand colour in light blue, giving me solid groundwork to build upon.
Design Process
Information Architecture
The website structure was intentionally kept streamlined, focusing on essential user flows. I began with a thorough content audit of the existing website, which helped inform my architectural decisions while maintaining simplicity at its core.
Visual Design Decisions
Mountain Theme Integration
This is the first draft of the hero design.
I decided to make the mountain motif appear in two key locations: a subtle mountain silhouette in light grey in the hero section, complementing client images on the right half, and again in the footer design.
Colour Palette
The colour strategy evolved from the client’s existing light blue brand colour. Through exploration and inspiration from client photography, I introduced a complementary light green that perfectly balanced with both the light and dark blue elements.
Interactive Elements
The button design went through several iterations. While I initially explored a bicycle-inspired arrow concept, the final design embraced simplicity with a gentle, purposeful animation that enhances user interaction without being distracting.
Accessibility and Inclusivity
Before development, I focused on creating an inclusive experience. This meant careful consideration of colour contrast for various types of colour blindness, thoughtful and subtle animation, consistent spacing and navigation patterns, and thorough mobile testing. Every design decision was made with accessibility in mind.
Seeking an Accessibility-Focused Designer?
I approach each project with empathy and attention to detail, focusing on creating inclusive digital experiences that work for everyone. If this resonates with your values, I’d love to discuss your next project!
Thank you for reading until the end 🫶
Yoshie
Email: hello@yoshieagata.com
