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