E-commerce website and mobile app

Client

Personal contact

Category

UIUX

Date

October 2023

Livera Pottery and Ceramic

This client is a personal contact and a software engineer by profession. The Livera Pottery and Ceramic Company, a recently established family business, primarily caters to online and offshore customers with a penchant for pottery and ceramic products. In a bid to expand their reach, they have decided to launch an e-commerce website, with plans to unveil a mobile app in the future. The client, being enthusiastic about AI and UI/UX, has granted her the freedom to leverage cutting-edge AI tools in the development of this project.

Project Overview

About Project

The Livera Pottery and Ceramic e-commerce website serves as a captivating platform, exhibiting and retailing an extensive array of meticulously crafted pottery and ceramic products. Engineered to deliver an appealing and user-friendly online shopping experience, the site caters to customers seeking distinctive artisanal ceramic items. From elegant vases and exquisite dinnerware to decorative pieces, the website boasts a diverse selection of high-quality pottery. Its design is meticulously curated to mirror the artistry and craftsmanship intrinsic to the products it showcases.

Target Audience

  • Interior designer
  • Gift Shoppers
  • Pottery Enthusiasts
  • 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 Customisation: Customers may want personalised or customised 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.

Solutions

  • Detailed Product Descriptions
  • Customisation Options
  • Effective Search and Navigation
  • Responsive Customer Support
  • Payment Options
  • Regular Updates

Design Phase

The design phase of the user experience (UX) refers to the visual representations and interactive prototypes of the user interface. ​​​​​​​

Wireframe

Low Fidelity Prototype

High Fidelity Prototype ( Go to the Figma File)

Home Page

Shop Page

Products Pages

Interactive Prototyping ( Watch Interactive prototype)

Design System

I created a logo based on the client requirements in “Canva” and all wireframes and prototypes in “Figma”. 

Future of Project

Mobile App ( Go to the design file)

A dedicated mobile app designed using the Uizard AI tool

What I got from this Project

This e-commerce website design project has been an invaluable learning journey, where I honed my skills in crafting user interfaces for both websites and mobile apps, with a strong emphasis on enhancing user experiences. Through this project, I utilized a range of advanced tools and technologies: ChatGPT for in-depth user research, Figma for precise website UI designs, and Uizard AI for creating intuitive mobile app interfaces, Webflow for the website construction and development phase.

This comprehensive project has allowed me to gain hands-on experience in every aspect of the design process, from branding and UI design to UX strategies and development execution. It represents a full-cycle experience in bringing a digital product from concept to completion.