CookieStack

Independently researched and designed CookieStack, a mobile app that saves and organizes online content through shareable links.

Role

UX Research / UX · UI Design

TYPE

Mobile App

Year

2023

Role

UX Research / UX · UI Design

Type

Mobile App

Year

2022

Project Overview

Project Overview

What is CookieStack?

CookieStack is a mobile app designed for archiving and organizing online content such as social media posts, Youtube videos, and articles from websites. User can manage their saved content by adding dates, tags, and notes. I was responsible for the entire UX/UI process, from research to prototyping.

Problem Overview

Users frequently come across vast amounts of video and text content on platforms like Youtube, social media, blogs, and articles. While many platforms provide built-in saving features, users often forget where they saved specific content or which platform it came from. This creates challenges in efficiently managing and organizing their saved media, notes, and links.

Project Goal

Create an archiving service to help users effortlessly store and manage content. Users can copy and paste links they wish to save and use the app as a personalized space for their information with customizable settings. This service provides seamless access and efficient content management through intuitive search features and tailored workflows.

Key Delivers

Saving Content

Save content from social media, YouTube, and websites to CookieStack instantly using the external share feature.

Save content from social media, YouTube, and websites to CookieStack instantly using the external share feature.

Managing and Organizing Saved Content

Managing and Organizing Saved Content

Organize saved content into folders or prioritize it based on importance.

Organize saved content into folders or prioritize it based on importance.

Sorting/Filtering

Categorize content by specifying a save location, adding hashtags, or prioritizing it.

Categorize content by specifying a save location, adding hashtags, or prioritizing it.

Content Reminder

Receive reminders for saved content through notifications when needed.

Receive reminders for saved content through notifications when needed.

Design Process

Discover/Define

Discover/Define

Brief Background

Define Problems

User Research

Competitive Analysis

Persona

Empathy Map

Figure out Features

User Journey Map

Brief Background

Define Problems

User Research

Competitive Analysis

Persona

Empathy Map

Figure out Features

User Journey Map

Ideate

Ideate

User Flows

Information Architecture

Wireframes

Low Fidelity Design

User Flows

Information Architecture

Wireframes

Low Fidelity Design

Prototype/Test

Prototype/Test

High Fidelity Design

Usability Test

Adjustments

High Fidelity Design

Usability Test

Adjustments

Research

I wanted to clearly understand how existing trends and solutions in the market are being provided. Additionally, I wanted to know the actual experience users have when it comes to saving content. The following are the two research methods I used to gather these insights.

Method 1.

Method 1.

Competitor Research

Competitor Research

Analyze competitors and contrast key features. Gain insight into information architecture.

Analyze competitors and contrast key features. Gain insight into information architecture.

Method 2.

Method 2.

User Interview

User Interview

Understand user needs and pain points to improve content saving and management.

Understand user needs and pain points to improve content saving and management.

survey finding 1.

survey finding 1.

Competitor Research

Most services fell into two categories: those with a simple feature set for easy usability and those with extensive functionalities that often led to a more complex interface.

The lowest complexity

The lowest complexity

1

2

Pocket

Pocket

3

Alfread

Alfread

Based on the research findings, this project was designed to focus on core features by providing only essential and simple functionalities.

survey finding 2.

survey finding 2.

User Interview

I conducted online interviews lasting between one to one and a half hours. The interviewees were selected from individuals who consume content on platforms like YouTube, social media, and blogs for more than an hour a day, at least five days a week.

Pain Point 1

Pain Point 1

”I had to go through all the online platforms I use to find the content because I forgot when and where I saved it online.”

”I had to go through all the online platforms I use to find the content because I forgot when and where I saved it online.”

→ If a user doesn’t have many platforms, it’s not too difficult to look for media, but when there many, finding it again becomes challenging.

Pain Point 2

Pain Point 2

“I often save media with the intention of revisiting them later, but I rarely do. Still, I keep saving them because I believe there will be a moment when they come in handy.”

“I often save media with the intention of revisiting them later, but I rarely do. Still, I keep saving them because I believe there will be a moment when they come in handy.”

→ Users tend to save content even if it’s not immediately important to them. Later, they decide whether to keep or delete it based on its priority.

Pain Point 3

Pain Point 3

“The more links I save or want to share, the longer my notebook scroll becomes, making it inconvenient”,

“I send direct message with links to my second IG account for quick access.”

“The more links I save or want to share, the longer my notebook scroll becomes, making it inconvenient”,

“I send direct message with links to my second IG account for quick access.”

→ As the number of saved links or information grows, users want to organize them into categories.

Design Opportunities

As the amount of saved content grows, it becomes harder to find specific items later.

As the amount of saved content grows, it becomes harder to find specific items later.

How might we make it easier for users to categorize content even after saving by providing sort options.

How might we make it easier for users to categorize content even after saving by providing sort options.

Saved content is often stored with the intention of revisiting it later, but it often turns out to be less relevant.

Saved content is often stored with the intention of revisiting it later, but it often turns out to be less relevant.

How might we manage content by setting its importance or priority?

How might we manage content by setting its importance or priority?

As users save content across various platforms and over time, managing and finding an increasing amount of content is becoming more challenging.

As users save content across various platforms and over time, managing and finding an increasing amount of content is becoming more challenging.

How might we sort content by saving date or platform?

How might we sort content by saving date or platform?

Data Synthesis

Data Synthesis

User Persona

After conducting user interviews, I created personas to gain a clearer understanding of users’ goals and challenges. This process also helped in predicting user behavior and identifying patterns.

Data Synthesis

Data Synthesis

User Journey Map

By creating a user journey map, I gained a more structured understanding of how users consume, save, and manage content. This helped me identify where and what solutions should be provided at each stage of the process.

Task Flow

Task flows show the detailed steps users take to achieve specific goals, and this helped me create a user flow for the entire app and platform in the next stage.

1. Content storage process

2. Content management process in the app

Sketch & Wireframes

Based on the decisions made during the ideation process, I roughly sketched the screens according to the flow. This helped me identify areas for improvement within the user flow and refine the detailed aspects of the task flow.

Final Design

Looking forward to work together.

Looking forward to work together.