top of page
portfolio logo.png
Untitled design (10).gif

Revive

I created a modern, vibrant fruit juice company website to enhance my design skills and boost my creativity.

TOOLS

Figma

FIGMA LINK

SCENARIO

A modern, fun, fruit juice company would like a new website to showcase and sell their product range.

THE ASK

Create a website that is fun and engaging, as well as clear and easy to navigate and purchase the products.

AUDIENCE

15 - 45 year olds, who enjoy trying new products, and are happy to spend a little more for a quality product with a cool brand presence and web experience.

Untitled design (1).gif

Final Design

The design of Revive draws inspiration from neubrutalism, blending bold, playful elements with vibrant colours to create a website that stands out and leaves a lasting impression. Unlike the typical natural and organic aesthetic of most juice websites, I aimed to break away from convention and deliver something fresh, unique, and impactful for users.

Home

Group 36.png
Untitled design (4).gif

Items

Untitled design (5).gif

Products

Design System

Revive's design system is crafted to showcase a playful yet distinctive clean aesthetic, setting it apart from other juice brands. It achieves this through bold, vibrant colours and a sleek, modern typeface, all rooted in the neubrutalism design style.

Logo

Frame 15 (1).png

Typograhy

AaBbCcDdEeFf

H1 Poppins - Semi Bold 130px

H2 Poppins - Semi Bold 65px

AaBbCcDdEeFfGgHhIiLlJj

Body Sora - Regular 13px

AaBbCcDdEeFfGgHhIiLlJj

Subtext Sora - Light 10px

AaBbCcDdEeFfGgHhIiLlJj

Colour Palette

BLACK

RGB 0 / 0 / 0

HEX #000000

PINK

RGB 241 / 97 / 156

HEX #F1619C

ORANGE

RGB 245 / 142 / 3

HEX #F58E03

LIME GREEN

RGB 221 / 227 / 95

HEX #DDE35F

Icon Design

freepik--Bottle--inject-64.png
Marketing (8).png

Iterations

The design evolved through three stages before leading to the final result, with continuous refinements to align perfectly with the neubrutalism style.

  • STAGE 1: Wireframe​

  • STAGE 2 & 3: High Fidelity Iterations

  • FINAL DESIGN

Digital Ads.gif

Walk Through

Mindset Walk Through.gif

More Case Studies

Untitled design (7).gif
Untitled design (12).gif

Dynamic Final Design

bottom of page