A Daily Diva
Introduction
Monique's budding e-commerce business resells luxury high-end fashions at discount prices. She uses Instagram images, comments and Direct Messaging to communicate and conduct business with customers.
Problem
Expanding Inventor and outgrow selling on the Instagram platform.
Solution
Create a site where loyal Instagram followers can connect with Monique and buy their favorite brands.
.jpg)
Initial Meetings
Establish Time Frame
Start research
Discuss findings and next steps
Provide Sketches
Introduce Figma
Lo- Fidelity Designs
Mid- Fidelity Designs
Hi- Fidelity Designs
Established Time Frame
Dec 2-6
Research
Comparative & Competitive Analysis
Site Map
Initial Sketches
Dec 9-13
Jan 6-10
User Testing
Design Iterations
Jan 13-17
Hi-Fidelity Clickable Prototype
Release-Fidelity Clickable Prototype
User Flow
Lo-Fidelity Clickable Prototype
Dec 17-23
User Testing
Design Iterations
Dec 26-29
Mid-Fidelity Clickable Prototype
Typography
Arapey
Logo -40Â pt
Roboto
Paragraph - 21pt
Label - 35pt
Color Palette
Headers
Text
Information
Accent Color
#BD1533
#222323
#F6F6F6
#E9D576
Comparative & Competitive Analysis
Poshmark
Tradesy
TheRealReal
StockX
Categories
4
9
9
5
Sellers
Yes
Yes
Yes
Yes
Social Community
Facebook, Instagram, Twitter, Pinterest
Facebook, Instagram, Twitter, Pinterest
Facebook, Instagram, Twitter, Pinterest, Text
Facebook, Email, Twitter
Sign Up/In
Email, Facebook, Google
Email, Facebook
Email, Facebook
Email, Facebook, Twitter
Brands
24
25+
10
25+
Trends
25
None
None
Yes
Popular
25
None
None
Yes
App
Apple/Android
Apple/Android
None
Apple/Android
Takeaways:
Having sellers outside of the business owner is a must
Multiple ways of Sign Up/In
Brand recognition and sorting
Initial Sketches
Home Page.1
Interactive Stylist Page.1
Home Page.2
Home Page.3
Interactive Stylist Page.2
Product Browsing
Lo-Fidelity Design
Sign Up is easily connected and found with Login
A continuous feed of products of ever-increasing merchandise. Discover new styles, view new inventory and view past likes.
Interactive Stylist Page.2
Home Page
Checkout Process
Login/Signup
Discover
Testings Feedback:
Increase interactive stylist circles
Fix Scroll animations from blocking product views
Mid-Fidelity Design
Cleaner Log In/ Sign Up to match the flow of the site.
Interactive Stylist Page.2
Home Page
Checkout Process
Login/Signup
Shop
Formally known as Discover.
v Also in Tablet layout
I decided to create a tablet responsive site as well in order to cater to the owners process of running her business from a Apple iPad
Testing Feedback:
Darken Red color, views pinkish
Changing Discover to Shop
Add Payment Plan Information
Login did not match the rest of the site