Quyen Bui

Saniri Spa

Saniri Spa

Saniri Spa

Saniri Spa

Explore how Framer’s visual design tools and interactive features can elevate the user experience and storytelling for a wellness/spa brand.

Explore how Framer’s visual design tools and interactive features can elevate the user experience and storytelling for a wellness/spa brand.

Explore how Framer’s visual design tools and interactive features can elevate the user experience and storytelling for a wellness/spa brand.

Explore how Framer’s visual design tools and interactive features can elevate the user experience and storytelling for a wellness/spa brand.

View live website

↑

View live website

↑

Overview

Overview

Overview

Saniri Spa is a conceptual website created to experiment with Framer’s latest capabilities for high-fidelity, interactive web experiences. The goal was to craft a serene and inviting digital presence for a modern spa brand while utilizing advanced component architecture, seamless animations, and responsive layouts.

Saniri Spa is a conceptual website created to experiment with Framer’s latest capabilities for high-fidelity, interactive web experiences. The goal was to craft a serene and inviting digital presence for a modern spa brand while utilizing advanced component architecture, seamless animations, and responsive layouts.

Project Type:

Project Type:

Personal/Experimental

Personal/Experimental

Platform:

Platform:

Framer Web

Framer Web

Role:

Role:

Web Developer

Web Developer

Year:

Year:

2025

2025

Process

Process

Process

Component System: Developed flexible Framer components for hero area, service blocks, pricing allowing easy adjustments or reuse.

Animations: Implemented subtle scroll-based and trigger animations—fade-ins, slide-cards, smooth transitions—to create a sense of flow and calm.

Styling: Chose a clean, soft palette and modern, readable typography to evoke wellness and relaxation.

Responsiveness: Fine-tuned all breakpoints for seamless viewing on desktop, tablet, and mobile.

Performance: Optimized assets and interactions for fast load times, smooth experience, and SEO-friendly markup.

Key Takeaways

Key Takeaways

Key Takeaways

This project deepened my expertise in Framer’s component-driven workflow and advanced interactive features. It also reinforced the importance of strategic animation and consistent design systems for web experiences that feel both beautiful and intuitive.

This project deepened my expertise in Framer’s component-driven workflow and advanced interactive features. It also reinforced the importance of strategic animation and consistent design systems for web experiences that feel both beautiful and intuitive.

This project deepened my expertise in Framer’s component-driven workflow and advanced interactive features. It also reinforced the importance of strategic animation and consistent design systems for web experiences that feel both beautiful and intuitive.

This project deepened my expertise in Framer’s component-driven workflow and advanced interactive features. It also reinforced the importance of strategic animation and consistent design systems for web experiences that feel both beautiful and intuitive.

Next Project

Next Project

Next Project