slts_redefined.case
project online
MESHA COLE VISUALS CASE STUDY
WEBSITE • SOCIAL MEDIA • DIGITAL DESIGN

For SL*TS REDEFINED, I created a new website and developed a visual system that could carry across the brand online. I designed the website banners, Instagram post templates and Instagram Story templates so the digital presence felt connected instead of looking different from platform to platform.

SLTS Redefined project
WEBSITE DESIGN INSTAGRAM CONTENT CUSTOM WEB GRAPHICS
About The Project WEB AND SOCIAL DESIGN
THE PROJECT

One visual direction
across every screen.

The project focused on creating a stronger and more consistent digital presence for SL*TS REDEFINED. I designed the website and built the graphics around the same visual direction so the brand felt connected from the storefront to social media.

Along with the website, I created reusable Instagram post and Story templates as well as the banners used throughout the site. This gave the brand a set of visuals that could continue to be used while keeping the overall look recognizable.

01 WEB new website
02 POSTS IG templates
03 STORIES story templates
04 BANNERS website graphics
Case Study BRAND WORLD → DIGITAL SYSTEM
THE CREATIVE IDEA

Make the internet feel
as loud as the clothes.

SL*TS REDEFINED already had a loud, rebellious visual identity. My job was to translate that energy into a digital experience without flattening it into a generic ecommerce template. I treated the website, social templates and campaign graphics as one connected visual system so the brand could feel recognizable wherever the customer found it.

01 THE CHALLENGE KEEP THE CHAOS. ADD STRUCTURE.

The brand language is intentionally messy, provocative and layered. The design challenge was preserving that personality while creating enough hierarchy for customers to understand products, content and calls to action.

02 THE VISUAL LANGUAGE COLLAGE BECAME THE SYSTEM.

I pulled from early 2000s fashion editorials, desktop windows, ransom note typography, torn paper, speech bubbles, hot pink chrome, leopard and mismatched graphic elements to create a world that felt intentionally assembled rather than perfectly polished.

03 THE DIGITAL TRANSLATION ONE BRAND ACROSS EVERY SCREEN.

The website banners, Instagram posts and Story templates were designed together so each format could change while the brand language stayed consistent. Repetition in color, type, framing and graphic motifs created recognition across the storefront and social content.

04 THE RESULT A DIGITAL PRESENCE WITH A POINT OF VIEW.

The final system gives SL*TS REDEFINED a stronger digital identity that feels connected to the clothing itself. The website and social assets work as extensions of the brand world instead of separate pieces created for different platforms.

DESIGN PRINCIPLE ORGANIZED ENOUGH TO USE.
UNHINGED ENOUGH TO REMEMBER.
01 IMAGE HIERARCHY

Large fashion imagery carries the main story while smaller cutouts, stickers and graphic moments create secondary points of discovery.

02 REPEATABLE MOTIFS

Hot pink, black, cream, leopard, speech bubbles and desktop inspired framing help different assets feel like they belong to the same world.

03 PLATFORM FLEXIBILITY

The system was designed to stretch from wide website banners to square posts and vertical Stories without losing the core identity.

04 CONTROLLED CONTRAST

Fun graphics are balanced with simpler text zones and structured content areas so the design stays expressive without becoming unreadable.

✦ SL*TS REDEFINED ONLINE ✦
★ WEBSITE BY MESHA ★
digital presence loading...
post it • story it • own it
The Website VIMEO WALKTHROUGH
WEBSITE DESIGN

A darker storefront
with a sharper identity.

I designed the website around a darker visual direction with pink used as an accent instead of the main background. The interface gives the brand more edge while still keeping the content easy to browse and shop.

https://vimeo.com/123456789
PLAY
01 Website Design

Created the overall storefront design and visual direction.

02 Website Graphics

Designed the banners and supporting graphics used across the site.

03 Visual Consistency

Connected the website and social media through the same design language.

04 Responsive Design

Built the experience to work across desktop, tablet and mobile.

Social Media System INSTAGRAM POST TEMPLATES
INSTAGRAM CONTENT

Made to stay
recognizable in the feed.

I created reusable Instagram post templates that make it easier for the brand to post new content while keeping the visuals consistent.

INSTAGRAM TEMPLATE 01
01 INSTAGRAM TEMPLATE 01
INSTAGRAM TEMPLATE 02
02 INSTAGRAM TEMPLATE 02
INSTAGRAM TEMPLATE 03
03 INSTAGRAM TEMPLATE 03
INSTAGRAM TEMPLATE 04
04 INSTAGRAM TEMPLATE 04
Story Templates INSTAGRAM STORIES
STORY SYSTEM

The brand stays
consistent vertically too.

The Story templates give the brand ready to use layouts for announcements, product features, drops and other updates without starting from scratch each time.

STORY TEMPLATE 01
STORY TEMPLATE 01
STORY TEMPLATE 02
STORY TEMPLATE 02
STORY TEMPLATE 03
STORY TEMPLATE 03
STORY TEMPLATE 04
STORY TEMPLATE 04
Website Banners CUSTOM WEB GRAPHICS
WEB GRAPHICS

Designed for
the actual storefront.

Every banner shown here was created for the website so the visual direction continues beyond the layout itself. These graphics help carry the brand into collection launches, announcements and featured sections.

WEBSITE BANNER 01
WEBSITE BANNER 01
WEBSITE BANNER 02
WEBSITE BANNER 02
WEBSITE BANNER 03
WEBSITE BANNER 03
WEBSITE BANNER 04
WEBSITE BANNER 04
END OF CASE STUDY

One brand.
One digital language.

This project brought the website and social content into one visual system. From the storefront banners to reusable Instagram templates, each piece was designed to feel connected to the same brand.

SL*TS REDEFINED • WEBSITE • SOCIAL TEMPLATES • STORIES • WEB BANNERS • MESHA COLE VISUALS