Stack lighting

The world's first responsive lightbulb by Stack responds to motion, ambient light, and circadian levels (change of color and brightness based on the time of day).

My role at Stack: I headed Stack's design team and led the design of Stack’s web, iOS and Android apps, smart lights and hubs, marketing websites, packaging, and branding. I also advocated for user experience and launched Stack's research and usability testing processes. 

The goal - CONSUMER App redesign

Stack's existing app was functional for controlling the brightness and color of lights, creating lighting schedules, and viewing analytics. The goal of this project was not to add functionality, but rather reorganize and redesign the app to be intuitive, efficient, and delightful. 

 

Competitive ANALYSIS

To start, we looked through our competitors' apps. We found their UI was usually dark and over saturated. Icons were over complicated, important features were buried, and on-boarding was unintuitive. 

Although there were also some nice features that we were lacking in our own app such as controlling individual light bulbs and remembering favorite lighting scenes. 

 

Quantitative & Qualitative user RESEARCH

User surveys, interviews, app use data, and stakeholder interviews provided us with insights into opportunities. Our most obvious need resulting from the research was giving our user quicker control.

Our users also asked for automated lighting based on location and time of day even though it was already present in the app. It became clear we needed to make our personalization features more obvious.

 

USER PERSONA

After reviewing our existing customers' profiles and desired marketing segment, we developed this persona as our average user. Our persona was used as a reference for feature prioritization decisions as well as developing user experience through scenario thought exercises.

 
 

The problem

As we evaluated the existing screens and flow, we found features were buried, task flows were non-intuitive or cumbersome, and the UI needed a refresh. 

 

ideation

Together with company stakeholders, we sat down to talk through the app's most important features based on our research and sketched-out potential UX layouts to prioritize needs and organize items intuitively .  

 

UX Wireframing

I then created a variety of UX concepts each solving as many of the problems discovered during research as possible while also including our business strategy feature set. I quantified each concept based on how well it met our goals and made prototypes to test the best two concepts.

Product testing picked a clear winner. Even though it was a more crowded UI, we found users were much faster at completing tasks with expansion panels for rooms on the home screen rather than linking them to a new room screen.

 

user interface INSPIRATION

In order to differentiate us from the competition, we wanted to create a bright, cheery app with a clean interface. We were inspired by the personalization of photo weather apps and simplistic data representations.

 

user interface ideation

With the basic flow finalized, I created stylized concepts based on our inspiration research, and clarified graphics to unify the overall app aesthetic. 

 

solution

The final design solves many of the problems of the initial app and provides more control all while simplifying the user flow.

 

high fidelity User experience flow

Combining UI and UX, I laid out the entire flow for our development team.

 

DESIGN Details

The details of the design pull the app together: marketing intros, onboarding, error screens, empty states, and more.

 

Style guide

The last step was creating a style guide for our team including branding guidelines, layout, iOS vs Android design, animations, and more.

 

Final Design

Chosen for its clean, modern interface, our final design utilizes a photo background to reflect local weather and time of day to show how the user's surroundings are reflected in their lighting.