R4F LabsWEB DESIGN & DIGITAL EXPERIENCES
R4F LABS · Independent fictional concept
← Back to selected work

AFTERFORM / Independent concept / 01

A WEBSITE
WORTH EXPLORING.

A digital showroom that responds to your choices. Choose a coupe, saloon, SUV or hatchback. Explore three finishes in a cinematic studio, then shape an editable brief.

Design & development by R4F Labs.
Fictional automotive brand.
Designed as a working demonstration.

01 / Make the introduction count

The experience.
The introduction.

The website is the destination. A short launch film gives it an introduction people can watch and share.

A quiet-luxury film moves from bodywork and red-stitched interior details into the website’s full-width studio and infotainment-style startup. A refinished R4F LABS end card completes the sequence.

View the earlier Instagram Reel ↗

Press play for sound. No spoken dialogue.

Open the film directly ↗ · 28-second · 1080p concept film

02 / Attention with a purpose

From curiosity
to a considered choice.

The brief: give a fictional finish studio a way to help visitors explore their preferences before a conversation.

01

Choose your form

Four distinct concept vehicles change the car you see. Explore the studio lighting yourself, or switch to full light.

02

Compare

Violet Shift, Mineral Silver and Ember update the vehicle, finish indicator and surrounding atmosphere. Your selection carries through each step.

03

Refine

Your vehicle, finish and service direction become an editable concept brief. Change the vehicle at any stage and see the preview update.

This is a fictional concept, not a client commission. Vehicles are fictional body types, not manufacturer models. Finishes are illustrative colour treatments, not accurate product samples or a 3D configurator. This case study presents the design and its development.

03 / The same journey, rethought for each screen

Space on desktop.
Clarity on mobile.

The same four vehicles and three finishes travel with you from the opening studio to your final brief, on desktop and mobile.

Current desktop studio with the car spanning the page and its floor reflections intact.
The current full-width studio.
Fictional coupe artwork used in the current AFTERFORM showroom.
Coupe
Fictional saloon artwork used in the current AFTERFORM showroom.
Saloon
Fictional suv artwork used in the current AFTERFORM showroom.
SUV
Fictional hatchback artwork used in the current AFTERFORM showroom.
Hatchback
Earlier interface studies
AFTERFORM / DESKTOPDesktop concept brief: Ember vehicle preview beside finish, service and vehicle-type selections.
Earlier desktop interface capture, before the four-vehicle upgrade.
MOBILEMobile editable brief with retained finish, service and vehicle-type choices in a stacked layout.
Earlier mobile interface capture.
Watch earlier desktop and mobile walkthroughs

These silent recordings document an earlier version. The artwork above reflects the current vehicle studies; these recordings show earlier interactions.

What has been checked?

The current preview has been checked at desktop and phone-sized widths, including vehicle changes, retained finish choices, keyboard light controls, full-light mode and motion-off. Reduced-motion behaviour is included. Physical-device and browser coverage is still limited; these checks are not exhaustive certification.

No sales, conversion or customer results are claimed for this self-initiated project.

04 / What this could become for you

Your brand.
Your kind of experience.

A product launch. A creator portfolio. A service showroom. A focused campaign page. The visual language and journey start with your audience.

The website

A distinctive destination.

Visual direction, responsive design and purposeful interaction, shaped around one clear next step for your visitors.

Optional launch content

A reason to look.

A short film and selected social assets that introduce the finished work, using an agreed concept, formats and cleared assets.

Automotive is this example’s subject. Fashion, hospitality, events, creators and other businesses deserve a direction of their own.

Scope, price, timeline and support are agreed after reviewing the brief. Live enquiries, booking, payments and content-management integrations are assessed separately. No package or performance guarantee is implied.

A clear path to delivery.

Agree the brief → Review a working preview → Test the agreed journey → Approve release and handover.

Source files, review rounds, platform responsibilities and support are agreed up front. AI-assisted development is paired with hands-on review; client data and tool restrictions are agreed before work starts.

What should your
website make possible?

Tell me about your project ↗

Return to the R4F Labs enquiry form.