9 Lives Left

Deliverables

Wireframing and Sitemapping
Brand Identity/ Strategy
Logo Design
Mobile Responsiveness/Optimization
Conversion Rate Optimization (CRO)
UX/UI Optimization
Web Design/Development
Lead Generation/Contact Forms

What is 9 Lives Left?

What is 9 Lives Left?

Technologies Used:

9 Lives Left is not your ordinary streetwear store. Born in the alleyways and raised on the streets, this brand bridges the gap between physical streetwear culture and digital commerce. We were tasked with translating the grit of concrete, the glow of neon and the 'feisty' attitude of their mascot into a high-converting e-commerce experience that feels exclusive and authentic.

9 Lives Left is not your ordinary streetwear store. Born in the alleyways and raised on the streets, this brand bridges the gap between physical streetwear culture and digital commerce. We were tasked with translating the grit of concrete, the glow of neon and the 'feisty' attitude of their mascot into a high-converting e-commerce experience that feels exclusive and authentic.

The Brief:

  • The Narrative: We needed a site that felt like walking into a dimly lit, exclusive streetwear shop at 2 AM.
  • The Challenge: How do you translate the texture of concrete, the glow of neon, and the attitude of the streets into a flat 2D screen without sacrificing User Experience (UX)?
  • Key deliverables: High-converting landing page, mobile-responsiveness and an aesthetic that represents the Brand to the tee and seems "exclusive."
  • The Narrative: We needed a site that felt like walking into a dimly lit, exclusive streetwear shop at 2 AM.
  • The Challenge: How do you translate the texture of concrete, the glow of neon, and the attitude of the streets into a flat 2D screen without sacrificing User Experience (UX)?
  • Key deliverables: High-converting landing page, mobile-responsiveness and an aesthetic that represents the Brand to the tee and seems "exclusive."
  • The Narrative: We needed a site that felt like walking into a dimly lit, exclusive streetwear shop at 2 AM.
  • The Challenge: How do you translate the texture of concrete, the glow of neon, and the attitude of the streets into a flat 2D screen without sacrificing User Experience (UX)?
  • Key deliverables: High-converting landing page, mobile-responsiveness and an aesthetic that represents the Brand to the tee and seems "exclusive."

Scope of Works

Brand Strategy

Establishing the "Feisty" archetype to position the brand as a gritty, anti-corporate alternative to mainstream streetwear. We focused on building a narrative around the "Sinners" community rather than just a customer base.

Web Design

Designing a "Dark Mode" native interface that mimics the atmosphere of a dimly lit street shop. We utilized deep black backgrounds paired with neon red accents to create a high-contrast, immersive environment.

Optimized User Experience

Engineering a friction-free path to purchase for high-hype "Drops." We integrated a prominent "100% Trustworthy" section with clear iconography to counter the skepticism common in the limited-edition sneaker market.

Product Imagery

Moving away from static flat-lays to dynamic, floating product compositions with red glow effects. This styling treats every hoodie and sneaker like a rare "item drop" in a video game, increasing perceived value and desirability.

Mood Board

The mood board establishes a visual language of "Midnight Rebellion," rooted in the raw energy of the streets. We curated a palette dominated by a dark theme that evokes the feeling of navigating an alleyway at 2 AM. It is emphasized by aggressive red neon accents that demand attention. To capture the authentic texture of urban culture, we layered gritty elements like distressed brick and vibrant graffiti art, ensuring the digital space felt just as tactile as the physical world. This collision of cyberpunk aesthetics and underground streetwear culture creates a fearless backdrop, perfectly mirroring the brand’s "feisty" underdog spirit.

Color Palette & Typography

#FFFFFF

#0D0303

#B7271F

#B4423D

#EE9067

#410E0F

Custom Illustration and Animation

Custom Illustration and Animation

Bringing the cat mascot for 9 Lives Left to life by creating a custom illustration and then giving him life by adding motion design.

Approach

The design process started with a single rule: No Boring Whitespace. We rejected the standard e-commerce look. Instead, we treated the website like a physical location. A dimly lit, exclusive pop-up shop.
We used 'floating' product cards with red glows to mimic video game loot drops, making the shopping experience feel gamified. Every interaction, from the hover states to the 'Sinners Email List,' was designed to reinforce the rebellious narrative.
The design process started with a single rule: No Boring Whitespace. We rejected the standard e-commerce look. Instead, we treated the website like a physical location. A dimly lit, exclusive pop-up shop.
We used 'floating' product cards with red glows to mimic video game loot drops, making the shopping experience feel gamified. Every interaction, from the hover states to the 'Sinners Email List,' was designed to reinforce the rebellious narrative.
The design process started with a single rule: No Boring Whitespace. We rejected the standard e-commerce look. Instead, we treated the website like a physical location. A dimly lit, exclusive pop-up shop.
We used 'floating' product cards with red glows to mimic video game loot drops, making the shopping experience feel gamified. Every interaction, from the hover states to the 'Sinners Email List,' was designed to reinforce the rebellious narrative.

The Logo

The Blueprint: Architecting Hype

The Blueprint: Architecting Hype

We stripped the design back to its skeleton to ensure the user journey was watertight before a single pixel was colored. This low-fidelity wireframe wasn't just about layout; it was about psychological mapping for the "drop culture" consumer:


  • Frictionless Hero: We established a clear hierarchy immediately, placing the "Unique Selling Proposition" and primary CTA button above the fold to capture impulse buyers instantly.


  • Trust Architecture: In the world of limited drops, legitimacy is currency. We deliberately positioned a prominent "100% Trustworthy" bar and "No BS FAQs" directly mid-page. This tackles purchase anxiety head-on without forcing the user to leave the landing page to find answers.


  • The Lookbook Flow: By wireframing the "Street Cred Lookbook" as prominent slider, we ensured lifestyle imagery wasn't just decoration, but a functional tool to drive desire before the final location and contact anchor points.

We stripped the design back to its skeleton to ensure the user journey was watertight before a single pixel was colored. This low-fidelity wireframe wasn't just about layout; it was about psychological mapping for the "drop culture" consumer:


  • Frictionless Hero: We established a clear hierarchy immediately, placing the "Unique Selling Proposition" and primary CTA button above the fold to capture impulse buyers instantly.


  • Trust Architecture: In the world of limited drops, legitimacy is currency. We deliberately positioned a prominent "100% Trustworthy" bar and "No BS FAQs" directly mid-page. This tackles purchase anxiety head-on without forcing the user to leave the landing page to find answers.


  • The Lookbook Flow: By wireframing the "Street Cred Lookbook" as prominent slider, we ensured lifestyle imagery wasn't just decoration, but a functional tool to drive desire before the final location and contact anchor points.

Fully Responsive Across All Devices

Fully Responsive Across All Devices

The Results

Reflecting True Brand

We translated the physical alleyway into a digital turf. The design captures the mascot's attitude and the community's "No BS" culture without compromise.

Built for Speed

Broader Audience Reach

Broader Audience Reach

Heavy visuals do not compromise performance. Strategic trust signals and a mobile-first flow ensure the site handles traffic spikes during product drops.

Visual Rebellion

Brand Recognition

Brand Recognition

We rejected white backgrounds for a dark interface. Glowing product cards look like video game loot drops to keep users browsing the collection.

cartoon laptop
cartoon laptop
cartoon laptop
cartoon laptop

FREE Website Audit

What you get: A short video providing you with the 5 top tips to improve your website. 

Please click on the button below to submit a quick questionnaire to gather information. This will help identify the specific issues your experiencing with your website.