A new design of core templates including the homepage and product page
Industry
Retail
eCommerce
My role
UX & UI
Product design
The client’s Swiss-hosted website was problematic due to the high costs associated with their Swiss agency’s retainer and the difficult-to-use, outdated CMS.
The purpose
The client’s purpose was to achieve a clearer, more accessible online presence through a WordPress migration. Information needed to be strategically prioritised so that product clarity was easy to understand over potentially confusing technical details, like the aerospace science behind the wheel.
Understanding the clients’ demographic
This project required understanding the customer profile for high-performance bicycle wheels, a market segment that includes products priced up to £2,000 per pair. Spengle, a Swiss startup with roots in the 1970s, recently re-entered this market.
A key persona I developed during the UX workshop was:
Jason — a keen cyclist with plenty of disposable income. Although he’s serious about cycling, he’s more interested in style and design than technical information. As a result, he doesn’t know exactly which options to pick, so he needs some guidance.
Successes, obstacles & failures
Within six months of launching the redesigned homepage and product pages, I contributed to a 3% increase in sales across Spengle’s product lines: mountain bike, gravel, and urban wheels. The client expressed significant satisfaction, especially considering the product’s premium price point.
I navigated challenges in aligning the client’s expectations, which were influenced by aspirational references like BMW and Audi, with the project’s budgetary and time constraints. This was addressed through my transparent communication and a phased approval process, ensuring realistic and achievable outcomes.
The outcome
I redesigned key customer journey templates, including the homepage and product details page, to simplify the complex purchase process that was causing significant user drop-off. By implementing WooCommerce functionality on product pages, I streamlined the information, clarified bike colour and decal options, and dramatically improved purchase completion rates.
Final product design
Desktop & mobile stills
I was able to streamline the design process significantly due to the client’s provision of well-organised, high-quality assets. I strictly adhered to the brand guidelines regarding typography. Based on client-provided examples, I implemented a minor UX structural adjustment. Due to the clarity of the initial brief and the quality of the assets, and with stakeholder agreement, I deemed wireframing and prototyping unnecessary, which allowed for efficient, quick turnaround project delivery.