Liquid WRLD

Live At https://www.liquidwrld.com/


Published Jan 13, 2022

Decorative project banner

Many small apparel and accessory brands today operate the majority of their businesses online, and for good reason - platforms such as Instagram offer myriad features for marketing and communication. According to A Hootsuite statistic, 50% of instagram users have visited a website to make a purchase - after seeing a photo and/or video of a product or service on Instagram. LiquidWRLD is an accessory brand that specializes in working with heat-reactive materials, generating unique products that are sure to catch the eye of any followers of the designer streetwear theme. Indeed. We believe LiquidWRLD to be a prime example of the well-adjusted small business that knows exactly who its customers are and how best to capture their attention.

site hero, showing logo and animation
Video background with logo overlay

Features

Culturally, LiquidWRLD is an alternative streetwear brand, so the layout of their site relies heavily on an artistic simplicity, putting the products in full view, and letting them speak for themselves. Our goals here were as follows:

Luckily, the Wix e-commerce feature handles the entire buyers' journey for us. The longer, arguably more tedious practice of coding up a products backend, a payment processor, shopping cart has already been done... But that is not to say that there is no place for custom e-commerce logic, nor that site builder is always better. It is simply a matter of being able to understand our options while working within our customers' requirements, to pick a correct tool for the job, and to use it effectively. Here, we have chosen a simple gallery layout; clicking on any product will open an individual page with more details and images available. Users can add items they're interested in to their cart, then checkout once they're ready

three products in a row
Products displayed underneath logo
a product is displayed on its own page
Individual product
shopping cart
View shopping cart and checkout

Most streetwear websites lean towards minimalism or abstract designs, so we stuck to a clean black background with red accents. A collage of photos taken for the brand and its products appears underneath the gallery to further express the company's personality.

collage of many product pictures
Home page collage

A raffle page has also been created; this is a special item where shoppers can enter in a draw to win prototype merchandise.

raffle page
Raffle page (mobile)

Development

Although Wix isn't usually our first choice in platforms, building this site was a lot of fun. Wix allows us to drag-and-drop front-end elements and media anywhere on the page, so there was a considerable amount of freedom to design the way we wanted. The flowing liquid background in the hero was created using stock footage from pexels.com, as well as some creative video editing in Hitfilm Express to adjust the colours and fade into the site's black background.

video editing
Editing in Hitfilm

The collage underneath the store was puzzle-pieced together in Figma - nothing much really in terms of technique; all the credit goes to the photographer for taking such excellent shots that fit the site's and the brand's aesthetic.

designing a collage of product pictures
Editing in Figma

Wix also separates mobile and desktop views so that creating a responsive site isn't a balancing act

navigation on mobile
Mobile navigation menu
homepage on mobile
Mobile home page

Overall, we are very proud of what we have been able to accomplish for LiquidWRLD, and believe that the site showcases their incredible products in a unique and eye-catching way.

Tech We Used

Figma

Figma

Wix

Wix

Project Collaborators

Profile Picture

Joshua Rose


  • President
  • Graphic Designer
  • Front-End Developer