Dreamfully
About
Dreamfully is a visually-driven mindfulness app that harnesses the power of relaxing imagery, guided breathing, and community-created content.
My Role
As a part of Stanford Women in Design’s Consulting Program, I partnered with Dreamfully on a ten week project to design their mobile app. I partnered with Leilani Tian on this project, and we met weekly with the Dreamfully team to share our designs and receive feedback. Our final prototype was used for Dreamfully’s launch.
Skills/Tools
Figma
Wireframing
Prototyping
Brand Identity and Vision
Process
I began the design process by iterating on some lo fi wireframes. Next, we discussed brand identity and developed an inspiration board using calming colors, such as blues and purples. I looked at other popular wellness apps for inspiration, seeing what they did well. We decided on font and color styles, and developed multiple iterations of hi fi prototypes. I ended the project with a final prototype, seen above, which will be used in the MVP when Dreamfully launches in the fall.
Lo Fi Wireframes
We made 3 iterations on our lo fi wireframes, changing and adding in features based on feedback from the Dreamfully team.
Iteration 1
Iteration 2
Iteration 3
Mood Board
Inspiration for colors, fonts, and brand identity
Hi Fi Wireframes
We incorporated color and brand assets into our wireframes, creating multiple iterations and constantly learning from team feedback.
Out in the World
Our final prototype and style guide were used for Dreamfully’s launch and website branding. Here is a photo of dreamfully’s current website: