Parnav Studio

Why build from scratch?

I sell custom digital products. Showing up with a template would undermine the pitch before it started. The studio site had to be the proof: if I can’t build something impressive for myself, why would anyone trust me with their project?

So I treated it like a real client engagement. Set goals, made design decisions with intent, chose a tech stack for specific reasons, and shipped something I’d be proud to put my name on.

The brief

The site needed to do three things:

1. Convince someone to reach out within one visit. Not through aggressive CTAs or pop-ups, but by making the quality of the work obvious.
2. Show range without faking it. I’m a one-person studio. The site had to show that one person can handle strategy, design, and development without looking like a freelancer’s portfolio.
3. Load fast and feel smooth. If the site about building digital products has a slow, clunky user experience, the pitch is dead before it starts.

The visual identity

I built a full brand system before writing a single line of code. Two background colors, one accent, two typefaces. Simple rules that make every decision easier.

The limited palette forces good layout. If you only have two background colors and one accent, every element has to earn its space through spacing, type, and hierarchy rather than relying on color.

How it feels to use

The difference between a good website and a great one is in the details people feel but can’t name. Here’s what that looks like in motion:

Full-screen video hero. The home page opens with a looping video behind the headline. A dark overlay keeps the text readable on any frame. The scroll indicator fades out as you start moving.

Smooth scrolling. The whole site runs on Lenis for a fluid, almost weightless scroll feel. It’s one of those things you don’t notice until you go to a site without it.

Scroll-triggered animations. Sections fade in as you reach them. Process steps, service cards, and project grids all animate on entry. Keeps the page feeling alive without being distracting.

Interactive buttons with shadow effects. The orange box-shadow offset on CTAs is a small detail that makes the site feel tactile. Hover states shift and fill. Everything that’s clickable tells you it’s clickable.

A mobile experience that was designed, not just shrunk. The phone version isn’t a compressed desktop layout. The navigation becomes a full-screen animated menu. The typography adjusts. The spacing changes. Everything was built for touch from the start.

Performance

Why this matters for your business

Google uses page speed as a ranking factor. A slow website doesn’t just frustrate visitors, it gets buried in search results. When someone Googles your industry and two sites offer the same service, the faster one ranks higher. That’s not an opinion, it’s how the algorithm works.

53% of mobile visitors leave a site that takes longer than 3 seconds to load. Every second of delay reduces conversions by roughly 7%. A perfect Lighthouse score means Google sees nothing to complain about, your visitors get what they came for without waiting, and your site is set up to rank as well as it possibly can.

I didn’t optimise for a test score. I built the site with performance as a constraint from day one: minimal code, no unnecessary libraries, images that load progressively, and a server configuration that delivers pages from the nearest data center. The score is a result of those decisions, not a goal in itself.