top of page

Penny juice | Case Study

Date: 2022

Choosing from five websites to do a case study on and create a new interface design for the chosen website. The final desktop and mobile interface designs are to be in low-if wireframes and high-if wireframes. Other activities as such, as flowcharts, and user journey helped with the process.

Background

Pennyjuice is an American based company selling blended fruit juice concentrate for children, care centres and daycares.

Goal

The aim of the rebrand is to provide easy-to-use and simple ordering services for their fruit juice concentrates, clients would love their rewards, service, and high value. Children like their fruit juice concentrates, which come in a variety of attractive tastes and hues, which helps to foster this.

Overall Key Issues

Issue 1: OUTDATED VISUAL DESIGN STYLE

The heading here looks like they just copied and pasted an image from Google and just added it to their website. Without removing the white background from the text, it looked distasteful.

The visual design style of this website looks outdated, and it lacks the engaging style to attract the attention and impressions of the users.

​

The general design looked like default advertisement images placed randomly on the website, without any form of contrast or balance between the text, background, and footer.

Issue 2: THE HEADER BLOCKS INFORMATION WHEN SCROLLING

The header of the site follows when scrolling. This function is commonly used in many website designs at this current time to have easy access to the categorised tabs when browsing.


However, when scrolling, it does not follow the rest of the site, parts of the information are blocked, and it's harder to compare the information stated on the site. It would be infuriating to have the user scrolling up and down to read the text constantly.

Issue 3: POOR COLOUR CHOICE

The website’s target audience is children in daycares or kindergarten. These colors might be kid-friendly and appealing to children with a striking colour palette. However, adult users are purchasing the products for children.


The colours do not look inviting for adult users. As the colour scheme is too bright and would be an eyesore to be staring at for a long time, it is also quite grueling to read the information with such 

Issue 4: TOO MANY STEPS IN THE CHECKOUT PROCESS

This order process is too lengthy and overwhelming to comprehend. The users are simply not going to deal with never-ending questionnaires. The multiple steps cancel out spontaneity, which may cause users to cancel their purchase. A shorter and more straightforward ordering process would optimize the user experience.


For example, the quantity selection does not have any units or pricing of the products. As a result the users would be confused on what to include.

Problems Caused

  • Drawing away customers

  • Customers may grow frustrated when using the checkout chart.

What problem it solves?

  • The website will attract more consumers to the business.

  • The consumers will have a better user experience and will feel satisfied after using the services the business has to offer.

User Journery

Sketches

Home page

Product Details page

About Us page

Our Product page

Contact Us page

Login In page

Checkout page

Desktop Wireframes (Low-fidelity)

Home page

About Us page

Product Details page

Login In page

Our Product page

Checkout page

Desktop Wireframes (High-fidelity)

Our Product page

Home page

Product Details page

About Us page

Login In page

Checkout page

MobileWireframes (Low-fidelity)

Home page

Our Product page

Contact Us page

Home page

About Us page

Checkout page

MobileWireframes (High-fidelity)

Home page

Contact Us page

About Us page

Our Product page

Home page

Checkout page

Fonts & Colour Pallette

Some of the illustrations made

bottom of page