page 7.jpg

TIMELINE

Aug-Dec 2016

MY ROLE

Designer + Researcher

TEAM MEMBERS

Rachel Oyoung

Tools

STATEMENT OF PURPOSE

To create an efficient, methodical tool for users to track their skincare journey. Creates a sense of community and togetherness, since acne is a normal occurrence because we should love the skin that we’re in as we work to be the versions of ourselves.


Having been an acne suffer for nearly a decade, I wanted to think of a way to make the daily struggle of living with acne easier. For me, I often struggled with remembering what products I used and how they affected my skin, felt like I couldn't find a credible source for information on treatment, and wanted to be able to track my skin daily. The idea of CLR was born and Rachel was kind enough to join me in creating this app for our very first UI/UX project in our university careers.

I have taken a new approach on this project for my senior capstone, nearly 2 years later!

the problem

Acne sufferers try so many different products that they cannot keep track. They forget what their skin was like a month ago, so can't really confirm if a product is working or not. Also, they often feel alone in their struggle.

the solution

A blogging and community mobile app that provides users a tool for tracking their personalized skincare journey. Users will be able to upload photos, post diary entries, manage dermatologist appointments, and view an overall month to successfully track their progress.

initial research

Our first business was to establish who we were trying to serve. We realized that this app aims to serve girls and women between the ages of 14-24 who currently suffer from acne.

We also took a look at current websites or apps out there that may fulfill this purpose already. We checked out acne.org and felt like it was a strong platform that connected people with acne with its comprehensive forums. However, we felt that something with a social media aspect would be more beneficial because it would bring people together and help them have meaningful conversations.

 

user scenarios

We then created two scenarios of our ideal user to understand how they could possibly use our solution.

david-yanutama-494254-unsplash.jpg

Valerie is a 20 year old college student who has suffered from acne ever since she was 12.

  • She feels as though wearing makeup makes her acne look worse, so Valerie doesn’t go out with her friends as much as she would like to.
  • her friend suggests she download Clear, an app aimed to motivate, comfort, and educate its users on their acne experiences.
  • Over the course of a few months, she begins to regularly engage with the Clear diary and community.
  • She learns a lot of valuable information and new terms, gains inspiration from others’ skincare journeys, and more carefully monitors her life habits in a steadfast effort to improve her acne.
  • Several months have gone by. Valerie has a wonderful new dermatologist (as recommended to her by a Clear connection in her area) that prescribes her soaps and lotions to combat her acne. 
  • Valerie has learned by example of herself and others on the Clear app that acne is a natural occurrence that most people deal with. 
jon-ly-457548-unsplash.jpg

Julie has been suffering for acne for the past 6 months.

  • As a millennial, she has always been involved with the internet community and felt closest to her friends online.
  • Julie was prompted to note her acne cycle. The app specifically asked her if she had cystic acne or white pustules, and Julie was happy to read the scientific definition of each to learn more about what exact cystic meant. 
  • She added her first progress picture and journaled how she felt that day. People left comments on her picture complimenting her and asking her current routine. 
  • She decided to learn more about what causes acne and read up in the research section.
  • She couldn’t wait to share her knowledge and journal with her dermatologist at her next appointment within the month.

 

Additional user Personas

More user peronas were created to help us remember the top priorities of our app that our ideal user would want.

allie-milot-459379-unsplash.jpg

Tonya, 20 F 

  • Generally clear skin but periodic breakouts will erupt and she doesn’t know why 

  • Would like to know if stress acne is different from dietary acne, but the internet tells her several different things 

  • Loves the idea of a verified dictionary and articles, but where will we get the articles from? 

tyler-nix-537461-unsplash.jpg

Rachel, 21 F 

  • Ever since switching birth control methods, her acne that was under control for about three years has returned   

  • Loves the idea of a diary/tracker app that will allow her to monitor her behavior and feelings as she adjusts to the new condition of her skin  

  • Would like to connect with Clear uses in her area to get honest reviews about potential dermatologists 

daniel-corneschi-529456-unsplash.jpg

Arie, 16 F 

  • Has suffered from acne since approximately 14  

  • Eats junk food 3-4 times a week, sleeps anywhere from 2-3 AM and goes to school at 7:20 AM 

  • How much of her acne is purely pubescent? How much of it is behavioral?  

 

Summary

By created those 5 personas, we started to get a grasp of how our solution would be integrated into the lives of our user. Even though the app would be another thing a typical woman would have to track (other than her period tracker), we were eager to see if our solution would be impactful enough to be worth their time.

 

gathering inspiration

We decided to check out a few apps and websites that had similar uses and see the pros/cons of each. We wanted a daily journaling feature similarly to The Happiness Planner with the ease of use and simplicity of Clue, a period tracker. 

We looked at acne.org because their acne forums were very expansive and covered many topics. Users were already conversing and making connections in the forums, so it was important to take their platform into consideration.

Screen Shot 2018-03-13 at 4.19.06 PM.png
 

low-fidelity look

From there, we began designing and creating the framework and overall look of the app.

page 4-userflow.png

 

We were then ready to come up with a list of what our solution would offer.

What we would offer:

  • User profiles to store and share photos, diary entries and communicate with each other
  • Dermatologist appointment manager
  • Calendar feature with color coded entries for an overview to better understand their acne progress 
  • Dictionary with dermatology terms to help users describe their experiences better
  • Scientifically supported articles that convey accurate and helpful information
  • Beautiful, clean design
 

Branding

Another task we had to accomplish was to create the branding and logo design for our app. Rachel and I both turned to pen and paper to jot down our ideas of what Clear meant to us and what we wanted it to mean to others.

We decided on the logo and app icon below. The red dots symbolized a pimple being reduced in size over time. We also used circular/chronological movement to further symbolize time and change in the app icon.

page 9.png

Final Look

Clear (Stylized CLR) is a blogging and community mobile app aimed at providing users who suffer from acne a clean and beautiful tool for tracking their personalized skincare journey. Users will be able to upload photos, post diary entries, manage dermatologist appointments, and view the overall scope of a given month in order to successfully track their progress. In addition to providing a personal acne tracker, users will be able to connect with others that suffer from acne in order to establish a sense of community and support among one another. Clear will serve as a resource as well, with a dictionary of dermatology terms and scientifically supported articles. Clear will be a fresh faced and clean, encouraging tool for users in a society that is instated to feed off our insecurities. 

Users will be able to upload photos, post diary entries, manage dermatologist appointments, and view the overall scope of a given month in order to successfully track their progress. In addition to providing a personal acne tracker, users will be able to connect with others that suffer from acne in order to establish a sense of community and support among one another. Clear will serve as a resource as well, with a dictionary of dermatology terms and scientifically supported articles. Clear will be a fresh faced and clean, encouraging tool for users in a society that is instated to feed off our insecurities. 

Reflections

Like I mentioned before, this was my very first official UI/UX project. I realize there are many aspects missing in our research and even our design, but I think I shouldn't be too hard on myself based on skill set I

had at the time. Because of this, I am actually redoing this app as my senior capstone! It is nearly completed and turned out completely different than this version. I did deeper research, realized aspects such as social media part of this app may not be as functional and amazing as I previously thought, and put more emphasis on the daily tracking and analysis of the user's skin.