Crying over a match on a screen won't give you the feeling of hitting a ball on raw concrete. The...

Crying over a match on a screen won't give you the feeling of hitting a ball on raw concrete. The...Crying over a match on a screen won't give you the feeling of hitting a ball on raw concrete. The...

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Talha Yusuf

• Jul 24

Crying over a match on a screen won't give you the feeling of hitting a ball on raw concrete.

The World Cup is over. Time to shut the screen off, step outside, and claim the court.

That’s the exact narrative behind OUTSIDER a high-ticket e commerce concept I designed and engineered from scratch.

Most brands sell product specs. High-margin brands sell a movement.

The Execution Strategy:

1) Cultural Positioning: Built around a core reality Gen Z watches more football than it plays.

2) Brutalist UI/UX: Heavy condensed typography and night-shift aesthetics built specifically for street culture.

3) Conversion Architecture: Limited streetwear drop mechanics (BLACKTOP 001) paired with a zero-friction checkout loop.

Great web development isn't about making pretty layouts. It's about turning raw storytelling into high-converting digital infrastructure.

CSS3 Framer JavaScript Framer Website Design Web Design Web Development

Talha Yusuf

• Jul 24

Experience it here 🔗 [https://outsidersports.netlify.app/]

Abdullah Eroğlu

pro

• Jul 24

Dark and brutalist. Love it!

Great Designs

• Jul 22

This project was built entirely in Squarespace with the goal of creating a premium website that feels clean, immersive, and memorable from the very first scroll.

I focused on strong typography, carefully curated imagery, thoughtful spacing, and subtle interactions to create an experience that feels polished while remaining intuitive to navigate.

Finish Layer helped bring the design to life through Block Animations for smooth reveals, Block Transforms to add depth and balance to the layouts, Stacks for responsive structure across screen sizes, and custom font uploads to give the brand a more distinctive identity.

Every design choice was made to enhance the experience rather than distract from it.

I've included screenshots of the homepage and key design decisions, along with a walkthrough showing the finished website, my design process, and the Squarespace editor where the site was built.

Website: https://khaki-tangerine-endz.squarespace.com

Password: Greatdesign001