Cleanlife IoT smart-lighting · 2023, 2024

How embedded design helped a smart-lighting brand ship multiple apps.

Outcome One global design system extended across multiple mobile apps, scenes, routines, music sync, color-wheel hue control. Dedicated embedded designer; verified Clutch 5.0 from the Product Manager.
Cleanlife. IoT smart-lighting mobile apps

A smart-lighting app is the only piece of the product the customer ever holds. It either feels like the brand, or it doesn’t, the design system is the only thing that keeps the answer the same across every app you ship.

Cleanlife is an IoT smart-lighting brand based in Chagrin Falls, Ohio. Hardware that controls and customizes lighting; mobile + web apps that drive it. They needed a partner who could extend their global design system across multiple new mobile apps, scenes, routines, music sync, color-wheel hue control, without spinning up a full in-house design team. They came to us because of the embedded-designer model: one senior, dedicated, in your tools.

01

Multiple apps, one brand. The global system needed to extend cleanly across every Cleanlife mobile app, same nav primitives, same status pills, same iOS-native interactions, regardless of which feature shipped next.

02

Engineers shipping faster than design. Hardware teams ship on a roadmap. Design had to keep up, embedded in standups, not in a queue.

03

Mood-first UX on top of IoT. Customers don’t want brightness 78%. They want Goodnight. They want Disco. The surface had to lead with mood and keep the precise controls one tap away.

★★★★★
Denovers was excellent to work with in every aspect. Earning a complete design system from them alongside multiple mobile apps was truly seamless. Their pod stretched our brand across every smart-lighting surface we shipped without dropping a beat, same Figma, same release cadence, same quality bar as our internal team.
Danny DiCioccio
Danny DiCioccio Product Manager · Cleanlife · IoT smart-lighting solutions
Scope
Multiple apps
All shipped on one extended design system, scenes, routines, music sync, color-wheel hue control.
System
Global extension
Mobile-specific patterns layered onto the existing component library. New screens assemble, not redraw.
Pod
1 dedicated
Senior product designer embedded full-time. Part of the internal team and processes, per the Clutch review.
Rating
5.0 Clutch
Verified across every category. Quality / Schedule / Cost / Willingness to refer.
The story

One global system, extended across multiple mobile apps.

Cleanlife is a smart-lighting solutions brand headquartered in Chagrin Falls, Ohio. The hardware controls and customizes lighting via mobile and web. They needed a partner who could extend their global design system across multiple new mobile apps without spinning up a full in-house design team. A smart-lighting app is the only piece of the product the customer ever holds; the design system is the only thing keeping the brand consistent across every new app shipped.

We assigned a dedicated embedded designer who joined daily standups, audited the existing components, added the mobile-specific primitives, and shipped feature after feature on the hardened system: scenes, routines, music sync, color-wheel hue. Mood-first IA throughout (Goodnight, Reading, Disco, Cuddle Up), with the precise controls always one tap away. CEO Muzammil stayed in the loop on every release. Multiple apps shipped on one system; verified Clutch 5.0 across every category.

ClientCleanlife (IoT smart-lighting)
RegionUS (Chagrin Falls, OH)
Engagement1 embedded designer, ongoing
StatusMultiple apps shipped, partnership active
Verified Clutch 5.0
5.0Quality
5.0Schedule
5.0Cost
5.0NPS / Refer
5.0Overall
Chapter 01

Core mobile UX: control, color, custom scene.

Three primitives compound across every Cleanlife app: a per-bulb control surface (dimmer ring + on/off + brightness slider), a full-spectrum color-wheel hue picker with brightness/saturation, and a Custom Scene editor where users save the exact setup they just dialled in. All three stitched into the global system, same icon set, same status pills, same iOS-native behaviours. Once users could save and re-summon their own moods, time-on-screen jumped.

cleanlife · ios · control · color · custom
Cleanlife mobile · 3-up presentation, light-bulb control with dimmer ring + on/off, full color-wheel hue picker with brightness/saturation, plus Custom Scene setup with energy-meter card and brightness control
Core mobile UX Dimmer ring · color wheel · Custom Scene 3 primitives across every app
cleanlife · ios · hue picker
Cleanlife mobile · 2-up phones, left phone with dimmer ring + on/off + scenes shortcut, right phone showing the full color-wheel hue picker with brightness and saturation sliders below, the flagship 'paint your own light' surface
Hue + brightness Full-spectrum wheel · HSV sliders · live preview Paint your own light
Chapter 02

Scenes: pre-set moods, plus your own.

Customers want Goodnight, not brightness 78%. Scenes promoted to a first-class IA element, a tile grid of named pre-sets (Goodnight, Reading, Disco, Cuddle Up, Cozy Up, Sunflower, Halloween, Coffee), each with a colour-coded swatch. A Custom Scene path is one tap away on every Scenes screen with save-and-name. We treated it like the brand’s gallery, not a settings page.

cleanlife · ios · scenes
Cleanlife mobile · Scenes, list with category filter and tile grid (Halloween, Sleeping, Disco, Coffee, Reading), scene-builder grid with named tiles (Goodnight, Reading, Disco, Sunflower, Cuddle Up, Cozy Up) plus Custom Scene CTA, plus Custom Scene editing surface with white-light yellow indicator and brightness slider
Scenes Themed tiles · Custom Scene path · brand gallery Mood-first, not setting-first
cleanlife · ios · custom scene · stops
Cleanlife mobile · Customization, three-up phone presentation showing custom scene saving, day-of-week scheduling with timer dial, and a Stops palette: per-bulb hue, brightness, saturation, and stops along the day's lighting curve
Custom Scene Stops along the curve · per-bulb fine control Save once, summon often
Chapter 03

Routines: rules that follow your day.

Routines as a list of named rules ("When sunset", "Workout time", "It’s bedtime") instead of raw timestamps. Each binds a Mode (a Scene) to a time window + day-of-week pattern with a clean repeat option. Integrates with Cleanlife’s IoT layer underneath so the user never sees the device-level wiring. Reads like an iOS-native settings flow: clear inputs, day pills, Select-a-Mode picker handing off to Scenes.

cleanlife · ios · routines
Cleanlife mobile · Routines. My Routines list with timed entries (When sunset / Workout time / It's bedtime) and Add New CTA, plus a Routine creation surface with Name input, time-range selectors, day-of-week toggles (Mon-Sun), Repeat option, and a Select a mode picker
Routines Named rules · time + day + mode · Scene hand-off Schedule that follows your day
cleanlife · ios · scheduled scene
Cleanlife mobile · Scheduled custom scene, three-up phones showing the Custom Scene editor mid-edit, a 24-hour timer dial with stops placed along it, and a per-bulb saturation/brightness palette where each stop carries its own colour curve
Scheduled Scene 24-hour dial · stops on the curve · per-bulb palette A Routine + a Scene, fused
Chapter 04

Music sync: the lights play along.

Music sync is the surface customers show their friends. Toggle Disco and the room becomes the visualiser, lights pulse with the track, intensities follow the bass, colours shift on the beat. We designed it around a live multicolour audio waveform across the screen. Sensitivity sliders, mode selector (rotation / single / off), and a Save Customisation CTA, all reusing the design system’s primitives. Same components, different job, on-brand top to bottom.

cleanlife · ios · music sync
Cleanlife mobile · Music Sync. Disco toggle ON, multicolour audio-waveform visualisation across the screen, mode selector (rotation, single, off), Save Customization CTA, plus a detail surface with brightness/saturation sliders and a Continue bottom-bar action
Music sync Live waveform · sensitivity · mode selector Lights, in time
Outcome · multi-app design system · 5.0 Clutch · ongoing partnership

One global system, in. Multiple mobile apps, out.

An IoT smart-lighting brand that didn’t want a project shop. One dedicated designer, embedded in their team. Multiple mobile apps shipped on one design system; brand consistent end to end. The partnership is still running.

Book a free sprint
Embedded designer · the way Cleanlife started

IoT or hardware-led brand shipping multiple apps? Get an embedded designer.

One senior, dedicated, in your tools, plugged into your standups. The same model Cleanlife uses. Trial sprint on us if you want to test the fit.

  • One designer per client · never juggled
  • Trial sprint credited if you continue
Next case study → Case 17 · Repurpose.io · Creator economy

How we helped a creator startup transform UX and scale to 20,000+ paid users.

Solo-founder SaaS. Paid UX audit converted into a full rebuild. 20,000+ paid creators on the relaunched platform.

20K+ Paid creators
5.0 Verified Clutch
Audit. Audit-led GTM
Creator economy · SaaS · Founder-led Read →