Case study · Website · 2026 · In progress

Unicorn Brothers.

A house of deep-tech projects — Railwind, Neums, Solia — needed a site that tells one story: from patent to scale, together with partners. One continuous 3D scene carries the whole scroll.

Client project · design, 3D, build and admin · solo + AI

Unicorn Brothers redesign, first screen: We build technology companies, a particle globe below
The model chapter: a growing flow of partners through five gates, Prototype stage
3concepts, one journey
5chapters in one 3D scene
2themes: stage and paper
0external requests
17news pages from the admin
84scroll frames per QA pass
20-second summaryClient project
What
A new website for Unicorn Brothers, an India-based company that develops, finances and supports deep-tech projects with its partner network.
Why
The old Tilda site spoke about one project. The company is a house of several — and keeps adding more.
My role
Concept, narrative, 3D art direction, design, front-end, PHP back-end and admin. Claude as the design team and the engineering team.
Result
3 concepts built as working pages · one picked and polished · an admin the client edits · news and articles with their own pages · not live yet
Explore the case ↓
Overview

Not a landing for a product — a site for the house that builds products.

WebsiteFormat2026Year3Conceptsthree.js3D
ClientUnicorn Brothers, New Delhi — Railwind, Neums, Solia
RoleNarrative, art direction, 3D, UI, build, admin
Stackthree.js, vanilla JS, PHP, JSON content, no CDN
TeamAlex + Claude
StatusTwo candidates on the client’s screen · launch after hosting and final copy
Read the full story

The work started as a plain job: rebuild the existing Tilda site as a PHP copy with a simple admin so the team could edit it themselves. That copy was done in a day — pixel-close, with pop-ups, news and a contact form.

Then the real brief appeared. Unicorn Brothers is not one project. It is Railwind (electricity from passing trains), Neums (an electric motor, now published by the patent office), Solia (an AI companion) — and the next ones. The site had to say that in one breath and invite partners into the network.

So the second variant was designed from the business, not from the old page: one claim per screen, one continuous 3D scene that turns into each project, a partner network as a globe, and a single way in — open an account on the partner platform.

The challenge

Three projects, one network, no single story.

Each project has its own field and stage. The site had to hold them all — and leave a seat for the next one without redesigning anything.

01

Railwind

Electricity from the air pressure of passing trains. Patent filings in four countries.

02

Neums

An electric motor. Published in the Patent Office Journal, now in examination.

03

Solia

An AI companion and digital twin for mental wellbeing.

+

Next

New projects will join the house. The form on screen is unfinished on purpose.

Screen two of the journey: Deep-tech ideas stall between patent and product, a dark particle globe
The journey

One scene, five chapters.

The page is pinned: the scroll drives one 3D object through House → Model → Projects → Network → Join. Every screen makes one claim.

01 House02 Model03 Projects04 Network05 Join
02

Model — how a project grows

A thin line of the project enters; at every gate rows of partners flow in and stay. 4 → 7 → 12 → 20 → 33. The flow is the model.

Model chapter, Prototype gate: the partner flow widens from left to right
03

Projects — Railwind

Air in, current out: the trackside unit drawn as a wireframe with the tunnel, turbine, alternator and battery box called out.

Projects chapter: Railwind unit as a wireframe with callouts
03

Projects — Neums

The same matter re-forms into each project. The motor is drawn in an exploded, measurable way, like an engineering sheet.

Projects chapter: Neums electric motor as an exploded wireframe
03

Projects — Solia

A form and its mirrored twin: the companion and the digital twin, without a single app screenshot.

Projects chapter: Solia as a form and its mirrored twin
+

Next — new projects ahead

The fourth form stays unfinished on purpose: the house does not stop at three.

Next screen: New projects ahead, an unfinished form in the particle field
04

Network — the globe

One platform for partners: the globe with New Delhi, the patent countries and the orbits between them.

Network chapter: One platform for partners, a particle globe with New Delhi and orbits
Three concepts

Three renders of the same journey.

The narrative was fixed first. Then three directions rendered it, each as a working page with real scroll — so the client chose on live screens, not on boards.

A

Matter

3,188 steel plates, one body of matter re-dealt into every form: globe, unit, motor, twin.

Concept Matter: a globe of gold and steel plates
B

Blueprint

A dot-matrix globe and patent drawings. The light theme is literally a patent sheet.

Concept Blueprint: a dot-matrix globe over a dark grid
C

Field

A particle field that flows around each form. Calm, airy, serif captions.

Concept Field: a particle globe under the headline
Blueprint render in the light theme: Railwind exploded view with seven callouts on a patent sheet
Matter + Blueprint, mergedRailwind in exploded view with seven real callouts — the working build the admin is wired to.
Two themes

Dark stage, paper sheet.

Same scene, same copy. The dark theme is a stage with gold; the light one is a drawing on paper — frame, title block, hatched twins.

First screen in the light theme
Network chapter in the light theme
After the journey

Then the page scrolls like a page.

Below the pinned scene: what the house works on, what has already happened, who is behind it — and one way in.

Scope

Thirteen directions

The client’s own icons, re-inked in gold through a CSS mask so they sit in the new palette in both themes.

Our scope: thirteen tiles with gold icons
News

Milestones with pages

Every row opens its own news page. Hover shows the photo; the list stays a list.

Milestones list with thumbnails, dates and tags
Team

Four portraits

Black-and-white with a line screen, colour on hover. Same treatment for every photo on the site.

Project team: four portraits in a row
Join

One block, one button

No “who are you” quiz, no four-step onboarding. Open an account on the partner platform — that is the whole call.

Open an account block in gold with one button
Mobile

The same journey, held in one hand.

Text first, the scene below it; the model flow turns vertical; quality drops automatically when frames start to lag.

Mobile first screen

HouseOne claim, one button.

Mobile model chapter with a vertical flow

ModelThe flow runs top to bottom.

Mobile projects chapter

ProjectsThe field re-forms.

Mobile scope tiles

ScopeTiles in one column.

Build

Built like a product, not a page.

0

External requests

three.js and fonts are vendored. A CDN that fails in the client’s network once was enough.

1

JSON + admin

Every text, photo and list in one content file. Admin in RU/EN with uploads, backups and a conflict check.

17+3

News and articles

Each with its own page and clean URL. A new item in the admin gets a page on save.

84

Frames per QA pass

A robot scrolls the page with a real mouse wheel in both themes and on a phone; I review the contact sheets.

News page: every milestone as an article with photo and text
NewsSeventeen items from the old site, now pages with text and photo — and a place for the next ones.
Process

Designer in the chair, AI as the team.

Three agents built three concepts in parallel from one brief. I directed, reviewed frames, cut what the business did not need, and wired the chosen one to the admin.

01Copy firstA one-day PHP copy of the Tilda site with an admin, so nothing is lost.
02Brief from the businessNot “a prettier page” — a house of projects and a partner network. References agreed on live sites.
03Three concepts, real scrollMatter, Blueprint, Field — each a working page, reviewed as 42-frame scroll sheets.
04Cut and polishClear flow in the model, B&W portraits, no quiz, no onboarding steps, no “your idea” — only what the company says.
05Admin and pagesContent JSON, RU/EN admin, news and articles with their own URLs. Ready for hosting.
Where it stands

In progress. Honestly.

The redesign is not live yet: two candidates are on the client’s screen, the admin is wired to one of them, and the old site keeps working until the switch. Next steps are hosting, final copy for the projects and the launch.

Copy with admin — done3 concepts — doneAdmin, news, articles — doneHosting — nextLaunch — next

Need a site that tells
one story?

I design and build websites with a 3D scene, two themes and a content admin the team edits itself — from concept to hosting.

See all casesBook a free call