Hanson's Pastry Shop

My client planned to launch his group buy shopping website in Chinese language located in the United States for the Chinese community living there.

Role: Sole UI / UX Designer

Tools: Adobe Illustrator

Timeframe: 2 Jan - 10 Jan 2022

View Shop's Info

Client planned for 2 phases of the launch, thus 2 separate designs were created for landing page.

Initial launch would feature various products available for group buy released as one single batch with the same limited time for placing orders.

Additionally, the client was very particular about the 'add to cart' button design thus he requested to see variations of it. Showcased below on the left is a traditional +/- icon and on the right is with a slider that would be more suitable for users viewing the webpage on their mobile phones.

Web

Web UI Screens

Landing Page Version 1 - traditional 'add to cart' design

Landing Page Version 2- slider 'add to cart' design

Future launch would feature various products with different time limit for open group and close group. Therefore there are countdown timers (in green colour) towards the time of closing an active group and upon hovering the add to cart function (in dark red colour) would appear. There is also another countdown (in orange colour) towards the time that a group buy batch would be open for purchase again.

Additionally with the influx of product variations in future, search bar and sorting filters were integrated into the design.