← Work

Concept · Fitness creator · 2026

Joseph Shin: his link in bio, turned into a website.

An English website for fitness creator Joseph Shin: everything he had spread across a link in bio (his program, his coaching, his discount codes and his feed) in one website with his style.

Client
Joseph Shin
What we did
Creative direction, design and development
Technology
GSAP, ScrollTrigger and Lenis
Language
English
Walkthrough of the website, recorded on desktop

The challenge

Joseph sells a workout program and one-on-one coaching, and has discount codes with several brands. All of it lived in a link in bio: a list of links just like any other creator’s.

The challenge was for anyone arriving from his videos to see, in seconds, who he is, what he offers and what to do next, without leaving his style.

The idea: his links, with his face

Black, white light and a wide, heavy typeface, like his videos. The home screen does the same job as his link in bio, but with his photo, his numbers and three clear shortcuts.

Then everything in its place: the program with his transformation, the coaching, the code in big letters to copy and his feed to keep watching.

The moments

Home: Joseph Shin from behind next to two light tubes forming an x, with his social numbers and three links: program, coaching and the SHIN code
Home · his numbers and three links
The “Low volume. High frequency.” section with a before-and-after slider of his physique and his program card at $39.99
The program · before and after
The “Ascension Blueprint” one-on-one coaching section with the button to book a call
One-on-one coaching
The SHIN code in huge letters and the brands with discounts: YoungLA, Huge Supplements and Prosper
The code, copied in one tap
The “On the feed” section with his reels and posts in a horizontal row
His feed, side-scrolling
The “Brand partnerships” section with his numbers for brands and the contact buttons
For brands

On mobile

The home screen on mobile
The program on mobile
The SHIN code on mobile
The brands section on mobile

What’s included

  • 01A home screen with his TikTok and Instagram numbers and three shortcuts: program, coaching and code.
  • 02His workout program and the bench press edition, with his transformation in a before-and-after slider.
  • 03One-on-one coaching, with call booking.
  • 04The SHIN code, copied in one tap, and the brands it gets you a discount with.
  • 05His Instagram feed and his latest YouTube video.
  • 06A section for brands with his numbers and contact.

Key technique

  1. 01From link to website

    The first thing you see is what used to be his link in bio: his links, but inside a home screen with his photo and his numbers.

  2. 02One tap, one action

    Each block leads to one thing: buy the program, book coaching, copy the code or message him.

  3. 03A single file

    The photos are built in as WebP, with GSAP and Lenis for the motion: no server dependencies.

Photos, copy and numbers: Joseph Shin. Website design and development: xstdio.

Still using a link in bio? Here’s what your website could be.

Creator websites

Tell us about your project

Your business goes in.Your website comes out.

Tell us what you do and what website you have. We'll get back to you as soon as possible with a first idea.

Message us on Instagram Email hola@xstdio.es
Step 1 of 2 · your business
What you need
Step 2 of 2 · how we reply
When

Controller: xstdio. Purpose: to answer your enquiry and prepare a proposal. Legal basis: pre-contractual steps at your request. Recipients: our hosting and email providers. Rights: access, rectification, erasure and the others explained in the privacy policy.