The Napier is a boutique hotel concept that needed an elegant, modern online presence to align with its upscale identity. The client came with only a rough branding idea and a desire for something that felt “quietly luxurious.” There was no existing website - I was responsible for designing and building everything from scratch.
I handled both Figma-based design and full Webflow development, as well as SEO-friendly structuring, copywriting, and subtle scroll-based animation work. The design direction was minimal, with a focus on large visuals, whitespace, and typography to evoke a calm, curated atmosphere.
The most complex part of this project was making the parallax effect feel natural and performant, especially across different devices. Initially, it caused jank on mobile. I resolved this by carefully layering divs and limiting animation triggers to specific breakpoints to avoid GPU overuse on low-power devices.
Another subtle challenge was designing a layout that felt complete even though the client had very little content. I solved this with deliberate spacing, full-bleed images, and repeatable grid structures that made the site feel “intentional” and premium, not empty.
This project refined my understanding of motion design for performance and strengthened my design instincts around working with limited content. I also streamlined my Figma-to-Webflow workflow, making it easier to maintain a pixel-perfect outcome across both platforms. On the development side, I gained more confidence in layering and responsiveness, particularly with scroll effects.
