Subaru
/03
live project
Client
Subaru
Industry
E-commerce, Car Dealership
Involvement
Wire-framing, UI/UX Design, Design System, Art Direction
task
The goal of this project was to develop a new version of the website for Subaru, the official representative of the global brand in Ukraine, and to build a comprehensive platform with integrated e-commerce functionality. The platform was designed to effectively showcase the latest vehicle lineup and enable online car sales.
approach
Subaru vehicles are known for their advanced engineering, and one of our main objectives was to highlight the modern technologies integrated into each model. To achieve this, we used a variety of dynamic presentation techniques — including micro-interactions, video sliders, and other engaging visual elements — to effectively communicate the brand’s innovation and showcase the key strengths of Subaru.
SUBARU topped the reliability ranking of automotive brands, surpassing Lexus and Toyota.
According to data from the authoritative magazine Consumer Reports, the highest distinction was awarded to the Subaru Forester.
Design idea behind the concept
The core design concept was inspired by the heritage of the Subaru brand and the meaning behind its name, which refers to a star constellation. We used the star from the logo as a foundational visual element, transforming it into a navigation device — functioning as an arrow or pointer when selecting different elements across the interface.
Building on this idea, we developed a clear visual hierarchy to present each vehicle from multiple perspectives and thoroughly showcase its technical features, including technology, safety systems, interior and exterior design, and available color options.
Exceptional technology and security
I applied an approach centered on highlighting specific details and components of the car using a pointer, accompanied by animated tooltips and microinteractions. This allowed to present the technological and safety features in a more engaging and interactive way.
I also incorporated multiple content formats — including animated text, video, and imagery — arranging them in varied compositions to create a dynamic and visually compelling storytelling experience.
Search and filtration for available cars
To ensure users could quickly and easily find the model they were looking for, I developed an intuitive filtering system that allowed them to select the desired configuration and adjust parameters dynamically throughout the search process. This made it possible to identify the right vehicle efficiently and immediately explore it both externally and internally.
Additionally, dedicated comparison tables were developed for different models, presenting a comprehensive list of specifications and clearly indicating which features are available in each version. This approach enables users to quickly compare the models they are interested in and make a well-informed decision.
The design was fully responsive, carefully adapted to different screen sizes to guarantee seamless functionality and a high-quality user experience across mobile devices, tablets, and larger screens.
Result
As a result, I created not just a platform for selling and configuring vehicles, but a comprehensive guide and digital assistant. Users can explore every detail, learn about the latest technologies integrated into each model, and customize their vehicle with precision — ensuring that when they contact a dealer, they receive exactly the car they envisioned.
This approach led to a threefold increase in website conversions and a significant improvement in overall user experience. The previous version of the site lacked proper responsiveness across devices, whereas the new platform delivers a seamless and consistent experience on all screen sizes.
Subaru
/03
live project
Client
Subaru
Industry
E-commerce, Car Dealership
Involvement
Wire-framing, UI/UX Design, Design System, Art Direction
task
The goal of this project was to develop a new version of the website for Subaru, the official representative of the global brand in Ukraine, and to build a comprehensive platform with integrated e-commerce functionality. The platform was designed to effectively showcase the latest vehicle lineup and enable online car sales.
approach
Subaru vehicles are known for their advanced engineering, and one of our main objectives was to highlight the modern technologies integrated into each model. To achieve this, we used a variety of dynamic presentation techniques — including micro-interactions, video sliders, and other engaging visual elements — to effectively communicate the brand’s innovation and showcase the key strengths of Subaru.
SUBARU topped the reliability ranking of automotive brands, surpassing Lexus and Toyota. According to data from the authoritative magazine Consumer Reports, the highest distinction was awarded to the Subaru Forester.
Design idea behind the concept
The core design concept was inspired by the heritage of the Subaru brand and the meaning behind its name, which refers to a star constellation. We used the star from the logo as a foundational visual element, transforming it into a navigation device — functioning as an arrow or pointer when selecting different elements across the interface.
Building on this idea, we developed a clear visual hierarchy to present each vehicle from multiple perspectives and thoroughly showcase its technical features, including technology, safety systems, interior and exterior design, and available color options.
Exceptional technology and security
I applied an approach centered on highlighting specific details and components of the car using a pointer, accompanied by animated tooltips and microinteractions. This allowed to present the technological and safety features in a more engaging and interactive way.
I also incorporated multiple content formats — including animated text, video, and imagery — arranging them in varied compositions to create a dynamic and visually compelling storytelling experience.
Search and filtration for available cars
To ensure users could quickly and easily find the model they were looking for, I developed an intuitive filtering system that allowed them to select the desired configuration and adjust parameters dynamically throughout the search process. This made it possible to identify the right vehicle efficiently and immediately explore it both externally and internally.
Additionally, dedicated comparison tables were developed for different models, presenting a comprehensive list of specifications and clearly indicating which features are available in each version. This approach enables users to quickly compare the models they are interested in and make a well-informed decision.
The design was fully responsive, carefully adapted to different screen sizes to guarantee seamless functionality and a high-quality user experience across mobile devices, tablets, and larger screens.
Result
As a result, I created not just a platform for selling and configuring vehicles, but a comprehensive guide and digital assistant. Users can explore every detail, learn about the latest technologies integrated into each model, and customize their vehicle with precision — ensuring that when they contact a dealer, they receive exactly the car they envisioned.
This approach led to a threefold increase in website conversions and a significant improvement in overall user experience. The previous version of the site lacked proper responsiveness across devices, whereas the new platform delivers a seamless and consistent experience on all screen sizes.
Subaru
/03
live project
Client
Subaru
Industry
E-commerce, Car Dealership
Involvement
Wire-framing, UI/UX Design, Design System, Art Direction
task
The goal of this project was to develop a new version of the website for Subaru, the official representative of the global brand in Ukraine, and to build a comprehensive platform with integrated e-commerce functionality. The platform was designed to effectively showcase the latest vehicle lineup and enable online car sales.
approach
Subaru vehicles are known for their advanced engineering, and one of our main objectives was to highlight the modern technologies integrated into each model. To achieve this, we used a variety of dynamic presentation techniques — including micro-interactions, video sliders, and other engaging visual elements — to effectively communicate the brand’s innovation and showcase the key strengths of Subaru.
SUBARU topped the reliability ranking of automotive brands, surpassing Lexus and Toyota.
According to data from the authoritative magazine Consumer Reports, the highest distinction was awarded to the Subaru Forester.
Design idea behind the concept
The core design concept was inspired by the heritage of the Subaru brand and the meaning behind its name, which refers to a star constellation. We used the star from the logo as a foundational visual element, transforming it into a navigation device — functioning as an arrow or pointer when selecting different elements across the interface.
Building on this idea, we developed a clear visual hierarchy to present each vehicle from multiple perspectives and thoroughly showcase its technical features, including technology, safety systems, interior and exterior design, and available color options.
Exceptional technology and security
I applied an approach centered on highlighting specific details and components of the car using a pointer, accompanied by animated tooltips and microinteractions. This allowed to present the technological and safety features in a more engaging and interactive way.
I also incorporated multiple content formats — including animated text, video, and imagery — arranging them in varied compositions to create a dynamic and visually compelling storytelling experience.
Search and filtration for available cars
To ensure users could quickly and easily find the model they were looking for, I developed an intuitive filtering system that allowed them to select the desired configuration and adjust parameters dynamically throughout the search process. This made it possible to identify the right vehicle efficiently and immediately explore it both externally and internally.
Additionally, dedicated comparison tables were developed for different models, presenting a comprehensive list of specifications and clearly indicating which features are available in each version. This approach enables users to quickly compare the models they are interested in and make a well-informed decision.
The design was fully responsive, carefully adapted to different screen sizes to guarantee seamless functionality and a high-quality user experience across mobile devices, tablets, and larger screens.
Result
As a result, I created not just a platform for selling and configuring vehicles, but a comprehensive guide and digital assistant. Users can explore every detail, learn about the latest technologies integrated into each model, and customize their vehicle with precision — ensuring that when they contact a dealer, they receive exactly the car they envisioned.
This approach led to a threefold increase in website conversions and a significant improvement in overall user experience. The previous version of the site lacked proper responsiveness across devices, whereas the new platform delivers a seamless and consistent experience on all screen sizes.
