◉ ✦ MESHA COLE VISUALS SYSTEM ONLINE ✦
egotistic.system
connected
MESHA COLE VISUALS CASE STUDY
BRAND IDENTITY • WEBSITE • DIGITAL GRAPHICS

For Egotistic, I created a new logo and a new website built around a chrome, cosmic and cyber inspired visual direction. I also designed the banners used throughout the site so the identity could stay consistent across the full digital experience.

Egotistic project preview
THREE LOGO VERSIONS NEW WEBSITE FOUR CUSTOM BANNERS
About The Project BRAND AND DIGITAL DESIGN
THE PROJECT

A visual identity built into a full digital world.

The project began with a new logo system for Egotistic. The chrome treatment and futuristic details created the foundation for the rest of the digital direction.

From there, I designed the website and four custom banners around the same visual language so every part of the storefront felt connected.

01 IDENTITY three logo versions
02 WEBSITE new storefront
03 GRAPHICS chrome visual system
04 BANNERS four web assets
✦ CHROME IDENTITY ONLINE ✦
★ ENTER THE EGOTISTIC UNIVERSE ★
CYBER INTERFACE CONNECTED
WEBSITE BY MESHA
The New Logos THREE LOGO VERSIONS
LOGO DESIGN

Three versions with one chrome identity.

The new logo was designed to give Egotistic a stronger and more recognizable identity. I used a futuristic visual direction that could work as the foundation for the website and the rest of the digital branding.

Egotistic logo version one
01 PRIMARY LOGO
Egotistic logo version two
02 LOGO VARIATION
Egotistic logo version three
03 ALTERNATE VERSION
The Website VIMEO WALKTHROUGH
WEBSITE DESIGN

The identity became an entire cyber universe.

I carried the new identity into the website using chrome inspired details, dark backgrounds and cosmic graphics. The goal was to make the site feel immersive while still keeping the shopping experience clear and easy to navigate.

vimeo.com/745673754
PLAY
01 Website Design

Created the new storefront around the updated identity.

02 Chrome Direction

Used metallic details and cyber graphics throughout the site.

03 Custom Graphics

Created supporting visuals that made the website feel complete.

04 Responsive Layout

Designed the experience to adapt across screen sizes.

Website Banners FOUR CUSTOM GRAPHICS
WEB GRAPHICS

Four banners made for the same visual world.

I created the banners used throughout the website so the brand identity continued beyond the logo and interface. Each graphic was designed to feel like part of the same chrome and cosmic visual world.

Egotistic website banner one
01 WEBSITE BANNER
Egotistic website banner two
02 WEBSITE BANNER
Egotistic website banner three
03 WEBSITE BANNER
Egotistic website banner four
04 WEBSITE BANNER
Visual System FROM LOGO TO STOREFRONT
01 LOGOS

Create the identity and establish the chrome direction.

02 LANGUAGE

Build the cyber visual style around the identity.

03 WEBSITE

Translate the brand into a complete storefront.

04 BANNERS

Carry the same direction into four custom graphics.

END OF CASE STUDY

Three logo versions. One complete digital universe.

Egotistic became a complete visual experience instead of a collection of separate graphics. The new logo, website and banners all work together to create one recognizable digital identity.

EGOTISTIC • THREE LOGO VERSIONS • WEBSITE DESIGN • CHROME VISUALS • FOUR CUSTOM BANNERS • MESHA COLE VISUALS