← Work/ Case study 04

Super App IoT.100+ screens in 14 days.

I designed 100+ mobile screens for a smart home super app: device control, a shop and home services, in one app and in 14 days.

Client
PT Harmoni Mitra Tekno, for Bimaselindo
Role
UI/UX Designer (freelance)
Time
14 days, May – Jun 2025
Platform
Mobile app
Super App IoT: 3 mobile screens (dashboard, device control, shop)
  1. 01

    14 days.

    I designed 100+ screens across 3 modules, starting from wireframes.

  2. 02

    Home, not brand.

    I organized devices from 5 brands as Home → Room → Device.

  3. 03

    One control pattern.

    I gave every device the same way to work, with room for its own features.

  4. 04

    One journey.

    I connected buying, installing and controlling a device in one app.

01 / Context

Smart home users often juggle several apps: one to control devices, one to buy them, and a phone call to get them installed.

This super app puts three things in one place: controlling smart devices, shopping for smart home products, and booking home services such as installation and maintenance.

02 / Problem

Three product areas, one small screen.

5 device brands
BARDI, Tuya, DMSS, Airbot and Solarman each have their own features and terms.
Different controls
A lamp, an air conditioner and a CCTV camera need very different controls.
Shopping
It had to feel familiar.
Home services
They had to be easy to request from a phone.
One journey
Buying, installing, connecting and maintaining a device should feel connected.
Tight timeline
100+ screens in 14 days.

03 / My role

I was the UI/UX designer, hired as a freelancer.

Screens
I designed 100+ screens across 3 core modules in 14 days.
Structure
I set the app structure and key user flows with low-fidelity wireframes first.
UI design
I designed the high-fidelity UI and the color system.
Client feedback
I ran feedback sessions with the client team at Bimaselindo.
Handoff
I delivered interactive Figma prototypes and design documentation.

04 / Process

Wireframes first, then one pattern for every device.

  1. 01

    Wireframes first.

    With 14 days, I fixed the app structure and the key flows in low-fidelity wireframes before any visual design.

  2. 02

    Organize by home, not by brand.

    Instead of grouping devices by manufacturer, I used the user's home: Home → Room → Device. It is closer to how people think about their home.

  3. 03

    One pattern, many devices.

    I designed one control pattern that every device type follows, with room for each device's own functions.

  4. 04

    Check with the client.

    I ran feedback sessions with the Bimaselindo team to check the feature logic and refine the flows before handoff.

Six low-fidelity wireframes: dashboard, rooms, living room, air conditioner, smart light and CCTV
Low-fi wireframes from the project file: the dashboard, rooms and device controls.
Open full size

05 / Solution

Control, shop and services in one app.

Home dashboard.

Rooms, connected devices and their state on one screen, with a power toggle on every device card. Notifications show what changed, and ask for approval when someone wants to view a camera.

Home dashboard, all rooms, the living room and notifications
Home → Room → Device: the dashboard, the room list, one room and its notifications.
Open full size

Device controls.

Control screens for an air conditioner, a smart lamp, a robot vacuum, a garage door and a CCTV camera
Five device types, one layout: the device and its state on top, the controls below.
Open full size
Air conditioner
Temperature, cool, auto and dry modes, fan speed and a schedule.
Smart lamp
Power, color, white or warm light, brightness and a schedule.
Robot vacuum
Start cleaning, map, charger, cleaning modes and a schedule.
Garage door
Open or close, with a schedule.
CCTV
Live view, screenshot, speech, recording, playback and camera direction.

Automation and energy.

Schedules, group control and location rules like "When you arrive" or "If you leave" change several devices in one action. An energy screen shows the use for today and per device.

Automation list, a location rule, a schedule, energy usage and app preferences
Automations, a location rule, a schedule, energy usage and app preferences.
Open full size

Shop.

Categories, product details, cart and checkout, using familiar mobile shopping patterns.

Marketplace home, product detail, cart and checkout
Browse, product detail, cart and checkout.
Open full size

Home services.

Booking a service takes five steps: pick a service, choose a package, check the summary, pay, and track the order.

Home services booking flow in five screens
Booking a home service, from choosing a service to tracking the order.
Open full size

Connected journey.

Discover → Buy → Install → Connect → Control → Maintain, all in the same app.

Built for one hand.

Bottom navigation, bottom sheets, large touch targets and clear device states.

06 / Result

What I handed over.

  • 100+

    screens

  • 14

    days

  • 3

    modules: smart home, shop, services

Devices
Devices from 5 brands in one structure.
Handoff
Interactive prototypes and design documentation.
Components
Device cards, product cards, service cards, toggles, sliders and bottom sheets.

What I took from it

Connect the whole journey, not just the devices.

A smart home app is not only about controlling devices. It is about the whole journey of living with them.