Multi-disciplinary Creative Professional Specializing in Graphic, User Interface Design and Professional Photography.

Sava Bicycles Brand | Strengthening the brand authority for cyclists

About the brand

The SAVA bicycle brand was founded in 2005 in Sindelfingen, Germany as the SAVA Bicycle Creative Design Team. However, production and sales were first concentrated in Southeast Asia. As one of the few bicycle brands, it started to manufacture its own frames using the best material for bicycles – carbon. With direct sales channels primarily focused on the customer, it soon achieved great success and revolutionized the sports bike market. The combination of superior materials, 100% control in production, progressive design and attractive pricing is a proven path to success in all sectors.

Services

Web design, user interface design, UX optimization, visual language

Challenge

The challenge consisted of revamping both the user interface and the user experience in a simultaneous way by bringing the DNA of the brand into the digital realm without losing the brand’s visual identity in the bike manufacturing world.

Approach

My approach consisted of studying and observing the visual language that the brand uses to manufacture its products and translating it into a web form by creating design elements and components that speak the bike world language and compete well with other cycling brands.

Problems & issues

The current landing page is outdated

The current landing page of the website looked bland, with too much negative space and out of the brand reputation in the bike manufacturing world so I figured that I should start with the landing page from which the first impression starts.

Brand identity “emotional response” is missing

Sava built and sold bikes to over 50,000 satisfied customers in Europe and thousands around the world without having a top-notch web game which will serve it well in the online channel and completes the brand identity on all ends.

Lack of visual consistency

Consistency makes it easier for users to navigate and use the website because they don’t have to learn new ropes to get around. This is lacking when looking at the current layout and that knocks the possibility of creating an emotional response.

The impact on the company

The old technology and outdated view on the website didn’t provide the best possible user experience and impacted the brand’s image.

Goal & vision

Consistent visual language

Creating a sense of continuity and cohesion was the first and most important step because it is the foundation that will encompass all the rest of the steps.

Familiarity across web experiences

Creating defined patterns and elements will help us design a variety of experiences that will always feel like Sava.

Top-notch visual content

Creating visual treatments like hero sections and banners leveraging distinct photography and typography to bring the interface to life.

Hero Page Redesign

Highlighting a product & invoking a feeling

Structuring the layout by highlighting one of the brand’s flagship products as a focal point along with two CTA buttons, leveraging the brand color style for the typography also creating a background texture that emulated the twisty roads of a cyclist’s journey.

Home page UI Redesign

Product collection UI redesign

A new look & feel

Approachable, well-crafted graphical elements, cyclist-inspired banners and curated stories with an aim to invite cycling enthusiasts to dive in.

Product page UI Redesign

Mobile version

Graphical elements

Components and interactions

Before & After

Result & impact

The total 5 cycling enthusiasts that I interviewed for this project proved that consistent and innovative visual design with an optimized user experience is always what differentiates a product from others, what they said:

  • “The website is now looking more usable and inviting.”
  • “I now actually want to browse the product catalog.”
  • “It feels like it should have been like this from the beginning.”
  • “This new interface shows the essence of the brand.”
  • “The cycling aura is apparent”

Conclusion & remarks

This project shows that digital can be used to provide an audience with a full high-end brand experience. Sava needed a platform that was equally informative and innovative and really drew users in.
I made sure the work I produced spoke to both the seasoned cyclist adventurer and the new rider.

Next Up

© 2023 | WEB DESIGN AND BUILD BY TAREK MARZOUKI

Digital Design

Photography