← All projects Case Study

Wiper — Linear Drainage Systems

Wiper, a manufacturer of linear drainage systems, had an extensive product range that was both visually unappealing and difficult to navigate. Users struggled to explore the catalogue and find specific products.

E-commerce UX Design Web UI
Role UX/UI Designer
Client Wiper
Duration 2023
Tools WordPress, Adobe Photoshop, Adobe Illustrator, Google Analytics
Wiper — Linear Drainage Systems
The Problem

What needed solving

Wiper, a manufacturer of linear drainage systems, had an extensive product range that was both visually unappealing and difficult to navigate. Users struggled to explore the catalogue and find specific products.

Process

The process started with in-depth market research, analyzing the competitive landscape of shower drainage systems. Wiper’s variety of products and their prestigious recognitions at trade fairs and in consumer quality rankings provided a solid foundation for the redesign.

Wiper website overview

Problem Genesis

The challenge I faced in designing the website for Wiper, a manufacturer of linear drainage systems, was ensuring the vast product range was both visually appealing and easily navigable for users. The company offers an extensive selection of products, and it was crucial to create a website that not only showcased this diversity but also made it easy for potential customers to explore the catalog and find exactly what they needed.

I began by analyzing the existing product structure and categorization, ensuring that I had a comprehensive understanding of their offerings. The key goal was to highlight the products in a way that would emphasize their variety and technical specifications, while maintaining an aesthetically pleasing and user-friendly interface. This required creating a design that balanced functionality with strong visuals, ensuring the website served both as an information hub and a marketing tool.

Throughout the process, I focused on designing clear product sections with easy-to-use navigation, allowing users to quickly browse through categories, view detailed product descriptions, and access technical information. The end result was a sleek, modern website that effectively showcased Wiper’s product line and reinforced the brand’s professional and innovative image.

Wiper product pages

Solution

For this project, WordPress was the chosen platform for website development and content management. Graphic design and material creation were handled using Adobe Photoshop and Illustrator. Additionally, Google Analytics was utilized for tracking website performance and user interactions.

The outcome of this project was a complete website redesign that prioritized user-friendly navigation and professional aesthetics. It included an improved information structure that enhanced the user’s ability to find and understand product offerings. Furthermore, a comprehensive repository for sales representatives was established, providing easy access to all necessary marketing and graphical materials.

Solution

What I designed

Complete website redesign with WordPress and Adobe CC. Designed clear product sections with easy-to-use navigation, detailed product descriptions, technical specification pages, and a comprehensive password-protected repository for sales representatives.

Result

A complete website redesign that prioritized user-friendly navigation and professional aesthetics, with an improved information structure enhancing the user's ability to find and understand product offerings.