Project overview
Livera Pottery and Ceramic Company, a newly established family business, caters to online and offshore pottery enthusiasts. To broaden their reach, they are launching an e-commerce website with plans for a future mobile app. The client, passionate about AI and UI/UX, encouraged the integration of advanced AI tools into the project. This initiative goes beyond UI/UX, encompassing branding and the development of a comprehensive design system. A full case study about the project includes research, personas, audience, wireframe, low-fi and high-fi, and prototype.
Target Users
Interior designer, Gift Shoppers, Pottery Enthusiasts and Home Decorators
Personas




Potential problems and pain points
- Limited Product Information: Inadequate product descriptions and images can deter customers from making purchases.
- High Shipping Costs: Shipping fragile ceramic products safely can be expensive.
- Lack of Customization: Customers may want personalized or customized pieces, which the website doesn’t offer.
- Difficulty in Finding Products: An overwhelming product range can make it challenging for customers to find what they want.
- Trust and Credibility:Customers might be concerned about the authenticity of the handmade products and the reliability of the website.
Brainstorm Solutions
Detailed Product Descriptions
Customization Options
Effective Search and Navigation
Responsive Customer Support
Payment Options
Regular Updates
I followed the design thinking process for this project, including defining, ideating, prototyping, and testing.
Design Phase
The design phase involves creating wireframes, low-fidelity and high-fidelity, and interactive prototypes for mobile devices.
Wireframe and Low- Fidelity
High- Fidelity
Design System


Typography : Roboto
Feel free to visit Figma Interactive prototype in here
Future of Project
A dedicated mobile app mockup designed using Uizard AI, created as a preview to explore how AI can enhance the design process.
Feel free to visit Iizard Interactive prototype in here
What this project taught me
This e-commerce project provided a full-cycle experience, honing my UI/UX design skills for web and mobile. I utilized a range of advanced tools and technologies, including ChatGPT for user research, Figma for website UI design, Uizard AI for mobile app interfaces, and Webflow for development. The project offered hands-on experience in branding, UX strategies, and executing a digital product from concept to completion.