top of page

Sepia: Reminise with Capsules

HOW DID I...

Synthesize user testing results, apply design decisions, and test solutions

Case Study

LEAD USER RESEARCHER

BEST UX RESEARCH

OCT 2023 - JAN 2024

Daily Memory Gif.gif
Subtract.png
Individual ReCap Gif.gif

Sepia is...

A social media platform that encourages users to share and reminisce on past memories to reconnect with friends and family. To resist the attention-seeking social media industry, I want users to embrace self-care, build stronger bonds, and make personal connections with the people around them.

Sepia was awarded with
Best UX Research by our panel of judges from Paramount, Meta, and Sofi.

Group 237960 (3).png

Project Timeline / Content

Hi-Fi Prototype &
Usability Testing

• Presentation &

Feedback

• My Approach

• A/B User Testing

• Final Product

Mid-Fi Prototype &
Usability Testing

• Hi-Fi Prototype

• Hi-Fi Usability Testing

• Usability Insights & Solutions

• Mid-Fidelity Prototype

• Mid-Fi Usability Testing

• Usability Insights & Solutions

• Affinity Mapping

• Pain Points &

Problem Statment

• User Persona

• Solutions

• Low-Fidelity Wireframes

• User Flow

• Research Goal & Qualitative Data

• Quantitative Data

• Literature Review

• Competitor Analysis

• SWOT

Group 237874 (5).png

User Research: Quantitative & Qualitative Data

What do our users need?

Group 237929.png
survey insight Based on 105 responses
Frame 277131891.png
Research Goal & Quntitative Data
insightful quotes from 9 interviews
Frame 277131908Interview (2).png

User Research: Literature Review

What do experts say?

From our survey and interviews, I found that our audience prefers sharing using social media, so I want to build a social media platform for our users. However, this potentially became a huge hurdle.

 

Diving into the social media industry, I found literature reviews regarding the positive and negative impacts of social media on our close relationships. Some useful quotes include:

Frame 277131909Interview (1).png

For Sepia, I aimed to include and express the positive aspects of social media while incorporating solutions and reducing negative consequences.

User Research: Competitor Analysis

How can we stand out from the crowd?

Group 237896 (2).png
Frame 277131916 (1).png
Direct competitor
Frame 277131917 (3).png
INDirect competitor

Synthesis & Ideation: Affinity Mapping

Lots of sticky notes ahead!

Board.png
Synthesis & Ideaton

Synthesis & Ideation: Problem Statement

Ouch, got to put a bandage on that

Group 237899.png

Sora embodies our user insights and problem statement.

User Persona (1).png

Synthesis & Ideation: Solutions

Putting a bandage on that.

Group 237906 (1).png

Synthesis & Ideation: Lo-Fi Sketches

Unleash da imagination

Untitled_Artwork.png

Synthesis & Ideation: User Flow

Navigation

Profile Page – Janine (10).png
Search Page – Janine (5).png
Mid-Fi

Mid-Fi: Wireframes & Usability Testing Goal

Starting to look like Sepia

Group 237925 (2).png
Group 237906 (1).png

​Task: Can you walk me through adding an individual time capsule?

Question: How would you describe the profile to another person?

Mid-Fi: Usability Testing Insights & Solutions

Tackle 2 Problems with 1 Solution!

Group 237955.png

High-Fidelity: Prototype

Sepia coming together

Group 237949.png
Hi-Fi

High-Fidelity: Usability Testing

Let's see if it works this time

Group 237953 (2).png

​Tasks: ​

Testing solutions – Can you make an Individual Capsule?

Additional usability – Can you add a photo to your "2023 Dumps" capsule?

Questions:​

UI – Is the gradient of the buttons okay for you?

Understanding/comprehension – Where do you expect to find newly released capsules?

High-Fidelity: Usability Testing Insights & Solutions

Last minute HUGE change!

Group 237956 (8).png

With the last week of development and lack of progression to solve this critical user struggle, I took over the development of the Groups page. Within 2-3 days, I ideated, structured, and built our new Groups page, renamed to Capsules:

Group 237957 (2).png
Presentation

Presentation

Visualized data

For the final presentation, I was challenged to present 2-3 weeks of our work (mid-fidelity and both user-testing stages) within 2 minutes for our presentation. In scale, this is almost half of our development in one-fifth of our presentation time.

Title Slide.png
Synthsis & Ideation.png
Wireframe.png
User Testing Goals.png
Mid-Fi Usability Testing Insights #1.png
Hi-Fi Usability Testing Insights #1 (2).png
Hi-Fi Usability Testing Insights #1 (1).png

Lastly, we were awarded Best UX Research!

Frame 277131931 (3).png
Revise

Individual Revision: My Approach

Revision with professional feedback

Goals:
1. Unify the UI design of all the pages, and reinforce spacing and hierarchy
2. Provide pages with their individual needs/wants
3. Conduct A/B testing to ensure revisions benefit users

Visual
FINAL HOMEPAGE (29).png
Vector.png
FINAL HOMEPAGE (22).png
Usability
iPhone 13 & 14 - 111 (1).png
Vector.png
iPhone 13 & 14 - 52 (2).png

Individual Revision: A/B Testing

Users are king.

Unlike usability testing, I am looking for specific improvements, so I conducted A/B user testing with 9 selective frames with my 4 users.
​​
Sample Question: What do you think about the formatting of both screens?

Original
Vector.png
final revision
Original
Vector.png
final revision
FINAL HOMEPAGE (25).png
Vector.png
FINAL HOMEPAGE (14).png
iPhone 13 & 14 - 111 (1).png
Vector.png
iPhone 13 & 14 - 52 (2).png

UX wiring, visual communication, and functionality

Shortened decision making by 65% (from 14.7s to 5.2s)

FINAL GROUP PAGE.png
Vector.png
FINAL HOMEPAGE (27).png

Relaying crucial information

iPhone 13 & 14 - 32 (1).png
Vector.png
iPhone 13 & 14 - 59 (1).png

UX writing smooths user flow

FINAL HOMEPAGE (29).png
Vector.png
FINAL HOMEPAGE (22).png

UI builds narrative and emotion

Capsules - In Progress (2).png
Vector.png
Capsules - In Progress (1).png

Customization brings personalization

Final Product

After 7 weeks of restless research and revision

Daily Memory Gif.gif
Daily Memory.png

Make today a memory!

 

Encouraging you to share memories with friends and families by answering short daily questions.

Daily Memories would also help you collect memories for ReCaps!

Capsule.png

Create ReCaps to send to the future!

 

Reminisce on memories in the future by sending memories of today.

Make an individual or a shared ReCap.

Individual ReCap Gif.gif
Group ReCap Gif.gif
ReCaps Gif.gif
Capsule.png

Have all your ReCaps in one place!

 

Conveniently view and edit your ReCaps and groups.

Capsule.png

Your ReCap just opened!

 

Share memories with loved ones to reminisce on these memories together.

You can also generate a collage cover with your newly opened ReCap!

Post ReCap Gif.gif
Home Gif.gif
Group 237914.png

See friends' Daily Memory and ReCaps!

 

View all memories in the Home feed and view group memories in group feeds.

Some might want to reserve memories with only you and certain others.

Frame 277131941.png

Personalize your profile!

 

Your profile represents you and your memories, featuring your Daily Memories and ReCaps.

Sepia Profile Gif.gif
Search Gif.gif
Frame 277131451.png

Search for people and memories!

 

Search for friends and family to make new connections

 and reminisce memories together.

Search for specific memories using AI assistance

(no more endless scrolling)!

Other Projects

bottom of page