(01) — Portfolio MMXXVI
REC — LIVE SIGNAL
CREATIVE developer & VISUAL DESIGNER
I build impossible things for the web — cinematic sites, real-time 3D and motion. Based in Berlin, working worldwide.
EST. 2018 — ©2026
01 — MANIFESTO
(01/13)
I DON’T MAKE WEBSITES. I DIRECT experiences. EVERY SCROLL IS A CUT, EVERY HOVER A CLOSE-UP, EVERY PIXEL A DECISION. I WORK WHERE DESIGN, CODE AND CINEMA COLLIDE — BUILDING WORLDS PEOPLE feel BEFORE THEY UNDERSTAND.
— SUMAN KUMAR, BERLIN, 2026
DESIGN × CODE × CINEMA
02 — ABOUT
(02/13)
FIG. 01 — SUMAN KUMAR, BERLIN, 2026
BEHIND THE frame
I’m Suman Kumar, a creative developer and visual designer. For eight years I’ve helped studios, brands and artists turn bold ideas into interactive work people remember.
My process mixes art direction, motion design and creative coding. I care about the details most people never notice — because that’s where the feeling lives.
Creative Development
08 YRS
WebGL / Three.js / GLSL
06 YRS
Motion Design / GSAP
07 YRS
UI / UX / Art Direction
08 YRS
Brand Identity
05 YRS
08+
YEARS
120+
PROJECTS
14
AWARDS
∞
COFFEE
TEAM — THE PEOPLE
(04 PEOPLE)
THE crew
A small, senior team of designers and developers. Every project is led by the people you meet on the first call.
03 — SELECTED WORKS
(03/13)
SELECTED works (04)
04 — FEATURED CASE
(04/13)
ECLIPSE — A BLACK HOLE YOU CAN scroll
CLIENT
Nocturne Records
ROLE
Direction, Design, WebGL
YEAR
2026
DURATION
14 weeks
01
THE CHALLENGE
Launch a debut album with no singles, no press photos and no tour — only a feeling. The label wanted a site people would talk about, not just visit.
02
THE APPROACH
We built the album cover as a real-time black hole. Scrolling bends light around it; every track unlocks a new distortion and a new shade of red.
03
THE RESULT
Featured as Awwwards Site of the Day, shared across music and design communities, and the album charted in its first week.
04
THE CRAFT
Custom GLSL shaders, Three.js and GSAP, tuned to hold 60fps on phones — with a calm, reduced-motion version of every effect.
04.5 — GALLERY
(STILLS)
FRAMES FROM THE cutting room
05 — SERVICES
(05/13)
WHAT I do
01
BRAND IDENTITY
Logos, systems and visual languages built to last — and to move.
02
WEB DESIGN
Editorial, award-level interfaces with obsessive attention to detail.
03
CREATIVE DEVELOPMENT
WebGL, shaders, GSAP and performance-minded front-end engineering.
04
3D & MOTION
Real-time 3D, title sequences, product renders and micro-interactions.
05
ART DIRECTION
Concept, moodboards and creative leadership from idea to launch.
06 — CLIENTS
(06/13)
— IN ASSOCIATION WITH —
the brave few
RECORDS
NOCTURNE
ARCHITECTURE
VANTA
MOTORS
REDLINE
MAGAZINE
HOLLOW
GAMES
MONOLITH
FESTIVAL
STATIC
LABS
OBSIDIAN
STUDIO, TOKYO
KAGE
FASHION
NORTH//VOID
FILMS
ASHFALL
HOSPITALITY
CINDER & CO
AUDIO
HALCYON
AND MANY MORE WHO PREFER THE DARK
07 — PROCESS
(07/13)
HOW IT happens
STEP 01 / 04
DISCOVER
Research, questions, listening. Finding the one idea worth building.
01
STEP 02 / 04
CONCEPT
Moodboards, storyboards and motion tests. Defining how it should feel.
02
STEP 03 / 04
CRAFT
Design and code in parallel. Iterating until every frame earns its place.
03
STEP 04 / 04
LAUNCH
Performance, testing and polish. Then the lights go down and the show starts.
04
08 — EXPERIENCE
(08/13)
EIGHT YEARS IN motion
2024 – NOW
INDEPENDENT CREATIVE DEVELOPER
Self-employed
BERLIN & REMOTE
2021 – 2024
SENIOR CREATIVE DEVELOPER
Obsidian Labs
BERLIN — REMOTE
2019 – 2021
MOTION & INTERACTION DESIGNER
Kage Studio
TOKYO — REMOTE
2018 – 2019
FRONT-END DEVELOPER
Halcyon Digital
BERLIN
2016 – 2018
FREELANCE DESIGNER
Independent
BERLIN
10 — WORDS
(10/13)
“
11 — JOURNAL
(11/13)
NOTES FROM THE edit
12 — QUESTIONS
(12/13)
BEFORE YOU ask
The questions I hear most from studios and brands before we start. Anything else — just write to me.
FIG. 12 — AFTER HOURS, BERLIN
01
What does a typical project cost?
Most cinematic portfolio and launch sites land between $8k and $40k depending on scope, 3D and motion. I’ll send a clear estimate after a short call.
02
How long does a project take?
Usually 6 to 14 weeks from first call to launch. Smaller sites can ship in 3–4 weeks when the content is ready.
03
Do you work with agencies?
Yes — about half of my work is with studios and agencies, either leading creative development or joining an existing team.
04
Which tools do you use?
Figma for design, Framer and Next.js for builds, GSAP and Three.js for motion and WebGL, Blender for 3D assets.
05
Will my site be fast and accessible?
Always. Every effect respects reduced-motion settings, works with a keyboard and is tuned to stay smooth on phones.
13 — CONTACT
(13/13)
LET’S CREATE
SOMETHING unreal
LET’S TALK
✦
unreal ideas
✦
OPEN FOR 2027
✦
berlin
✦
WORLDWIDE
✦