60 HoursFashion / E-Commerce
DStore
Full e-commerce build for a fashion startup. Next.js + Supabase. Platform is live and ready — waiting on the client's commercial license.
- E-Commerce
- Product Builder
- Product Design
Revolutionizing Aquaculture Data Management
A UX case study on cutting a 16-step farm workflow down to 4 structured steps — without changing core business rules.
[01]IMPACT & SUMMARY_
16 STEPS DOWN TO 4. A 68% REDUCTION IN OPERATIONAL OVERHEAD.
68%
STEP REDUCTION
Internal benchmark comparing the original 16-step flow with the new 4-step structure.
16 → 4
WORKFLOW REDESIGN
From fragmented inputs to one guided task flow.
By restructuring the application's core data-entry sequence, we delivered a scalable system that prioritized operational efficiency and data integrity over superficial visual enhancements.
The interface wasn't broken because it looked bad. It was broken because it was designed around the database structure — not around how people actually work.
Executive Summary
- The Challenge: Farmers navigated a scattered 16-step workflow, causing severe data delays.
- The Solution: Deployed a task-based, mobile-first architecture that consolidated the process into 4 guided phases.
- My Role: End-to-end Product Design, bridging discovery, information architecture, and cross-platform UI validation.
[02]Workflow Broke Operations_
Workflow Broke Operations
Initial request: redesign the interface.
The interface wasn't broken because it looked bad. It was broken because it was designed around the database structure — not around how people actually work.
Real issue: farmers had to complete 16 disconnected decisions for one routine task.
Result: delayed data entry, lower reliability, and high cognitive load.
[03]DISCOVERY & CONSTRAINTS_
DISCOVERY & CONSTRAINTS
Fast Validation Under Constraints
Pragmatic Research Approach
System Audit
Mapped the existing 16-step legacy system to identify cognitive bottlenecks and redundant data entries.
Stakeholder Alignment
Collaborated directly with client SMEs (Subject Matter Experts) to extract and map the absolute non-negotiable business rules.
Internal Validation
Pressure-tested low-fidelity flows with our internal engineering team to guarantee technical feasibility before client handoff.
[04]THE SOLUTION_
THE SOLUTION
Field-Ready System Design
STRATEGIC DECISIONS
Task-Based Architecture
Redesigned the end-to-end journey around task-based phases instead of fragmented inputs.
Field-Optimized UI
Scaled tap targets and maximized contrast for outdoor glare and one-handed operation.
Cognitive Load Reduction
Created reusable patterns to support consistency and future expansion.
Seamless Safeguards
Integrated complex business validation rules without blocking the primary user journey.
[05]Reflection_
Reflection
01
Flow Dictates Form: Visual polish is irrelevant if the underlying structural workflow is flawed.
02
Constraints Drive Clarity: Navigating strict backend rules forced a leaner, more intentional user experience.
03
Systems Scale: A cohesive, reusable design architecture outlasts isolated screen improvements.
04
What I’d Do Differently: Next time, I’d validate the 4-step model with real operators earlier, not only internal walkthroughs.