top of page

Project Overview

Pocket Closet is a digital closet organization app designed to help users catalog and manage their wardrobe. The app guides users through capturing photos of clothing items and organizing them into categories, making outfit planning simple and efficient.
 

This project demonstrates my ability to design user-centered learning experiences that help people understand and navigate digital tools.

Pocket Closet Prototype Demo.png

UX / Product Design Process

Define
Research
Visualize & Conceptualize
Design
  • Scope
  • Problem Statement
  • Users
  • Consumer Insights
  • Competitive Analysis
  • User Journey
  • User Flow
  • Must Have Features List
  • Sketching
  • Low Fidelity Prototypes 
  • Design Critiques
  • Wireframes
  • High Fidelity Prototype

App Flow Chart

Pocket Closet Diagram.png

Instructional Design Approach

Learning Goal

Design a guided experience that helps users learn how to:

• Digitally catalog clothing items
• Organize wardrobe items into categories
• Easily plan outfits using their digital closet

The goal was to create an intuitive system that reduces the cognitive load of managing a wardrobe.

Problem Statement

 

Many people struggle to keep track of their wardrobe, often forgetting what they own or finding it difficult to plan outfits quickly. Without a clear system for organizing clothing, users may feel overwhelmed by their wardrobe choices.

Target Users

 

The primary users include:

• Busy professionals who want to streamline outfit planning
• Individuals interested in wardrobe organization
• Users who enjoy fashion but struggle with closet management

Instructional Design Strategy

To support users in learning the app quickly, I applied several instructional design strategies:

 

Progressive onboarding
Users are guided step-by-step through adding their first clothing item.

Visual learning
Icons and visual categories help users understand how to organize clothing.

Chunking information
Tasks are broken into small steps such as photographing, labeling, and categorizing items.

Guided interaction
Users receive prompts that help them understand what action to take next.

My Process

1. Define

I identified the key user challenge: helping people quickly organize their wardrobe in a digital format.

The experience needed to be simple enough for first-time users while still offering meaningful organization features.

2. Research

Research focused on:

• How people currently organize their closets
• Challenges with wardrobe management
• Common categories people use for clothing

3. Consumer Insights

Key insights included:

• Many people forget what items they own.
• Outfit planning can feel overwhelming when closets are disorganized.
• Visual organization helps users make decisions faster.

4. User Journey

  1. User downloads the app

  2. User captures photos of clothing items

  3. User categorizes items into wardrobe sections

  4. User browses their digital closet

  5. User creates outfit combinations

Instructional prompts guide users throughout each step.

5. User Flow

The user flow demonstrates how individuals move from onboarding to organizing their wardrobe and planning outfits.

Key stages include:

• Add clothing item
• Categorize item
• Browse wardrobe
• Plan outfits

6. Visualization & Concept Development

Initial sketches explored:

• Closet grid layouts
• Clothing categories
• Outfit planning interface

These concepts helped determine the most intuitive way for users to organize their wardrobe.

7. Low-Fidelity Prototypes

Low-fidelity prototypes were created to test:

• Navigation clarity
• Item categorization
• Visual organization

Feedback helped simplify the interface and improve usability.

8. User Journey

The final interface design focuses on:

  • Clear visual hierarchy

  • Easy photo capture

  • Simple category selection

  • Visual outfit planning

Instructional prompts guide users throughout each step.

Instructional Design Skills Demonstrated

 

This project highlights several instructional design competencies:

• Learning experience design
• User-centered design
• Information architecture
• Cognitive load reduction
• Guided digital learning experiences
• Visual communication for instruction

bottom of page