top of page
iPhone 13 Pro.png

HighLites

Setting the scene with smart home lighting control

CASE STUDY

Roles

UX Designer
UI Designer
Project Manager
Researcher 
Facilitator
Interviewer

Duration

Four Weeks

Tools

Figma
Zoom

Discord

Maze 
Google Forms
Google Slides
Canva

Solution

HighLites

The all-in-one app to seamlessly control and sync all brands of your smart lighting throughout your home.
  • Can control lights through the app even from afar

 

  • Requires no additional hardware or hubs
     
  • Provides additional safety & security by using timers, automations,  lights when not at home & automations
iPhone 13 Pro.png

Problem

Currently, users who have purchased more than one brand of smart lighting do not have the ability to control all of their connected lights with one simple app. 

Research Data

Secondary Research

  • According to Emergen market research, there will be a 400% increase in the use of smart lights in the coming years

  • Further backed by research conducted by Statistica, "86% of Millennials would pay more for a connected home."

Competitive Analysis

Competitive Analysis.png

User Personas

User Story(s) and Flow

1. As a person who already has smart-lights, I want to bring them into my new home so I can still enjoy them, without having to download a separate app for each brand of light that I own.

High Priority User Flow Map 1.png

2. As a user, I want to be able to set timers. So, I can control when my lights come on without having to open HighLites.

HP User Flow Map 2.png

3. As a homeowner, I want change the color of my lights. So, I can create a mood.

HP User Flow Map 3.png

4. As a user, I want an lighting app that shows where my lights are located. So, I don't have to guess.

Medium User Flow Map 1.png

5. As a user, I want my app to include an adaptive lighting feature. So, I can prevent eye strain.

Medium User Flow Map 2.png
Highlites User Flow Map.png

Sketches

Branding

Mood Board

HIGHLITES MOODBOARD.png

Style Tile

HighLites Style Tyle.png

Logo Sketch

Logo Sketches.heic

Prototyping

& Iterations

Through multiple user testing and many iterations, the final product outcome was an all-inclusive app. where any user could easily control and customize all of their smart lights with one application. HighLites includes an upgraded UI experience by insuring the app and exciting colors are in line with the highest accessibility standards.

Iterations Mockup(s)

caplites_edited.png
Silver_edited.png
caplitessssss.png

Accessibility

I used Adee and Web AIM to check how visible contents of my design were to achieve a AAA rating in color contrast, as well as all variations of color blindness to achieve the highest quality of visual design.

User Testing

Question: Can you easily add the lights that you want in the app?
 

"Yes. I really like how it added my lights already on my home network."

Question: Can you easily find/set your preferred automations and/or timers?
 

"I did, I didn't think about different lights coming on at different times. I would definitely use this to wake up in the mornings or maybe on vacation."

Question: This app is still growing! What are some of your ideas on scenes or new features that you would like to see added?
 

"I have some lights that can move with my music I'm listening to. I think that would be a cool feature."

last mockup.png

In Conclusion

While designing this app, I found many new ways of designing a functional MVP while adhering to strict deadlines to deliver an app that served many purposes. From current and future market research, sketching, and many hours of user feedback, I continued to iterate and develop a visually striking application that has a perfect blend of form and function. What I personally loved the most about this project was designing and solving real-world problems that I encountered myself.

Thank You so much for stopping by!

  • LinkedIn
  • Instagram

My other work

Bus App mockup - portfolio iPhone 13.png

A Bus App

bottom of page