Role
Web and UX/UI Designer
Timeline
2 months, November 2024 - January 2025
Team
Andrew Baek - Designer
Hemel Parmar - Creative Director
Nick Xu - Sales Director
Tool
Figma, Shopify, Adobe CC
Project Overview
The O3 Drinkware website is a sleek, user-focused e-commerce platform that showcases premium glass drinkware combining innovative technology with artistic design.
I focused on creating a clean and modern layout highlighting the brand's identity while ensuring easy navigation for users.
High-quality imagery, detailed product descriptions, and a responsive design across devices provide a seamless shopping experience.
Problem statement
O3 Drinkware needs a visually compelling and user-friendly e-commerce platform that reflects its innovative design values while ensuring a seamless shopping experience.
How might we create an intuitive and engaging website that showcases O3 Drinkware’s artistry and enhances the user experience?
-
Highlights
-
Process
From concept to reality
4D Approach
I approached this website design project through the 4D process: discover, define, develop, and deliver.
-
Discover
The starting point
Leaning about the brand
O3 Drinkware sought to establish a strong online presence that reflected its brand values of innovation and artistry while providing a seamless shopping experience for unique glass tumblers.
-
Define
Into the depths
Who are our users?
I focused to design the website to meet the needs of diverse users, from style-conscious shoppers to eco-minded professionals, with an easy-to-navigate experience.
Emily Chen
Graphic Designer
"I wish to see visually stunning products with easy navigate."
Wants & Needs
-
Drinkware that aligns with her aesthetic taste.
-
Durable, functional products for daily routine.
-
An effortlessly navigable website that captivates with its visual appeal.
Frustration
-
Difficulty finding high-quality drinkware that feels unique and special.
-
Frustration with websites that have cluttered layouts or are not mobile-friendly.
Sophia Martinez
Interior Designer
"I need a website that lets me quickly browse and find a perfect gift."
Wants & Needs
-
Memorable gifts with a premium feel.
-
A smooth and intuitive shopping process.
-
Reusable, eco-friendly drinkware.
Frustration
-
Limited time to browse and research gifts due to a busy schedule.
-
Frustration with websites that don’t offer clear product details .
Define the journey
By mapping user journey, I identified pain points and opportunities, ensuring every step— from discovery to purchase— feels effortless and engaging.
Key directions
We identified the key directions to focus on blending modern aesthetics with intuitive functionality, creating a website that reflects O3’s brand values while delivering a seamless user experience.
Modern aesthetics
A sleek, visually appealing design that embodies O3’s brand identity.
Brand storytelling
Design content to convey O3’s unique story and values, connecting with users on a deeper level.
Intuitive navigation
Ensure a user-friendly layout that allows visitors to browse and find products with ease.
Seamless shopping experience
Streamline the e-commerce flow with mobile optimization.
-
Develop
Building the vision
Site mapping
In this phase, I structured O3’s website to ensure clear navigation and a logical flow.
Wireframing
Wireframing helped visualize O3’s website layout, ensuring a user-friendly design with intuitive navigation and clear product presentation.
-
Deliver
Bringing it all together
Final design
The delivery phase ensured the final website met all design goals, offering a polished, fully functional, and user-friendly experience that aligns with O3’s vision.
A modern reflection of O3
Crafted a clean, contemporary design that perfectly embodies O3’s sleek and modern brand identity.
Bringing O3’s Values to Life
Through thoughtful design and content, highlighting O3’s values to connect meaningfully with users.
Showcasing With and Without Liquid
Aqueduct (Water-way) Technology
Navigation that flows
Intuitive navigation ensuring users easily explore and find the products they need in just a few clicks.
Simplified for Every Click
Streamlined the shopping experience with clear product pages and mobile-friendly environment.
-
Takeaways
Final thoughts
-
User-Centered Approach: I learned how crucial it is to prioritize user experience, ensuring seamless navigation and easy product discovery.
-
Brand Alignment: I realized the importance of aligning design with brand identity, making sure the website reflects the company’s values and aesthetics.
-
Mobile-First Design: I discovered how essential mobile optimization is in today’s market, ensuring the site performs flawlessly on all devices.
-
Effective Storytelling: I understood how design and content work together to create a stronger emotional connection with the audience, beyond just the products.
Next Project
