Jelly

Jelly is an app that aims to repair your relationship with your skin. Your skin buddy.

View Demo

Type

Mobile App Prototype

Skills

Figma

UMOMI App Screenshot

Overview

The Problem

Although many people strive to improve their relationship with their skin, they lack the knowledge, support, and inclusion needed to find products that personally fit them.

Achievements

This was a submission for Level Up!, Rice University's 3-day Design-a-thon.

The Solution

We aimed to design an app that fosters a supportive and comfortable environment where individuals can share their skin stories with others while receiving help in return!

My Role

I led the user interface for this project. I focused on the hi-fi, wire-framing, and prototyping.

Ch. 1: Design Process

The Spark

I created Jelly after struggling to find skincare products that fit my skin. Navigating countless options felt confusing and isolating, so I set out to design an inclusive app that helps people feel supported, informed, and confident in their skincare journey.

Sketch

I started by sketching how users might share their skincare stories and track their routines in a comforting, community-driven space. I played with ideas like digital skincare journals and message boards to visualize connection and self-reflection.

Design

The design of Jelly uses vibrant shades of green to evoke freshness and confidence to reflect healthy, glowing skin.

The Test

We shared our prototype to college students to understand their skincare habits and challenges.

Ch. 2: Research

User Interviews

We conducted interviews with students aged 15-25 who had varying skin types of levels of skincare experience. Our goal was to explore their daily skincare routines.

We used surveys to find challenges.

Key Questions

  • What is your skin type?
  • On a scale of 1 to 10, how knowledgeable are you on skincare?
  • What is your curernt skin goal(s)?
  • Describe your morning/night skin routine.
  • Name some of the skincare brands you use

Key Insights

Majority of responses wished to learn more about the best, affordable skin products. For Jelly, we focused on:

  • Being able to share their skin stories
  • Track their skincare routine/products
  • Get recommendations on affordable skin care products

Research Data

60%

Are comfortable with their skin

45%

Are knowledgeable about skincare

$250.5

Average amount of money spent on skincare

Design Process Thoughts

Ch. 3: The Solution

Design Process Thoughts

The Concept

An app that fosters a supportive and comfortable environment where individuals can track their skincare and share their skin stories with others.

The Userflow

We designed the experience around three core features: skin log, discovery, and tips.

Userflow

Wireframes

Design Process Thoughts
Design Process Thoughts

Ch. 4: Final Results

Design Process Thoughts

Branding

For our college palette, we focused on shades of green for the feeling of 'youthful' and 'soothing' to target college students.

Our secondary colors, purple and brown, represented knowledge for our own skin and power and inclusivity of all complexity.

Userflow

Skin Log

The Skin Log aims to motivate users to keep track of their facial skin condition journy by taking photos and seeing progressive change over a period of time.

There's also a private digital journal to track and display their diet and sunscreen habits that may impact their skin conditions.

Userflow

Personalized Questionnaires

The onboarding quiz allow users to identify their skin problems and revisit their relationship with skincare.

At the end, the user is given a personalized product recommendations according to each user's skin type.

Userflow

Discovery/Forum

This allows users to connect with other community members and verified dermatologists/licensed estheticians.

This provides an easily searchable and accessible centralized resource hub for users to read articles on latest skin care research.

Userflow

Recommended Routine

This lists personalized skincare steps user should take every morning and night for their defined skin type. This educates users on what types of products are safely available to use.

The product recommendations card offers affordable and suitable skincare product suggestions based on the needs of users. It provides cost, ingredients, and benefits of the product.

Userflow

Ch. 5: Reflection

Design Process Thoughts

Difficulties

There were many features that we had wanted to add to the app but doing so would have made the app less user-friendly. Instead, we narrowed it down to the essential features.

Lessons

Skincare is expensive and not always accessible! Through our research and interviews, we realized how many students struggle to find affordable products that truly work for them.

Team

Jelly was a true team effort! I'm grateful to have collaborated with such a creative and dedicated group.

Userflow