Mobile-First Engineering: Why I Launched a Subdomain for My Personal Portfolio

In a world where 60% of web traffic is mobile, a "responsive" website isn't enough anymore. I wanted to build something that didn't just scale down, but felt like it was native to the palm of your hand.

Check out the live mobile-optimized site at portfolio.shaurya.online

The Strategy: My First Subdomain
When I started this project, I made a strategic decision to host it on its first subdomain.

Instead of cramming everything into a single URL, I used portfolio.shaurya.online to host a specifically tailored mobile experience. This allows my main site to remain a high-level hub, while the subdomain delivers a high-performance, boutique interface designed for quick browsing on the go.

What Makes it "Mobile-Tailored"?
Building for mobile-first means moving beyond the desktop-first mindset. I focused on three key areas:

1. Touch-Friendly UI: All interaction points are designed with "thumb-reach" in mind. No tiny buttons or microscopic links.
3. Performance at the Core: By using modern image formats like AVIF and lean CSS, the site hits near-perfect scores on performance metrics. It loads instantly, even on slower 4G connections.
5. App-Like Experience: From the smooth transitions to the integrated social grid, every element is designed to feel like a premium mobile application rather than a resized desktop page.

The Backlink Benefit
Organizing my web presence this way has been an incredible lesson in web architecture. By using the

portfolio.

subdomain, I can experiment with cutting-edge CSS and interactive layouts without affecting the stability of my primary domain.

Whether you’re a recruiter or a fellow dev, I’d love for you to open this on your phone and experience the flow.

View the project here: https://portfolio.shaurya.online