Rio Beverages

As a leader in the industry since 2009, Team RIO has a wealth of knowledge and experience in everything related to the manufacturing of fantastic Fusion Drinks. The beverage industry is constantly changing, so it’s important to keep up with the latest advancements.

RIO is a live example.

UI Design | Social Media Creatives

Rio ll_edited.jpg

Project Goals

With the launch of their new products,

Rio Chunkies & Boom, the Co-founders wanted to revamp the website. Based on the TG of the product (13-21-year-olds), the design system was created.
Our deliverables also included social media creatives in order to increase the traffic to their website.

team

Team

Digital Designer (Me), Design Director, Customer Account Manager, Social Media Specialist, Copy Writer

responsibilities

My Responsibilities

UI Design of Fusion Page, Contact Page and Social Media Creatives

tools.png

Tools used

Pen-paper, Adobe Photoshop; Illustrator; After Effects

Site Map

Landing page

Navigation

Product summary

Explore flavours

Fusion

Boom

Product brief
+ Add to cart

Product details
+ Qty to add to cart

The Rio Story

Contact

Cart

Order now

Fusion

Boom

Typography

Aa

Blogger
Medium

Aa

Blogger
Medium

Aa

Malove
Regular

Color Palette

#28cc97

#9c6bad

#f06392

#ff9966

#ffc669

#a6e33d

#c0f060

#8cde52

#ffff00

#6699ff

#3d7e3

#6666fc

Lo-fi wireframes 

Before starting the designs of the web pages, I made hand sketches. These gave me a basic layout of the designs. 

Fusion page sketch
press to zoom
Contact page sketch
press to zoom
1/1

Final designs

The final outcomes were quirky and colorful web pages. Perfect to attract a young and vibrant crowd. Based on the color scheme, I created social media posts and videos as well for the promotion of the new products.

Fusion page

screenshot-enjoyrio.in-2022.03.02-21_39_38-min.png

Contact page

1/1

Some more work

Asset 9
Asset 8
Asset 7
1/1

Embarq
UI design | Web banners | Social media creatives

Page Turners
Side project | UX UI App Design

Limestone Diner
Side project |  Design