All projects/Case study 01
Personal brand · Show archive · Booking site

Rafsan Sabab

An in-progress website for a Bangladeshi host and content creator, built so an event organiser can judge whether he is right for their stage — and book him — without leaving the page.

Read the case study Visit the live site
My roleWeb Developer · Frontend Engineer
What was deliveredIn active development
Who it helpedEvent organisers, brands, and producers considering booking a host
Headline resultIn build
/ Overview

A personal brand site for a host, content creator, and storyteller who works corporate conferences and live events alongside his own show. It is built to do one job well: convince an organiser he is right for their stage, then make the booking easy.

What success needed to look like
  1. 01

    Establish the host's voice and range within the first screen.

  2. 02

    Collect the shows and hosted events into one place an organiser can judge quickly.

  3. 03

    Keep the booking route reachable from anywhere on the site.

  4. 04

    Carry the personality of a live performer without slowing the site down.

/ Headline result
In build

Actively in development on a staging deployment

How the solution works

From problem to outcome.

A simple view of how work moves through the solution, without exposing private implementation details.

01

Meet the host

The homepage introduces him in his own words, with connecting and watching the shows as the two immediate actions.

02

Read the background

The about page traces the route from the classrooms of IBA to hosting stages and screens.

03

See the work

The media gallery collects the events he has hosted, so an organiser can judge the range rather than take it on trust.

04

Make the booking

The shows archive and contact route turn a convinced organiser into an enquiry. Both are in progress.

Read the step-by-step workflow
  1. Meet the host: The homepage introduces him in his own words, with connecting and watching the shows as the two immediate actions.
  2. Read the background: The about page traces the route from the classrooms of IBA to hosting stages and screens.
  3. See the work: The media gallery collects the events he has hosted, so an organiser can judge the range rather than take it on trust.
  4. Make the booking: The shows archive and contact route turn a convinced organiser into an enquiry. Both are in progress.
01 · Problem

The situation that needed to change.

A host's proof of ability is footage and past stages, but it was scattered across YouTube, social posts, and other people's event pages. An organiser deciding who to book had no single place to see the work, and no obvious way to make contact once convinced.

02 · Approach

What I changed and built.

  1. Opened with the host in his own voice, so a visitor knows within one screen what kind of performer they are considering.
  2. Gathered the shows and hosted events into a gallery an organiser can judge quickly, instead of asking them to hunt across platforms.
  3. Kept the booking route visible from the first screen, so interest can turn into an enquiry the moment it appears.
Key choices

Why this approach worked.

01

Let him speak first

The homepage opens in the host's own voice rather than a third-person biography, because an organiser booking a personality is judging exactly that.

02

Two actions, not a menu

The hero offers connecting and watching the shows and nothing else. A visitor either wants to see the work or wants to book, and both are one click away.

03

Show the work, do not describe it

The gallery leads with the events themselves. For a host, footage and stages are the argument; adjectives are not.

04

Ship the site in sections

Home, about, and the gallery went up on a staging deployment first, so the client could react to the direction while the shows archive and booking flow were still being built.

/ My contribution

What I was responsible for.

I am building the site: the layout and navigation, the home and about pages, the media gallery, and the shows and contact sections now in progress.

  • Build the site layout, navigation, and responsive behaviour.
  • Build the home and about pages.
  • Build the media gallery of hosted events.
  • Build the shows archive and contact and booking flow (in progress).
  • Deploy to a staging environment for client review ahead of launch.
Outcome

What changed because of the work.

The site is running on a staging deployment while the sections are built out. Home, about, and the media gallery are in place, with the shows archive and booking flow in progress.

01

Home, about, and media gallery pages built

02

Shows archive and contact flow in progress

03

Running on a staging deployment for client review

04

Booking route reachable from the first screen

/ Capabilities used

What it took to deliver

Client deliveryPersonal brandMedia galleryBooking enquiryNext.jsWork in progress
Public evidence

Clear about what can be shared.

Some client material and implementation details remain private. The numbers, responsibilities, and outcomes shown here are limited to what can be shared and verified.