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 ongoing project has been a learning journey where I’ve acquired the skills to craft user interfaces for both e-commerce websites and mobile apps, with a focus on enhancing user experiences. Leveraging Chat GPT for user research, Figma for website UI designs, and the Uizard AI tool for mobile app UIs, I am poised to employ “Webflow” for website construction and development. This comprehensive project encompasses all aspects of branding, UI design, and UX processes, including the development phase.