Wick is a self help app powered by the science of happiness. Happiness tracking, optimization, goal setting, and gamification combined to optimize happiness.
User interviews were conducted with 10 participants, we collected quantitative and qualitative data ranging from device type, hourly usage, number of existing or previously used health apps, to which self help/health behaviors they engage in and for how long, and gauged interest in such an app. Using the interview data we created user personas. User testing was also performed with a low fi prototype, we provided users with a few flows to complete from onboarding, and adding a task, to navigating the gamification features. Competitor research included a SWOT analysis of the top 25 competing apps, analyzing the strengths, weaknesses, opportunities and threats from their user experience, features, flows and UI.
Starting with the moldboard, we looked to provide feelings of comfort, wonder, adventure, and relaxation. Cool greens and blues were selected in contrast to the yellow and orange CTAs to communicate this. Language was down to earth, comforting and empathetic. Use of soft graphics and iconography was used to give it a fun, and non-intimidating experience.
Brand standards were created, detailing everything from font usage, sizing, spacing, element spacing, sizing, logo usage, imagery style, coloring and more to ensure a consistent experience across the site.
User flows, and process flows were created in lo-fi, tested in a lo-fi prototype, then a high-fi mockups and flows were created based on the findings. A high-fi prototype was created and user tested as well.
React Native is the language of choice for Wick. iOS and Android were the target platforms, and React Native allows one app to be developed for several platforms instead of a separate Java and Swift versions. A HTML, CSS, and JS prototype was created first, so that the experience could be fleshed out and tested before it's final conversion to React Native.