GATORADE is an energy drink for athletes. It’s a consumer product of Pepsico.
Client Briefing: GATORADE wants to revamp their existing website and the brand presence in India. They need to showcasing the entire range of product along with the benefits. They also want 360 degree digital brand campaign for retail participation and the dealers. The target audience mostly are athletes in the age group of 16 to 28. The design personality should be energetic, sporty, young and fresh.
Client Briefing: GATORADE wants to revamp their existing website and the brand presence in India. They need to showcasing the entire range of product along with the benefits. They also want 360 degree digital brand campaign for retail participation and the dealers. The target audience mostly are athletes in the age group of 16 to 28. The design personality should be energetic, sporty, young and fresh.
Idea & Concept: The idea is to create an international brand personality in the design itself. In the masthead, there are designing international athletes with their slogans as a carousel banner. The graphics are little grunge and noisy, which communicate the character of athletes which is always hard, rough and tough. The using of orange and white color palette are stand for YOUNG and FRESH. GATORADE has their own font which using as a typography.
UI based on 12 columns grid design. Which makes quick, easy and flexible way to create the responsive design and that fit in any device and shape. This is more user-friendly interface experience design which is easy to navigate. Showcasing the product and their benefits in the home page. Overall the design personality has a brand experience to the end customers.
Type of Work: Prototype Design not for commercial use
Period: 2019
— Responsive Web Design
This is a Responsive Web design. Which is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform, and the orientation.
This is a Responsive Web design. Which is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform, and the orientation.
— Desktop View
— Mobile View
When a website is responsive, the layout and content responds based on the size of screen they are presented on. A responsive website automatically changes to fit the device you’re reading it on. Typically there have been four general screen sizes that responsive design has been aimed at:
– The widescreen desktop monitor,
– The smaller desktop (or laptop)
– The tablet and the mobile phone.
When a website is responsive, the layout and content responds based on the size of screen they are presented on. A responsive website automatically changes to fit the device you’re reading it on. Typically there have been four general screen sizes that responsive design has been aimed at:
– The widescreen desktop monitor,
– The smaller desktop (or laptop)
– The tablet and the mobile phone.
— Typeface
Selection of font is a very crucial thing in the web designing. Which gives the better readability and aesthetic look. Here, GETORADE has their own font Alfa Slab One, which used in the banner and header. I used very popular and stylish google font, the Lato. Which google can easily accessed for search engines optimization.
— Color Palette
To producing successful designs the color palette is very essential thing. GETORADE have a own brand color palette. Applying the combination of orange, white and black in the design standout very well.
To producing successful designs the color palette is very essential thing. GETORADE have a own brand color palette. Applying the combination of orange, white and black in the design standout very well.
— Social Media Design
There is the brand development on social media platform across Facebook, Twitter, Youtube and others... objective to building the brand awareness and engaging traffic to the brand.
THANK YOU
for watching the design
