FineTune

Advanced lighting for healthier living.

Studies have shown, color temperature and intensity of artificial lighting is critical to human functioning both physically and psychologically. FineLite, a provider of custom lighting solutions, partnered with Airro Studio to design a system that allows for the optimal control of color temperature, intensity and duration of lighting in commercial spaces.

The hardware and software solution is called FineTune TCS and is available through FineLite's website.

FineTune

The Challenge

How do you set and control lighting from the palm of your hand?

Designing a digital product that allows a user to control lighting parameters, from scratch, is no easy feat. The digital product needed to compliment pre-defined hardware abilities, be able to be operated from a single hand and be easy and intuitive to use.

To build an app, I first understood the context and the behaviors of the audience at hand, built journey maps and explored UI options. As a partner of Airro Studios, we designed an app for the commercial space that is as intuitive as other IOT applications. The result – an application that is intuitive to use with an interface tailored towards healthcare workers, teachers and other space managers.

My Role

As the lead product designer, I conducted interviews, drafted the UX strategy, created wireframes and high-fidelity designs. I interfaced with engineers (firmware and native C) as well as internal stakeholders.

Role

Lead Product Designer

Agency

Contract / AirroStudio

Duration

8 months

Platform

iOS Native

finelite-sketch-setup

Discovery

Gather insights

With no formal discovery phase, I relied on insights gathered by discussing options, feasibility, target audience and other dimensions with the projects main and only stakeholder – a firmware engineer at FineTune. The main takeaway - while consumer products allow a wider range of values FineTune is focused on setting colors commonly found in daylight spectrum as well as intensity.

Experience Flow

Map the journey.

Early on in the UX phase, I mapped a high-level architecture flow to help gain alignment on the full process a user would take while interacting with the app.

finelite-IA-sketch

Wireframe & Prototype

Create lo-fidelity mockups.

Quick mockups using iOS patterns and kits allowed me to generate a clickable flow and give context to various controls. I used this phase to indicate custom components vs default iOS controls as means to reduce dev complexity and effort.

finelite-flow

Concepts

Create multiple solutions where it matters.

Throughout the design process, I iterated on controls and interaction models and ran them by engineering and stakeholders.

finelite-concepts

Final Designs

Create high-fidelity designs and work with dev.

finelite-all-screens

Timeline view.

The main view of the controller post set up is a timeline view showing the current color temperature and intensity. A scrollable pane allows an operator to see what's in store to ensure the schedule is running correctly.

finelite-timeline

Schedule your lighting program.

An interface that revolves around days of the week as most inhabitants of the space function on a weekly schedule. Allowing specific color schedules to be executed by day of the week down to the hour.

finelite-schedule-detail-left
finelite-schedule-detail-right

The wheel.

Operator audience was kept in mind while designing the interface. It had to be intuitive and simple while also allowing full control to more advanced users in complex installation scenarios.

finelite-big-wheel
finelite-design-system

CSA

Holding the future to a higher standard.