Your Billabong UI Concept

In early 2018 I saw an opportunity for an exploratory project in to an already growing use of online customisation of products to purchase tools, undertaken by the bigger brands such as Nike and Apple and smaller brands starting to follow suit. I chose Billabong as apart from already having an interest in surfing I could see a gap in the market and it provided and could envision a far more creative and environmentally friendly rationale through the lens of the surfing culture.

Delivered

Branding
Graphic Design
Digital Design
UX
UI Design
Animation

Apps

Visual
Icon-Adobe

Adobe CC:
Photoshop
Illustrator
InDesign
Animate
After Effects

Icon-Sketch
Sketch
Icon-Invision
InVision

Completed

Year(s): 2021
Position: N/A

Image

Site UI & Promotion

Despite my design focusing on the UX/UI of the product customisation to order feature I found myself drifting in to thinking about Billabong’s current eCommerce experience and promotion of that tool within the current site and so put together a quick concept.
Image

Brand & Styling

The aim was to keep it simple with the overt message being make it ‘yours’ and underlying tone being related to water (ocean) with the ink signifying the editing and addition of colour to a blank canvas.

Logo

Image

Fonts

Image
Muli - Extra Bold
Image
Omnes - Medium / Regular
Image
Muli - Bold

Colours

Black
#191919
Grey
#EDEDED
Boardshorts Blue
#1C70F8
Boardshorts Light Blue
#C7DDFD
Bikini Pink
#191919
Bikini Light Pink
#191919
Image
Image
A web based customisation concept for Billabong bikini’s that will sit within their site and allow customers to essentially edit the design of a bikini within certain constraints and then buy to be delivered to their door.
Image
ImageImage
Choose style
ImageImage
Create
ImageImage
Buy
Image
Image
A web based customisation concept for Billabong boardshorts that will sit within their site and allow customers to essentially edit a design of a short within certain constraints and then buy to be delivered to their door.
Image
Image