![[FINAL]namecard DP black background cropped square agar.png](https://static.wixstatic.com/media/697031_45dd49cddce2429d864b7b3970df27e5~mv2.png/v1/crop/x_0,y_9,w_601,h_750/fill/w_111,h_134,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5BFINAL%5Dnamecard%20DP%20black%20background%20cropped%20square%20agar.png)
![[FINAL]namecard DP.png](https://static.wixstatic.com/media/697031_66ae32c3089a4b3ba21b62015a1bdc87~mv2.png/v1/fill/w_111,h_141,al_c,q_85,usm_0.66_1.00_0.01,enc_avif,quality_auto/%5BFINAL%5Dnamecard%20DP.png)
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 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.
Login Page (left) & Registration Page (right)
Product Details Page
Shopping Cart Page
Check Out Page
Mobile UI Screens
Landing page
Product Details Page
Login Page
Shopping Cart Page
Registration Page
Check Out Page
