UI redesign
Illustrations
Icon design
Branding
Role
UI/UX designer
Illustrator
What I did
UI redesign
Illustrations
Icon design
Animations
Tools
Figma
Photoshop
Illustrator
Animate
ClickUp
Miro
Team
Leo Schwarz
Mateo Monot
Overview
The challenge
Clean 1885's existing web presence felt dated and failed to convey what made their product special. They came to us looking to grow online sales and build a stronger brand presence, starting with a new identity and e-commerce website.
The real challenge was to translate their four core values: cleaning performance, pleasant scents, naturalness, and an eco-friendly ethos, into a brand that felt credible and modern. Customers needed to be able to perceive all four of these values at a glance.
The solution
To bring the values of Clean 1885 to life, we created a visual identity based on the client's four core objectives. Every design decision was made with intention: communicating cleaning performance, pleasant scents, naturalness, and an eco-friendly ethos, in an immediate and credible way. Custom illustrations for each product reinforce this further, showing how it's used and how it contributes to a healthier environment.
Process
We began with competitive research to gain a thorough understanding of the landscape. From there, we developed the brand identity through an iterative process with the client, refining it together over several rounds of feedback. Once the direction had been agreed upon, we created marketing materials and translated the branding into a complete UI redesign. Throughout this process, we collaborated closely with the developers to ensure that everything was realised as intended.
Starting point
Before the redesign, the site looked dated and gave little hint of what set Clean 1885 apart. None of the four core values came through clearly, so customers had no quick way to grasp why this product was different.
Branding
The visual language draws on fresh colours, bubble motifs, and floral elements, all working together to reflect the four core values: something that cleans well, smells good, feels natural, and is kind to the environment.
UI design
With the branding in place, we translated it into a complete UI redesign across every page, from the homepage to product pages and checkout. Navigation was improved to make the experience feel more intuitive, and the overall result is a site that finally matches the product it sells: a modern, fresh site that is grounded in the same values that define the brand.
Icons and illustrations
Alongside the UI work, we created a set of custom icons and product-specific illustrations. The illustrations focus on showing users how to use the product in a simple and uncomplicated way. They are simple, functional, and consistent with the broader visual identity.
![Three-step illustrated diagram explaining how [product/service] works: [step 1 label], [step 2 label], and [step 3 label]](https://framerusercontent.com/images/G7eDkv5muh9D6QzIdmNqhC9rMu4.png?width=2382&height=1143)
Outcome and impact
The site went live alongside a marketing campaign and the client was very happy with how it landed. More importantly, the brand now matches the product. Where the old site felt dated and generic, the redesign puts the four core values in focus.
Learning
Prior to this project I did not have much experience designing illustrations and icons. I took the challenge head on and was surprised how well they turned out. This project was also a great dive into the world of branding and I got to learn so much from my coworker.