View PDF
Case Study Banner

Project Summary

As part of freelance work for a local ice cream company, I created a homepage layout which is easily updated via Wordpress. Included is an initial concept, which was modified to better suit the company's need for updating with Instagram images.

Designer
Content Strategy
Creative Management
Branding
Ecommerce

Project Details

Role :

UI Designer

Duration :

August 2023 - March 2024 (7 months)

Tools :

Figma, Adobe Suite, Wordpress

Problem Icon

Problem:

Current Site Analytics Show Customers Stall on Checkout

The branding approach to have a grunge aesthetic makes the site navigation confusing and cumbersome.

Solution Image
Problem Icon

Solution:

Revamped Design System and Checkout Process

In order to convert more sales, we created a new checkout process. Customers are now able to complete their purchases in fewer steps, with more confidence in their order's accuracy.

Solution Image

New Design Approach

Focusing on accessibility, I created a new screen with clearer navigation, more breathing room, and an overall lessened cognitive load.

Goal:

  • Make product links obvious
  • Remove awkward background elements so content stands out
  • Simplify design for more ideal layout across screen sizes
  • Keep overall brand aesthetic with a balance of dark and vibrant colors

Original

Original Landing Page

Updated

Updated Landing Page

Design System and Style Guide

Creating a detailed style guide allowed me to pass my designs to the customer, meeting their needs of being able to build, and update their website themselves.

Style Image
Style Image
Style Image
Style Image
Style Image
Style Image
Style Image
Style Image
Style Image

Demo

To convert traffic into sales more effectively, I created this checkout process for customers to confidently purchase ice cream on the site.

Cart
Checkout

Checkout Flow

View Demo

Shopping Cart Mockup

Thanks for looking

Continue viewing below

My Portfolio