To kick off the process, I had to better understand the space we were working within. Part of this was doing a lot of secondary research to call out key signals about the state of the market.

First, I created a user flow for Dragonfly. I approached the user flow from the simple perspective of somebody wanting to route themselves to a nearby restaurant, with a stop or two along the way.

I then translated this userflow into a wireframe prototype, allowing me to test the user flow and rapidly test different ways of interacting with the device.

In the end, these ideas were scrapped in lieu of a floating panels model, for best modularity, flexibility, and efficiency.

Two sets of proposed moodboards for the visual direction of Dragonfly.

The universal, clean direction of the top row of moodboards felt that they would attract a larger demographic of users and better improve ease of use and clarity.

With the moodboards defined and wireframes complete, I began to explore variations of the visual look and feel for the interface.

After meeting with stakeholders, testing various combinations, and consolidating feedback, I developed a single direction to pursue: clean and functional UI with a single accent color that can be personalized to fit individual needs.

Ultimately, I tested hundreds of colors, avoiding colors that were either significant to traffic indicators, map areas (greenery, water, etc.), or would not contrast properly against the rest of the user interface.

I arrived at these final four color skews.