Creative studio
Orivian Studio — v2
The rebuild of this studio’s own site: the same practice, rebuilt to prove the point it sells — a portfolio that shows finished work rather than promising it.
- Demo build
- /26-orivian-studio-v2/
- Orivian contribution
- Full website built from zero — self-initiated, no client commission.
- Site audience
- Prospective clients evaluating the studio against its own published work
- Pages
- 6 pages in the build
The context
What this website is for.
The studio’s own site is the largest sample it has, so it has to survive the closest reading. Every claim on it is checkable against the works in the work section.
v1 was deliberately dependency-light for host portability. v2 spends that budget on motion and 3D, which is the trade being demonstrated here.
What the site has to do
- Publish finished work with no client names where consent is absent.
- Make the process legible enough for a buyer to predict the engagement.
- Carry the enquiry path without a full page reload.
- Show a level of craft the studio can charge for.
- Stay honest about what the studio does and does not take on.
Scope
What the build covered.
Structure, content, design, and build for the whole site — the parts a visitor can see and use.
- Homepage with live local clock and intro loader
- Work section
- Services, process, and about pages
- Contact with project enquiry modal
- GSAP motion layer and three.js scene
- Tailwind v4 token system
Inside the demo
Follow the structure yourself.
Every page below is public. The quickest way to judge this work is to open the paths and read them on your phone.
- Home/26-orivian-studio-v2/
- About/26-orivian-studio-v2/about/
- Services/26-orivian-studio-v2/services/
- Work/26-orivian-studio-v2/work/
- Process/26-orivian-studio-v2/process/
- Contact/26-orivian-studio-v2/contact/
Related services
How this translates to your project.
- Read the service01Website planning
Website Planning and Structure
Start with the right structure.
- Read the service04Lightweight websites
Lightweight Modern Websites
Keep focused websites fast, simple, and clear.
These are self-initiated demo builds. No client commissioned them; brands are fictional or fictionalized, and prices, hours, and metrics inside the demos are labeled indicative.
More examples
Other websites in this collection.
Planning a clearer, more useful website?
Describe what you are building and what needs to be clearer. The conversation starts with the problem, not with a package.
Remote · Direct · No pressure to choose the biggest package