top of page
Background & Goal
NOVIBOX is an Lifestyle E-commerce shopping platform designed for North American users who have a passion for arts, crafts, home decor, and shopping for unique, high-quality products sourced globally. We offer a diverse selection of new and intriguing items and brands that cater to the discerning tastes of our customers.
Company
BonCamel Inc
My role
Product Designer
Branding
Timeline
June - August 2023
Tools
Collaborate
Team Member
· Product Team
· Development Team
· Marketing Team
Manman Li
Siming Zhao
Figma, Illustrator, Photoshop, Shopify
Project Overview
Workflow
01
Discovery
Refine an idea
Explore the problem
Customer goal
Business goal
Customer painpoints
Comparative research
Current state journey
Ideate potential solution
Create potential solution
02
Concept
Refine an idea
Define a solution
UX strategy
Define design KPI
Low fidelity design
Future state journey
Prototype
Concept Testing
Usability Testing
03
Detail Design
Hand off
Make it real
Visual design
Design specs
Design system review
Transitions/Animation
04
Design QA
In development
Visual Design QA
Experience Design QA
Design system QA
Audible UX QA
Discovery
Problem Statement
"How might we create a compelling and user-centric shopping website that aligns seamlessly with the brand identity and effectively communicates the range of services offered?"
Goal
Design a captivating and user-centric shopping website that aligns with the brand identity, effectively communicates the range of services, and enhances user satisfaction and conversion rates.
Research
Competitive Analysis
I researched three influential retail platforms: MoMA Design Store, Etsy, and Urban Outfitters, all of which directly and indirectly sell products similar to those offered by the Novi box. Through this process, I Identify the advantages and disadvantages of these products and assess where NOVI Box stands in the market.
Opportunities
1. Focus on a specific product category.
2. Create a unique brand identity.
3. Provide a more personalized and curated shopping experience.
4. Increase user interaction rate and build a thriving community.
User Journey Map
Creating this user journey map helps us understand how first-time users like Mark interact with our e-commerce website. It allows us to identify pain points and improve the user experience by going through our whole website flow, leading to greater satisfaction and higher conversions.
Opportunities
-
Captivating social media content and seamless website integration for effortless exploration
-
Simplified navigation and improved search on the homepage for enhanced efficiency
-
Detailed product pages with filters, information, and brand narratives for informed decisions
-
Customer reviews to bolster confidence in purchasing decisions
-
Clear pricing information and tailored checkout options for confident purchasing
-
Display of savings during checkout to acknowledge prudent choices
-
Cultivation of a review community post-purchase for increased engagement
-
Comprehensive approach delivering value at every step, resonating with users
Concept
Low fidelity design*
Home
Product detail page
Designed low-fidelity web and mobile pages, strategically reorganized content and functionalities to enhance information categorization, streamline navigation, and optimize the shopping flow for a seamless user experience.
Specific category pages
Brand pages
All category pages
Specific brand page
*Part of the whole design
Branding
Novibox needed a new branding to communicate to our customers the idea of "Novi Box - Curating the World's Treasures for Your Discovery Journey". Through user research we voted on the favorite color plattes of our target audience. We chose Futura, a font that is both modern and easy to read.
Illustration
In alignment with the specified design criteria, we crafted a collection of illustrations and icons tailored to diverse categories and banners. These elements serve to enhance brand recognition, infuse vitality, and ultimately boost the click-through rate.
Home Decors
Gadget Electronic
Outdoor
Game + Toy
Surprise Me
Home Essentials
Final Design - Home page
Prior to the redesign, the overall shopping process was marked by a lack of smoothness, cluttered and inconsistent visual design, and a lack of memorable elements, all of which contributed to a subpar shopping experience for users.
Before
The homepage now boasts a more cohesive brand identity, well-defined sections, expanded categories, and an array of comprehensive features.
These enhancements collectively work to create a more favorable initial impression for users visiting our site.
After
Menu Bar
Categories
Highlighted
Products
Brands collection
Our Story
Social Media
Footer
Final Design
Based on the problem statement and the problem we are trying to solve:
"How might we create a compelling and user-centric shopping website that aligns seamlessly with the brand identity and effectively communicates the range of services offered?"
Here is our final solution.
Home Page
Sale Page
Product Detail Page
All Categories Page
Product Category Page
About Us Page
Special Category Page
bottom of page