Brody Bikeservice
Brand Development & UI Desig
Projektübersicht
Vom renommierten E-Bike-Hersteller zum spezialisierten Fahrradservice – Brody steht für Servicebereitschaft und Reparaturmöglichkeiten für jedes Fahrrad und jeden Fall. Brody Bikeservice bietet unterschiedliche Services an, die in einer Website verständlich aufgezeigt werden sollen.
Freiburg geht dabei als erster Standort hervor, wo Brody Bikeservice zuhause ist. Später folgen Partnerwerkstätten, damit Nutzer und Nutzerinnen aus mehreren Standorten wählen können.
Ziel
Entstehung einer modernen, minimalistischen Website, die durch von einer klaren Markenidentität geprägt ist. Die Marke soll Schnelligkeit, Transparenz und Flexibilität vermitteln und dabei jung und professionell wirken.
Die Buchung der Services erfolgt durch ein externes iFrame einer Schweizer Agentur.
Logo Design & Brand Development
The color scheme and name were chosen by Brody itself to create a clear identity. The italicized logo symbolizes fast and efficient service, while the “Bikeservice” addition highlights the core competency. Two bicycle chain links serve as the key visual element and can be used independently of the logo.
The color scheme and name were chosen by Brody itself to create a clear identity. The italicized logo symbolizes fast and efficient service, while the “Bikeservice” addition highlights the core competency. Two bicycle chain links serve as the key visual element and can be used independently of the logo.
With the modern Ubuntu font, Brody exudes professionalism, progressiveness, and a tech-savvy approach. The emotional aspect is primarily expressed through communication and photos, aiming to establish a strong connection with customers.
Top: Figma UI design for service overview
Bottom: First homepage UI design for implementation (As of July 2022)
Bottom: First homepage UI design for implementation (As of July 2022)
Adaptation of the information architecture, restructuring of content, and prioritization based on user surveys and tests (As of February 2023)
UI Design
The UI design of Brody Bikeservice was developed in close collaboration with regular discussions and the use of Figma. Special attention was given to the booking iFrame, which needed to be easily and quickly accessible.
To make the differences between the three services (Workshop Services, Video Service, and Express Service) easily understandable, each service was given its own subpage, which was restructured in the optimization process after the launch. The content was divided accordingly, and FAQs were individually tailored to each service.
Additionally, informative pages such as “About Us” and “Blog” were moved to the footer to focus on the essentials while still providing access to important information.
Icon Design & Motion Graphics
The implementation of icons and motion graphics for Brody Bikeservice was aligned with the corporate identity to effectively convey the benefits and services and enhance the user experience.
The implementation of icons and motion graphics for Brody Bikeservice was aligned with the corporate identity to effectively convey the benefits and services and enhance the user experience.
A total of four motion graphics were created: one for the general process and one for each service, providing a visually explanatory guide. Desktop and mobile versions of the animations were developed to ensure optimal display on different devices.
Visit the website
