Case Study 2025
OneVirex
No template, no theme — a landing page designed with Figma and coded with Astro for pure performance.
Overview
Designed and coded a landing page from zero. Started with collaborative Figma design (where I began learning UI/UX fundamentals), then built it with Astro and Tailwind CSS for raw performance. No template, no theme, no visual debt. End-to-end ownership from DNS configuration to production deploy. Live at onevirex.com.
The Problem
No template, no theme — a landing page designed with Figma and coded with Astro for pure performance.
The client needed a web presence that communicated credibility instantly — but generic templates signal the opposite. Performance had to be flawless, responsive behavior bulletproof, and iteration speed high enough to ship changes the same day.
Visual proof
Screens and designs that shipped
Design Work
Final Product
onevirex.com
Demos & Videos
What I learned
- 01 /
Astro is the right tool for landing pagesZero JS by default means the page loads instantly. Interactivity is additive, not the baseline. Perfect for content-focused sites.
- 02 /
No-template forces intentionalityStarting from scratch eliminated visual noise and forced every element to justify its existence. Better design through constraints.
- 03 /
Learning design made me a better developerUnderstanding layout systems, visual hierarchy, and spacing in Figma made implementation smoother. Knowing why design decisions were made helped translate them into code accurately.