A fully responsive business website built for a modeling and fashion styling academy — course listings, photo gallery, and a clean contact funnel, designed to give a growing academy real credibility online.
Nova Fashion Academy trains people in modeling, choreography, and fashion styling. They needed a website that felt as polished and editorial as the industry they teach into — not a generic template site — while still being fast, mobile-first, and easy for prospective students to reach out from.
In fashion and modeling, how a brand looks online is the pitch. A generic-looking site would actively hurt credibility with prospective students who expect a certain visual standard — but the client also needed something that loaded fast and worked flawlessly on mobile, where most inquiries come from.
A hand-coded HTML/CSS/JS site (no heavy CMS or page-builder overhead) with an editorial dark-and-cream aesthetic, elegant serif typography for the brand name, and a photo gallery built to load fast without sacrificing visual impact.
Clear breakdown of programs offered — modeling, choreography, and styling — with details for each.
A curated, fast-loading gallery showcasing student work and academy events.
Builds trust by introducing the people behind the academy, not just the brand.
Simple, low-friction contact form so prospective students can inquire in seconds.
A dense multi-section menu collapsed into a clean mobile nav without losing any links.
No CMS overhead — static HTML/CSS/JS keeps the site quick even with heavy imagery.
Deliberately simple — a marketing site doesn't need a database or backend, it needs to load fast and convert visitors into inquiries.
The client's photo assets were large, high-quality shoots — beautiful, but a direct threat to page speed if used at full size across a gallery.
→ Resized and compressed every gallery image to the actual display size needed, with lazy-loading so only visible images load first.With Home, About, Team, Gallery, and Contact all needing top-level visibility, a standard mobile hamburger menu felt cramped and lost visual hierarchy.
→ Designed a full-screen mobile nav overlay instead of a cramped dropdown, keeping every link legible and tappable.A page-builder or CMS would have made the elegant serif/dark aesthetic easier to assemble, but at the cost of load speed and long-term flexibility.
→ Hand-coded the layout in plain HTML/CSS/JS instead — slower to build, but faster to load and easier to maintain long-term.