Drobe

A cross-platform capsule wardrobe app that promotes sustainable fashion habits through mindful outfit planning and seamless cloud sync.

AI-assisted colour palette generator screen in Drobe
Palette generator for AI-assisted colour theory recommendations
Drobe login screen
Minimal onboarding with secure authentication
Drobe daily dashboard with weather, outfits and quick actions
Daily overview with weather-aware outfit prompts

Overview

Drobe is a mobile application designed to help users build a sustainable capsule wardrobe by digitising their clothing, planning outfits, and generating custom colour palettes.

The app supports Google Drive synchronisation and offline caching, allowing users to manage their wardrobes from anywhere.

Developed as my final-year Computer Science project, Drobe demonstrates full-stack design and engineering — from UX research to Flutter implementation.

Problem

Users often own an excess of clothing but still feel they have "nothing to wear." The challenge: help users simplify wardrobe choices, reduce overconsumption, and plan outfits that align with their personal style.

Research & Insights

  • Conducted surveys (n=25) and semi-structured interviews to uncover common frustrations in outfit planning.
  • Mapped user personas — The Minimalist, The Planner, and The Explorer — representing key motivational types.
  • Created empathy maps and user journeys to visualise emotional touchpoints.
  • Identified sustainability, simplicity, and time-efficiency as recurring priorities.

Design & Process

Source Code & Demo

Explore the full Flutter implementation and run the app locally via the public GitHub repository.

Wireframing & Prototyping

Designed key screens in Figma with a neutral, minimal aesthetic, starting from low-fidelity Whimsical wireframes.

UI System

Implemented consistent spacing, iconography, and typography to convey calmness and structure.

Feature Development

  • CreatePalettePage for AI-assisted colour palette generation.
  • ItemSelectionPage and ProductDetailsPage for visual outfit creation.
  • OutfitsPage for daily look planning with Hive local storage.
  • Integrated Google Sign-In for authentication and DriveSyncService for cloud backup.

Testing

Conducted five rounds of user testing to refine usability, error handling, and responsiveness.

Key Screens

Add new wardrobe item form in Drobe

Add new item

Capture garment details with imagery, descriptions, and colour selection.

Drobe wardrobe item list showing shirts

Wardrobe inventory

Browse item collections with search, filters, and quick actions.

Drobe outfit planner showing a complete look with accessories

Outfit planner

Compose head-to-toe looks using draggable garment cards.

Editing an outfit combination in Drobe

Editable outfit layouts

Fine-tune pieces on the fly with inline edit and delete controls.

Laundry management screen in Drobe

Laundry tracking

Move items through laundry states to keep the wardrobe status accurate.

Accessories catalogue inside Drobe

Accessories catalogue

Maintain complementary pieces with rich imagery and metadata.

Fabric care tips feed in Drobe

Fabric care hub

Curated content cards that educate users on garment care.

Lookbook inspiration grid in Drobe

Inspiration lookbook

Taggable inspiration boards to spark new outfit combinations.

Capsule wardrobe article inside Drobe

Long-form editorials

Immersive reading experience to reinforce sustainable habits.

Solution

A polished Flutter app that allows users to:

  • Add and categorise wardrobe items with photos.
  • Build daily outfits using a visual interface.
  • Generate colour palettes for cohesive style curation.
  • Sync and restore data via Google Drive.

Outcome & Impact

  • Awarded a First-Class for innovation, technical depth, and usability.
  • Featured in your Capgemini UX portfolio as an example of bridging design and engineering.
  • Users reported reduced "decision fatigue" and increased outfit reuse.

Project Details

Role

UX Designer, Flutter Developer

Duration

Oct 2023 – Apr 2024

Tools

Flutter, Hive, Google APIs, Figma

Next Project

HMRC New Starter Service