loader image

Jody Kahlon Online Store

Web UI

2022

Once Jody’s main website was launched, the next step was to open an online shop. During the COVID-19 pandemic, Jody had already made a number of sales of masks using the earlier version of the site, and this success motivated her to start selling more of her items online.

The online shop has a similar look and feel to the main website, with Jody’s unique and eccentric style reflected in the design of each item page.

A few examples of the Customised product main page and slide out cart.

As per usual, mobile was a priority.

Project Details

I used Woocommerce and Elementor as the main tools to build the online store. Custom Post Types were also utilized to divide the main categories and archive templates, giving me greater flexibility in organizing each individual item that Jody was selling. This also enabled me to create a unique template for each product. To enhance the capabilities of Woocommerce, I used Advanced Custom Fields (ACF) and added extra functionality to the product items using swatches.

Client:

Jody Kahlon (Self-Initiated)

Role:

Ui Design + Web Dev

Skills:

UI/UX, CSS, Wordpress, Elementor, Dynamic Content, Template Build, Sketch Prototyping, Typography

Services Provided:

Strategy, User Interface Design, User Experience Design

Timeframe:

3 weeks

Project Link:

#f7ece3
#eb9a66
#c45d4f
#4f4f4f
The end result..

The online shop was recently launched, and Jody has seen an increase in sales since mid to late 2022. Additional sections will be added to the shop in the near future.

Art, Installation
Motion Graphics