Molecule – Smart Home Mobile App & UX UI Design

Typography & Colors

Visuals for smart clarity

• We selected Helvetica Neue for its familiarity, readability, and alignment with Molecule’s clear communication goals. The font supports user trust and reinforces the brand’s scientific and health-focused identity without drawing unnecessary attention to itself. 



  Our color choice centers around green, symbolizing freshness, safety, and environmental care. It acts as both a functional highlight and an emotional anchor throughout the interface. Neutral backgrounds and minimal accents allow the main content and key features to stay in focus. These decisions were made to ensure the Molecule UX/UI remains consistent, accessible, and easy to navigate.

Mobile app Features

Perfect purifier to fit into your life

• This user-friendly application empowers you to take control of your environment by seamlessly monitoring and customizing your air purifier settings. It's your key to the ultimate convenience, providing remote access to your purifier from the palm of your hand.

• Allergy Control for Pet Owners

  Molecule is designed to be the ultimate solution to get rid of allergies causing by bets. With this cutting-edge app, users can take control of their indoor environment, ensuring that the air they breathe is clean and pure.

• Health-Centered Indoor Air Monitoring

  Our app is more than just a remote control; it's an integration of health-focused features that offer you real-time information and alerts about your indoor air quality. Say goodbye to indoor pollution concerns, and let our app become the solution that fits perfectly into your life. Breathe easy, breathe clean with our air purifier app.

Design Process

Visual concept

• The Molecule project design is based on simplicity and calm. We applied a minimal UI structure with soft edges and breathable spacing to match the brand’s wellness focus. Icons are intuitive, reinforcing each function with clarity. The layout supports quick user decisions while maintaining a balanced, healthy aesthetic.

Website

Product website

• We have additionally created a dedicated product website, providing you with an opportunity to familiarize yourself with the full range of features and easily download the application.

• Brand motto

  Breathe easy, breathe clean – our air purifier and its dedicated website are here to make your journey towards healthier living a breeze. Welcome to a world of purer, healthier air, courtesy of our state-of-the-art technology.

Key Metrics

• On Molecule website, users can learn about innovative solutions, and discover how Molecule purifier can improve their daily life with a technology and elevate an indoor air quality, health, and well-being

• Bounce Rate Improvement

  After redesign, the homepage bounce rate dropped by 27%. Users were more likely to explore the product pages due to clearer navigation and improved visual hierarchy.

• Conversion Growth

  Direct conversions from the product page increased by 33% through clearer CTAs and optimized load speed.

Identity

Branding journey

• Every aspect of our brand materials, from the logo to the color palette and typography, has been meticulously designed to reflect minimalist representation of Molecule.
  
  The design of Molecule’s logo itself is essential. It's a visual representation of the entity it stands for, be it a company, organization, or even a personal brand. A well-crafted logo is instantly recognizable and leaves a lasting impression. It can tell a story, convey a sense of quality, or evoke a specific emotion.

Outdoor advertising

• We have designed Molecule billboards to be visually striking. Bold graphics, captivating imagery, and a clear message command the attention leaving a lasting impression.



  Molecule’s approach to crafting brand materials is a journey that combines creativity and identity into a harmonious blend. Every piece of brand material we design serves as a powerful means to communicate our values, vision, and unique identity.

Social Media Content

Instagram profile

• We developed a branded Instagram layout that showcases Molecule’s role in healthier living. Posts include educational content on air quality, device tips, and real-life user experiences. Graphic consistency was maintained through templates and icon systems that align with Molecule UX/UI elements. Engagement rate grew steadily due to interactive formats like polls and motion-based posts.

The Finals

Result

• The Molecule app design simplified the process of monitoring air quality while enhancing user confidence in managing their space. Retention increased as users found real value in real-time updates and personalized health alerts. Visual design remained aligned with Molecule’s identity, creating continuity between product and digital experience.
  
  Accessibility and conversion best practices were followed throughout the Molecule UX/UI process.

Metric Highlight

• 46% - User Retention

  increase in weekly active users post-launch. This improvement reflects stronger engagement with real-time air quality alerts and a more intuitive app flow.