Case Study — Oneiric

Agatha Iwanek
4 min readFeb 20, 2022

This case study is to explain the process of creating Oneiric — wellness app made to help people follow sleeping hygiene rules.

Before we decided what exactly our app will be about we created a User Survey and conducted some interviews to know better what is needed.

Lean survey Canvas

We wanted to know what are peoples sleeping habits, their problems and how they are solving them. What works for them and what doesn’t, and if they are eager to improve their sleep quality by learning more about it.

Once we received data from the survey, and interviews, we analyzed them by using Affinity Diagram and Empathy Map.

Empathy map.

After analyzing gathered data, we could see what are the main issues and what we should focus on, so we chose 3 most significant and created How Might We questions related to them.

How might we 3 options.

We decided to focus on the last one listed, and were able to see our problem & hypothesis statements clearer:

Problem statement

Once we knew what we will focus on we could narrow down our user’s pains and gains and see jobs they need to do to achieve the goal.

Jobs to be done, User Statement

After realizing what the problem is we created User Persona and User Journey Map, to see our opportunities to help the user. And it was creating a tool for our user to help her be more disciplined about her healthy sleeping routine.

User persona, User journey map

To know what market is offering in this matter we made our competitors analysis. We created competitors matrix, and positioned companies together, we alse decided where we would see our app positioned.

Competitors Matrix, Market positioning

We also created a visual analysis of two biggest competitors.

visual analysis

After this, we created a SWOT analysis of our brand, and stepped into UI process.

SWOT analysis

Knowing all those information we started UI design process, from creating a Mood board (theme — “summer night”).

Mood Board

Then we created our Style Guide and our brand’s identity:

Prototyping started from creating two user flows, main and secondary, and the site map of our app.

User Flows, Site Map

Keeping in mind the results of our prioritizing by Moscow Method we created our low-fi prototypes, both of the application and of the landing page:

Moscow Method, Low fi

Straight from there we created Mid-fidelity prototype and tested it by UseBerry platform.

Mid-fi, test results

The feedback was positive, so we created the high fi, and also tested it.

High-fi prototype

This time we used both UseBerry and Maze platform (to test the usability and the design).

High fidelity test results

This time, usability testing also went good, but there was some feedback about one of the buttons being too small, so we created a corrected version of it, and we should test the respond for this in the future.

Through the whole designing process we were guided by our CRAP principles.

CRAP pronciples

At the end of the project time we created a landing page of our application.

Next steps of the project would be further iterating, adding some only listed features to the prototype and more usability testing.

--

--

Agatha Iwanek

I am an industrial designer/ pastry chef/ jewelry maker from Warsaw. I’ve decided to change my career course to UXUI (keep fingers crossed!)