I: (OVERVIEW)
ROLE
Branding, UX/UI, Communication Design
DESCRIPTION
Rebranding, website design, and a visual system for an iGaming agency.
TSL Agency combines an affiliate program with an in-house media buying team. During two years at the agency, I created a new brand identity, designed the corporate website, and developed the brand’s visual communications.
II: (CHALLENGE & MY ROLE)
From TeslaTraff to TSL
The previous name created a direct association with Tesla. The agency needed an identity of its own while remaining recognizable to existing partners.
The name TSL retained a connection to TeslaTraff. My task was to build a new visual system from scratch and apply it across the website, communication materials, and physical touchpoints.
MY ROLE
I was the agency’s sole designer, responsible for everything from the identity and brand guidelines to website structure, interfaces, responsive layouts, and animation. I prepared designs, states, and transition examples for development.
Alongside this, I created advertising and communication materials, merchandise, and event graphics. For the separate TSL Apps business, I designed a landing page and an app management dashboard.
III: (VISUAL SYSTEM)
A distinctive identity across formats
I built the identity around a combination of retrofuturism, brutalist typography, and isometric graphics. Oversized type, contrasts in scale, geometric symbols, and raster textures give the brand its distinctive character.
Shared colors, shapes, and composition principles allow the system to adapt to different materials while maintaining a connection across the website, social media, animation, and merchandise.
HEX
#00B2A9
HEX
#005EB8
HEX
#0D1B2A
HEX
#E7EBF2
Brand guidelines
The brand guidelines define logo versions, clear space, approved backgrounds, the color palette, typography, and principles for using graphics. These rules became the foundation for future brand materials.
From discovering the agency to becoming a partner
The website needed to attract advertisers looking for traffic and affiliates choosing an affiliate program.
I structured it around the agency’s services, partnership terms, and evidence of its experience. Case studies, testimonials, and team information help visitors evaluate TSL before getting in touch, while the inquiry form adapts to their role.
Exploring strengths through interaction
For the media buying section, I created an isometric scene where each object represents one of the team’s strengths. On hover, the selected object stays in focus, the others fade, and an explanation appears.
The branded illustration becomes a way to reveal the section’s content step by step.
Presenting facts through a three-dimensional composition
The affiliate program’s benefits are presented in a block with isometric faces. Arrow controls switch between facts with a three-dimensional transition.
I designed the interaction, its states, and animation examples for developers. The interaction on the live website follows the designs.
VI: (INQUIRIES BY ROLE)
Different needs, different forms
Visitors choose their role in the first step. Affiliates only need to provide their name and Telegram contact. Advertisers are also asked about the type of partnership, target markets, offers, and rates.
This gives the team context for advertising inquiries without making affiliates fill in irrelevant fields.
VII: (MOBILE VERSION)
The same character on a smaller screen
The mobile version retains the expressive typography, graphics, and interactive sections. I adapted the compositions to a vertical format: taps replace hover in the isometric scene, while the three-dimensional block retains navigation between facts.
The visual system in everyday use
Using the identity, I created covers for case studies and articles, social media assets, and advertising materials. Shared graphic elements allowed the composition to change with the content while preserving TSL’s character.
Animation extended the same approach: motion for the logo, brand graphics, and stickers became part of the brand’s communications.
IX: (PHYSICAL TOUCHPOINTS)
The brand beyond the screen
I extended the identity to clothing, accessories, and event materials. For the agency’s first in-person meetup, I developed the visual concept, venue graphics, signage, presentations, and promotional materials.
X: (OUTCOME)
Two years of brand development
During my time at TSL Agency, I created a new visual system, designed the corporate website and supported it through launch, prepared brand guidelines, and developed communication materials.
The identity was applied across the website, social media, animation, merchandise, and events. My work covered the full process, from early concepts to implementation across digital and physical formats.