Available for inquiry

( Case Study )

Livingoods

A full UX/UI redesign of Livingoods’ online grocery and food store, covering 13 pages from homepage to checkout, delivered as Figma source files ready for development.

Platform
Figma
Role
UX/UI Designer
Industry
Online Grocery & Food
Services
UX/UI Design, E-commerce Redesign, Color Scheme, Branding
Livingoods Figma project designed and built by Crystal HON

The brief

Livingoods runs an online grocery and food e-commerce store, including group buy deals. The business wanted a complete redesign of the desktop shopping experience, with a consistent look across every page.

Grocery shopping means many products, frequent repeat orders and a quick checkout, so the design had to make browsing, searching and buying feel effortless.

What I did

  • Defined the colour scheme and visual direction so the brand reads consistently across the store.
  • Designed the full shopping journey: homepage, category, search results, product detail, shopping cart, checkout and order confirmation.
  • Designed a dedicated Group Buy page so shoppers can understand and join group deals easily.
  • Covered the account side too, with login and register, user profile and account pages.
  • Completed the supporting pages: support and contact, about us, and legal and policy pages.
  • Delivered organised Figma source files with reusable components, so developers can build the design consistently.

The result

  • A complete desktop design for all 13 pages of the store, ready to hand over to development.
  • One consistent design system across shopping, account and support pages, so new pages can be added in the same style.

Tools & stack

  • Figma
  • Design System
  • User Flows
Next projectHA Go
Get in Touch
Loading form...