Discovery and Research

Before starting on any design work, our team conducted a robust process of discovering feature requirements, researching similar products, and interviewing users.

Step 1: Discovery

The very first step in the process was to sit down with key stakeholders in the Komodo organization and gather feature requirements for the product. This team included Komodo’s marketing, engineering, and community support teams. After this, we were able to create a list of features that we would validate in the upcoming steps.

Step 2: Research

After completing our initial discovery with the Komodo team, we dove into researching competitors and similar applications. Our goal was to identify what other wallets got right, what could be improved, and where the Komodo wallet could really shine. This gave us a matrix that we used to refine our list of features.

Step 3: User Discussions

Finally, we sat down with select members of the Komodo community. We asked them about what features they would most like to see in a Komodo branded wallet, and what their frustrations were with other products that they had used in the past. These interviews helped us pair down, and prioritize our list of features identified in Step 1.

User Experience Design

Once we had our list of features solidified and prioritized, we began designing how the user experience of the wallet would function.

Step 1: Reviewing our Goals

Before starting any UX activities, we took time as a team to review our goals for this project from a feature and user experience perspective. This involved identifying which principles we most wanted to accentuate with the product and which features we wanted to stand out.

Step 2: User Journeys

After confirming that our goals were still valid, we began mapping the user’s experience through the application. Since one of our main goals was ease of use, we placed a large emphasis on a clear on-boarding process that ensured users knew what they were doing during each step and were securing their wallet effectively.

Step 3: Wire-frames

With our user journeys completed and validated by the key stakeholders, we began creating low-fidelity wire-frames for each view of the application. Wire-frames allowed us to iterate on different ideas quickly and promoted an environment of experimentation within the design team.

User Interface Design

After weeks of discovery, research, and user journeys, we were ready to start creating our final user interface designs. This is where the project really starts to come to life.

Step 1: Solidifying Design Language

This mobile wallet application was part of a much larger effort to rebrand the Komodo platform into a professional, enterprise-level platform. The wallet was the new Komodo’s first killer app. Using colors, fonts, and styles identified during an earlier rebranding effort, we began experimenting with how that language could translate into the wallet app.

Step 2: User Interface

Once we had discovered some clever ways of translating the new Komodo brand into a sleek user interface, we began designing the user interface mapping those designs to the wire-frames. After approval from the client, we built a clickable prototype and cut the design into assets that could be used by their development team to build the final product.

Step 3: Design System

With our user interface designs and clickable prototype completed, we created a design system in InVision. This system was not only for the development team when building the wallet application, but was designed to be utilized when building other products and apps in the future as well.