Product Design Portfolio
iRobot Air Purifier Website is a product-focused website designed to communicate the benefits of air purification through clear content, intuitive navigation and a seamless e-commerce experience.
Role
UX/UI Designer
Timeline
1 yr. 3 mons.
Services
UX Design, UI Design, Information Architecture, E-commerce Experience
Year
2022
Industry
Smart Home / E-commerce
Leftward pointing arrow icon.
Back to all case studies
Laptop mockup with an air purifier and roomba in the background
Project overview
Following the acquisition of Aeris by iRobot, the air purifier product line required a digital presence aligned with the iRobot ecosystem and brand standards. The challenge was not only to showcase the products but also to educate users about air quality, explain complex technical features and support the purchasing journey.

The project focused on creating a structured and user-friendly website experience that balances product information, educational content and e-commerce functionality while maintaining consistency with the broader iRobot brand.
Challenge
Air purification products often involve complex technical information, including filtration systems, air quality metrics and performance specifications. Presenting this information in a way that is easy to understand without overwhelming users was a key challenge.

The website also needed to support different user goals, from learning about air quality to comparing products and purchasing replacement filters.
Solution
The website was designed around clarity, education and conversion. Product information was organised into easily digestible sections, allowing users to understand key benefits without navigating through excessive technical content.The experience combines product storytelling, technical specifications and e-commerce functionality to support users throughout their decision-making process.
Bank dashboard showing personal account spending overview, including balance, income, expenses, and charts.
Users can quickly explore purifier models, understand their differences and identify the solution that best fits their needs.
Goro Bank dashboard showing account balance graph, quick transfer, assets, favorites, and recent transactions.
Technical information was structured using a clear visual hierarchy, making complex product specifications easier to understand.
Goro Bank dashboard showing account balance graph, quick transfer, assets, favorites, and recent transactions.
Replacement filters and maintenance information were integrated into the experience to support long-term product ownership.
Key Features
Product Comparison
Clear presentation of product features helps users compare different purifier models with confidence.
Line chart showing balance trends of Saving and Primary Accounts from March 6 to April 4 over 30 days.
Educational Content
Air quality concepts and purification technologies are explained using accessible language and structured content.
Two charts showing spending: area chart comparing last and this month, and pie chart with main transactions.
E-commerce Experience
A simplified purchasing journey helps users move from product discovery to checkout with minimal friction.
Bank account dashboard showing balance, forecast chart from Jan to May, and recent transaction list in CHF.
Filter Ecosystem
Users can easily find replacement filters and understand maintenance requirements for their devices.
Design system UI with color swatches, typography styles, notification panels, and button states in purple, green, and gray.
Design Highlights
Information Architecture
Content was organised around user goals, allowing visitors to learn, compare and purchase without feeling overwhelmed by technical information.
Technical Clarity
Complex specifications and product benefits were translated into clear and scannable content blocks.
Brand Consistency
The website experience was aligned with the iRobot ecosystem, creating a cohesive experience across products, platforms and touchpoints.
Results
The final website provides a structured and accessible experience that helps users understand air purification technology, compare products and make informed purchasing decisions.

By balancing educational content, product storytelling and e-commerce functionality, the experience strengthens both user confidence and brand credibility.
iRobot Aeris air purifiers webpage showing product images, features, HEPA filters, app interface, user testimonials, and product comparisons.Screenshot collage of aeris by iRobot website showing air purifiers, product details, filter set pricing, and user interface on smartphone.