x+o is a bold fashion brand targeting creative millennials and Gen Z consumers who crave self-expression through vibrant, Memphis design-inspired clothing. Before development, we identified a gap in the market for affordable, statement-making apparel that combines 80s nostalgia with modern wearability.
Discovery
Our discovery phase revealed that existing fashion retailers either offered bland, mass-market designs or high-end pieces inaccessible to younger consumers. The target demographic—artists, designers, musicians, and creative professionals—wanted clothing that reflected their personality and stood out in both professional and social settings.
Initial user research showed strong demand for:
🔻Bold patterns and bright color palettes
🔸Affordable pricing ($25-$100 range)
🔹Unique pieces that spark conversation
◾️Seamless mobile shopping experience
◽️Visual storytelling that connects with creative communities
🔻Bold patterns and bright color palettes
🔸Affordable pricing ($25-$100 range)
🔹Unique pieces that spark conversation
◾️Seamless mobile shopping experience
◽️Visual storytelling that connects with creative communities
Goal
Create an e-commerce experience that feels more like browsing an art gallery than shopping for clothes.
We aimed to build a platform where:
🔸Products are presented as wearable art pieces
🔸The shopping experience itself embodies the brand's bold aesthetic
🔸Users feel inspired and confident in their style choices
🔸Interactive elements reinforce the playful, creative brand personality
🔸Products are presented as wearable art pieces
🔸The shopping experience itself embodies the brand's bold aesthetic
🔸Users feel inspired and confident in their style choices
🔸Interactive elements reinforce the playful, creative brand personality
Success metrics focused on engagement over traditional conversion rates—we wanted users to spend time exploring, sharing products socially, and returning for the experience itself. They should feel like they've discovered a creative playground, not just another clothing store
Risks and Technical Limitations
Visual Overwhelm: Bold patterns and bright colors could fatigue users or hurt accessibility
Performance Impact: 3D animations and heavy visuals might slow load times on mobile
Niche Appeal: Strong design aesthetic could alienate mainstream shoppers
Browser Compatibility: Advanced CSS animations may not work consistently across devices
Performance Impact: 3D animations and heavy visuals might slow load times on mobile
Niche Appeal: Strong design aesthetic could alienate mainstream shoppers
Browser Compatibility: Advanced CSS animations may not work consistently across devices
Proto-persona
Hypothesis
Younger consumers willing to pay more for unique designs vs. fast fashion
Creative professionals actually want their clothing to reflect their work personality
Research - Visual Engagement vs. Shopping Friction
Overall Objective: Validate whether immersive visual experiences enhance or hinder the online shopping process for creative consumers seeking expressive fashion.
Key Metrics:
🔸Task completion rates for product discovery and purchase flows
🔸Time spent browsing vs. bounce rates
🔸User sentiment toward bold visual elements
🔸Mobile vs. desktop engagement patterns
🔸Time spent browsing vs. bounce rates
🔸User sentiment toward bold visual elements
🔸Mobile vs. desktop engagement patterns
Outcomes: Clear recommendations for visual hierarchy, interaction design, and performance optimization that increase engagement without sacrificing usability.
Competitor Analysis
Lazy Oaf:
1. Creative product photography with styled environments
2. Effective use of hover effects on product cards
3. Weakness: Checkout process feels disconnected from brand experience
4. Weakness: Mobile experience lacks the desktop visual impact
2. Effective use of hover effects on product cards
3. Weakness: Checkout process feels disconnected from brand experience
4. Weakness: Mobile experience lacks the desktop visual impact
Stories:
1. Clean, magazine-style product presentation
2. Smooth quick-add functionality
3. Excellent mobile optimization
4. Weakness: Overly minimal aesthetic doesn't support bold fashion
5. Weakness: Generic e-commerce
patterns don't build brand
2. Smooth quick-add functionality
3. Excellent mobile optimization
4. Weakness: Overly minimal aesthetic doesn't support bold fashion
5. Weakness: Generic e-commerce
patterns don't build brand
Lucy & Yak:
1. Bright, playful color palettes and bold patterns
Strong brand personality through quirky product descriptions
2. Community-focused social media presence
3. Weakness: Traditional grid layout doesn't showcase pattern details
4. Weakness: Limited interactive elements despite bold brand identity
Strong brand personality through quirky product descriptions
2. Community-focused social media presence
3. Weakness: Traditional grid layout doesn't showcase pattern details
4. Weakness: Limited interactive elements despite bold brand identity
5 Customer Interviews
Business Question Examples
Will bold visual design increase engagement without hurting conversions?
Do creative professionals want their clothing to reflect their work identity?
How much can we prioritize brand experience over e-commerce conventions?
Do creative professionals want their clothing to reflect their work identity?
How much can we prioritize brand experience over e-commerce conventions?
Interview Questions Examples
"Walk me through how you typically browse for clothes online."
"What catches your eye first when you land on a shopping site?"
"Tell me about a time you abandoned a purchase. What happened?"
"Show me your favorite online shopping experience. What made it memorable?"
"What catches your eye first when you land on a shopping site?"
"Tell me about a time you abandoned a purchase. What happened?"
"Show me your favorite online shopping experience. What made it memorable?"
Insights
Customers need pieces that signal creativity while maintaining workplace appropriateness - a specific styling challenge.
Instagram drives initial discovery, suggesting our visual strategy should be optimized for social sharing and screenshot-ability.
Users give bold sites about 30 seconds to prove value - initial visual impact must immediately lead to clear product discovery.
Users want to be surprised and inspired, but only if they can quickly pivot to focused shopping when ready to purchase.
Empathy Map
Thinks
"This outfit needs to work for both my client meeting and dinner with friends"
"I want people to notice my style but not think I'm trying too hard"
"Why do all shopping sites look exactly the same?"
"I hope this site actually works on my phone"
"I want people to notice my style but not think I'm trying too hard"
"Why do all shopping sites look exactly the same?"
"I hope this site actually works on my phone"
Says
"I found this amazing brand that actually has personality"
"This site is so slow, forget it"
"I need something that screams 'creative' but whispers 'professional'"
"Where did you get that? It's so you!"
"This site is so slow, forget it"
"I need something that screams 'creative' but whispers 'professional'"
"Where did you get that? It's so you!"
Does
Screenshot outfits from Instagram for inspiration
Browse during work breaks on mobile
Share interesting finds with friends via DM
Abandon carts when checkout feels too complicated
Research brands on social before purchasing
Browse during work breaks on mobile
Share interesting finds with friends via DM
Abandon carts when checkout feels too complicated
Research brands on social before purchasing
Feels
Frustrated by generic, boring shopping experiences
Anxious about whether bold pieces will work in professional settings
Impatient with sites that prioritize aesthetics over functionality
Confident when wearing pieces that reflect their creative identity
Anxious about whether bold pieces will work in professional settings
Impatient with sites that prioritize aesthetics over functionality
Confident when wearing pieces that reflect their creative identity
Persona
Journey Map
Screens and Interaction
Final Thoughts
Creative professionals are hungry for shopping experiences that match their aesthetic sensibilities, but only if those experiences deliver flawless functionality.
The key insight is that bold visual design isn't just decoration for this audience—it's a fundamental product requirement. However, our users are sophisticated enough to abandon beautiful sites that don't perform seamlessly on mobile.
This creates a unique design challenge: we must innovate boldly while maintaining conventional e-commerce reliability. The solution lies in strategic restraint, using Memphis principles to enhance rather than replace proven interaction patterns.
Success for x+o won't just be measured in conversion rates, but in our ability to make fashion shopping feel like creative discovery. When users screenshot our products for inspiration, share our site with friends, and return just to browse, we'll know we've created something that serves both business goals and authentic user needs.
Live demo-site @ https://gavinrf.github.io/x-plus-o/