Mindful App - UX/UI Design Case study

Image for post

Introduction

Project description

Image for post
Image for post

My role

To sum up

Outcome

Toolbox

Research

How might we?

Image for post
Image for post

Brainstorming

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

Storyboarding

Image for post
Image for post
Storyboard showing the user pain points, action, trigger, reward and the journey of using the product
Image for post
Image for post
riskiest assumption matrix

Pretotyping

Testing our assumptions and user engagement

Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
*YODA= your own data

XYZ hypothesis

Image for post
Image for post
Quantitative data
Image for post
Image for post
Screenshot from Instagram conversation.
Image for post
Image for post
MoSCoW methods for prioritising the app features

Wire-framing and prototyping

Image for post
Image for post
sketches of mindful app

User testing

Image for post
Image for post
pictures from user testing
Image for post
Image for post
Pictures from user testing

Visual Design

Image for post
Image for post
picture from the mood-boarding session
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post
Image for post

UI Kit

Image for post
Image for post
Image for post
Image for post
UI kit includes icons, buttons, graphs, models

Wire-framing

Image for post
Image for post
App flow and UI made in sketch

High fidelity UI

Image for post
Image for post
Mindful app UI made in sketch

Micro- interactions/ motion design.

Image for post
Image for post
Image for post
Image for post
Image for post
Mindful app video
Image for post
Image for post

Thank you for reading

Written by

MS in user experience and interaction design student at Thomas Jefferson university | Founder of D&D SmartLabs| Product designer at Blackstone Jefferson

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store