01 / CONTEXT
A personal aesthetic that lives everywhere.
CONTEXT
Aesthetic organizing app
Fashion, beauty, personal inspiration, and daily planning in one connected experience.
PRODUCT
Visual-first lifestyle organization
Marketing agency responsible for brand, campaign, and digital experience development.
MY ROLE
UX Research · UX/UI Design
Design System · Prototyping
Working responsive web prototype.
02 / BRIEF
The app had to make self-expression easier without making organization complicated.
THE CHALLENGE
Inspiration lives across social media, screenshots, shopping apps, and personal photo libraries.
THE OPPORTUNITY
Bring scattered aesthetic content into one personalized ecosystem.
INITIATIVE
How might we turn inspiration into organized, actionable self-expression?
03 / RESEARCH
Four insights shaped the product direction.
LIMITED TIME
01
Daily aesthetic decisions compete with busy routines.
→ Quick access to planning and recommendations.
CREATIVE UNCERTAINTY
02
Users value self-expression but often lack direction.
→ Personalized inspiration and suggestions.
FRAGMENTED PLANNING
03
Style and daily routines are managed separately.
→ Connect aesthetics with calendars and reminders.
SCATTERED INSPIRATION
04
Ideas are saved across too many platforms.
→ Centralized visual collections.
Evidence: one specific user interview.04 / AUDIENCE
The primary user is motivated by self-expression and visual discovery.
PRIMARY AUDIENCE
Aesthetic Explorers
→ People who collect visual inspiration and express identity through fashion and beauty.
SECONDARY
Users looking for a more personal way to manage everyday choices.
MOTIVATION: Discover · Collect · Express
Composite persona based on one specific user interview.05 / STRATEGY
The design principles turned insights into product decisions.
One app, every aesthetic
01
Fashion, beauty, and inspiration live together.
02
Style that adapts to your day
Weather and schedules support planning.
03
Make inspiration actionable
Saved ideas become everyday choices.
04
Aesthetics are social
Follow people and discover new inspiration.
06 / STRUCTURE
A five-part architecture keeps aesthetics connected.
HOME
Home · Wardrobe · Collections · Calendar · Community
CORE FLOW
Discover → Organize → Create → Plan → Share
Design decision: Lifestyle categories are connected through one unified ecosystem.
07 / UX EXPLORATION
Wireframes focused the experience around inspiration and action.
KEY DECISIONS
01 Home connects daily planning and inspiration.
02 Collections organize visual references by lifestyle category.
03 Wardrobe connects inspiration with what users own.
04 Calendar turns aesthetic decisions into daily plans.
08 / DESIGN SYSTEM
A bold visual system gives organization a personality.
COLOR ROLES
Pink / Expression
Orange / Energy
Blue / Planning
Purple / Creativity
Green / Discovery
TYPE
Krona One
Expressive headlines and brand personality
SF Pro
UI and body typography
ICON RULES
24 × 24 px grid
3 px stroke
44 × 44 px touch target
Simple line
Consistent visual language
Clear navigation patterns
09 / FINAL UI
The final screens turn organization into self-expression.
PERSONALIZED HOME
Daily planning meets visual inspiration.
CONNECTED CATEGORIES
Fashion, beauty, and lifestyle stay connected.
SOCIAL DISCOVERY
Personal aesthetics become shareable inspiration.
10 / PROTOTYPE
The visual direction became an interactive mobile experience.
The product was developed as an interactive experience to evaluate key user journeys beyond static screens.
DESIGN → PROTOTYPE → TEST
Live prototype: dreamy-raiment.vercel.app
IMPLEMENTED EXPERIENCES
Home and daily planning
Visual collections
Wardrobe browsing
Outfit creation
Calendar planning
Community discovery
11 / PRODUCT PROOF
An interactive prototype made the experience testable.
WORKING PROTOPYPE
Open the live prototype to explore:
Key flows: Discover inspiration | Organize collections Create a look | Plan for the day Status: Interactive UX/UI prototype
12 / VALIDATION
One user test initiated an iterative design process.
1 Participant
Interactive Prototype | Usability Testing
The participant completed key tasks and provided feedback on navigation, clarity, and usability.
TEST METHOD
01 | NAVIGATION CLARITY
Some features and pathways were not immediately clear, creating hesitation during task completion.
02 | INFORMATION HIERARCHY
Key actions and content needed stronger visual emphasis to improve discoverability.
03 | FEATURE CONNECTION
The relationship between inspiration, wardrobe, and planning required clearer transitions.
KEY ISSUES
ITERATION 1
Add clickable images for closer outfit details.
ITERATION 2
Move WEATHER section to the top for faster access, add swipe option.
ITERATION 3
Use white backgrounds with expressive strokes for clearer product browsing.
13 / DELIVERY
Dreamy Raiment connects inspiration, organization, and self-expression.
· Unified multiple lifestyle categories in one ecosystem
· Connected inspiration with daily planning
· Built a distinctive visual and interaction system
· Created a social space for aesthetic discovery
OUTCOME
· Expand personalization
· Test community interactions
· Validate with a larger audience
· Develop additional responsive experiences
NEXT STEPS
Dreamy Raiment turns collecting inspiration into a connected form of self-expression.