Clotho
A digital wardrobe app that helps users organize their clothing, discover their style, and engage in a sustainable fashion community.
"Clotho helps individuals manage their wardrobe easily, making styling choices simple and enjoyable."
Project roles
Frontend Developer | UI/UX Designer
Timeline
3 Months
Software
Visual Studio Code, React, Next.js, GitHub and Figma
Skills
User Research, Persona Development, Visual Design Principles, Wireframing and Prototyping, and Usability Testing.
Hello, I am Clotho
Clotho is a personal wardrobe assistant app designed to solve common wardrobe challenges. Research indicates that Millennials are the ideal target audience.
With established careers, they have greater spending power and a higher tendency for impulse purchases. Many Millennials struggle with choosing outfits or remembering what clothes they own, often leading to unused items. The app's UI and UX were developed by a team of three using Figma and React, focusing on simplicity and intuitive navigation.
Clotho offers outfit suggestions based on past wardrobe choices, trends, and personal style. It also features a digital inventory to track and mix and match clothing items.
Userflow
Design Process
Logo Design
Branding
Colors
This color palette is carefully selected for its harmonious balance of cool and warm tones, creating a visually appealing aesthetic.
Light blue and pale purple create a serene atmosphere, while light yellow adds warmth and approachability. Using purple as the main interface color brings elegance and a calm feeling. Those colors can ensure a strong contrast with black text.
#D6EFFF
#FDF9D8
#FFD6FF
#8229E0
#D098EA
#B8C0FF
Typography
Open Sans is a modern, clean sans serif font that enhances readability, especially in small sizes. Using it as body text.
Roboto Slab is a serif font that adds a sense of structure and formality, making it great for headings and key content.
Open Sans
Body Text
16px Regular
“The quick brown fox jumps over the lazy dog.”
Roboto Slab
H1
30px Regular
“The quick brown fox jumps over the lazy dog.”
Wireframe
Find Your
Fashion Style
Take the quiz to discover your style and reduce wasted spending by avoiding the wrong outfit choices.
Wardrobe & Collection
Thrift Store & Community
