OCHRE

Ingredient Checker

OCHRE, known for its microbiome-friendly haircare products, identified the potential for a free web app that educates consumers on product ingredients. This tool helps users identify skin irritants that could trigger eczema, acne, or allergic reactions.

Aligned with the "skinification" trend, this app is under development to enhance OCHRE's future product development and empower consumers to make informed personal care choices.

My role
UI/UX Designer
What I did
User Research, User Journey Mapping, Wireframing, Prototyping, Design System Creation, Visual Design
Timeline
June 2024 - Present
Team
1 Developer

Problem

A Personal Journey into Skin Irritants

In December 2022, I developed a severe skin condition that lasted eight months, forcing me to wear gloves while showering and avoid basic hand creams. This experience made me acutely aware of product ingredients and how vulnerable consumers are to potential irritants.

Through research, I found that I wasn’t alone. The National Eczema Association reports that 31.6 million people in the U.S. have eczema, and over 60% of women and 50% of men experience sensitive skin. Dermatologists didn’t provide clear answers, and "safe" labels lacked transparency, reinforcing my belief that consumers deserve better ingredient information.

Research

User Insights: Uncovering Skincare Information Needs

Research Methodology

I conducted 1:1 interviews with 10 individuals who regularly track skincare ingredients and have sensitive skin. This method was chosen to leverage my marketing/MBA background for deeper personal interactions and more nuanced insights.

Key Findings

  • Frustration with complex terminology: Users struggled to understand ingredient names and their effects
  • Desire for clear visuals: Many preferred visual aids over lengthy text descriptions
  • Need for custom tracking features: Users wanted to save and monitor ingredients related to their skin conditions
  • Preference for speed and simplicity: Users favored web apps, especially for in-store use where heavy interfaces could slow them down

Painpoints Ranking

Based on the interview findings, I identified three main pain points and asked participants to rank them in order of importance:

  1. Complex Terminology
  2. Visual Preference
  3. Custom tracking

Conclusion

Users value simplicity and ease above all. Whether it's understanding ingredient terminology, accessing product information quickly, or using visual aids, the ultimate goal is to make skincare research effortless and intuitive.

Competitor Analysis

Evaluating Existing Ingredient Checkers

Paula’s choice skincare ingredient checker

  • Pros: User-friendly, good data visualization
  • Cons: Unrated ingredients, ads, limited to skincare

Skinsort

  • Pros: Feature-rich
  • Cons: Overwhelming, outdated, broad target audience

INCIDecorder

  • Pros: Simple
  • Cons: No photo uploads, EU data only, possibly inaccurate

Skincarisma

  • Cons: Outdated, bugs

Through this analysis, I recognized a common problem: users spend too much time navigating these platforms, leading to frustration. My solution had to be concise and straightforward, offering clear "good" or "bad" summaries rather than detailed research papers. The aim was to give users a quick, one-page overview that is easily digestible.

Moreover, I noted that most competitors focus solely on ingredients rather than symptoms. This gap offered an opportunity to address users’ specific skin concerns directly.

User Persona

Kay: seeking simple solutions for eczema-safe products

Goals

OCHRE's Mission: Empowering Skin-Conscious Consumers

Business Goals

  • Increase user base: Attract more users to gather data for future development and improve the product further
  • Create a fast, intuitive web app: Provide quick, easy access without the need for downloads, emphasizing convenience and usability
  • Streamline user interface: Ensure the design is clean, visually clear, and reduces complexity in product research

Consumer Goals

  • Empower users: Help users quickly determine whether a product is suitable for their skin condition (e.g., eczema, acne) with easy-to-understand summaries
  • Focus on symptoms: Shift focus from ingredients to user-specific symptoms to make product choices more relatable and personalized

Solutions

OCHRE's Innovative Approach: Simplifying Skincare Complexity

Simple and Straightforward Design

I prioritized simplicity and user-friendliness from the start. My process began by conducting user interviews and reviewing competitor apps, revealing the need for a clean, intuitive homepage. I iterated on wireframes, testing how users navigated ingredient data while shopping, and identified pain points with overwhelming information.

The solution centered on an easy-to-digest ingredient summary. Competitors used dense, hard-to-read paragraphs, so I designed a graphical, organized interface for quick, intuitive access—particularly benefiting users with eczema or other skin sensitivities. This approach made learning about ingredients seamless, addressing both user needs and client goals.

Consumer Education: Blog Articles

I added a blog feature, driven by user feedback and research, to provide expert-reviewed articles on common skin concerns. This streamlined the journey, giving users quick access to credible information instead of unreliable sources.

Easier Access: My Ingredient List

To make ingredient tracking easier, I introduced a "My Ingredient List" feature, allowing users to save, annotate, and monitor ingredients.

Future Development: Skin Details

Looking ahead, I’ve built the foundation for personalized recommendations based on users’ skin profiles for future app versions.

Sign In / Sign Up

While prioritizing simplicity and ease of use, I also wanted to incorporate custom tracking features. My solution:

  • Include sign-in/sign-up options, but don't make them mandatory for initial use.
  • Avoid forcing login upon opening the web app. Users can access login through a small button on the homepage or via the menu.
  • This approach allows us to:
    • Calculate the percentage of users who become regular, logged-in users.
    • Use cookies to track how many visits it takes before a user decides to log in.

Error Messages

I opted for simplicity in error handling:

  • A single error message for both email and password errors, avoiding separate classifications.
  • This approach naturally guides users to the "Forgot Password" option when needed.

Password Recovery

To minimize user frustration, I streamlined the password recovery process:

  • Users enter their email address immediately.
  • If registered, they receive an email with a direct link to reset their password.
  • No need to remember codes or navigate back to the site - everything can be done from the email.

Username Management

With future community features in mind, I implemented username functionality:

  • Users can set a username during sign-up.
  • Option to change username later, in case they initially used their real name and wish to change it.
  • All profile management, including username changes, is accessible through the menu button in the user's profile section.

Impact

The Future of Skincare: OCHRE's Vision for Global 'Skinification’

  • Global Impact: Empowering consumers worldwide
  • Smart Identification: Helping users spot potential irritants
  • Ongoing Development: Continuous improvement and feature expansion
  • User-Centric: Shaped by real user experiences and feedback
  • Future of Skincare: Pioneering a new era of personalized care
Other Project
Landing Page