This website design concept is a project I crafted for the renowned bicycle brand, "BMC Switzerland". During my exploration of Figma, I delved into its intricacies to create a design that resonates with the brand's essence. Leveraging their distinctive logo and brand colours, I meticulously constructed a harmonious color palette and complemented it with carefully selected typography.

With the foundation of the color scheme and typography in place, I then embarked on the task of revamping two crucial pages. I found it fitting to focus my efforts on enhancing the product listing and product detail pages, where I could apply these design elements effectively. You can see it in action on https://musical-muffin-77062a.netlify.app/

Product listing

The quest for your perfect bicycle usually commences with a curated catalog, specifically tailored to your desired category, such as road bikes. Each entry in this list provides a succinct description of the bicycle along with a visual preview.

Recognizing that extensive product lists can be overwhelming, we've seamlessly integrated a call to action within the product listing – introducing the Bike Finder tool. This resource empowers you to pinpoint the ideal bicycle that aligns perfectly with your needs and preferences.

When you select an item from the listing, a single click whisks you away to the comprehensive detail page, where you can delve deeper into your bicycle of choice.

Product page

Among all the pages on our website, this one holds the utmost significance. It serves as the comprehensive hub for everything you need to know about our bicycles. From concise product descriptions and captivating images to an exhaustive catalog of innovations and intricate technical specifications, this page empowers you to tailor your preferences to make the perfect purchase.

I trust you find this conceptual design appealing, and I eagerly await your feedback and thoughts!