Gavell Website Case Study
Gavell is a premier interior design and space planning firm that focuses on creating environments blending form, function, and emotional connection. They work across homes, offices, hotels, and public spaces with the goal of elevating lifestyles and redefining spatial experiences.
client
Gavell
Services
Website design & Development
Tool
Figma & WordPress
Project timeline
4 weeks
Introduction
Gavell is a leading interior design and space planning firm that believes great spaces are more than just built — they are strategically designed to inspire and connect. With a portfolio spanning luxurious homes, dynamic offices, and impactful public environments, Gavell needed a digital platform that truly embodies their mission and craftsmanship. I was brought on board as both UX Designer and WordPress Developer to create an immersive, responsive website that tells their story while offering seamless usability.
Understanding the
Challenge
The core challenge was to design a website that not only showcases Gavell’s impressive projects but also reflects their refined design philosophy: a balance of aesthetics, functionality, and emotional resonance. The site had to serve a diverse audience — from potential clients seeking inspiration, to partners and vendors needing clear information, all while maintaining fast load times and flawless mobile responsiveness.
Additionally, Gavell’s internal team required an easy-to-manage CMS that would allow them to update project portfolios, blog posts, and service details without technical hurdles. The project scope included full website design and development, content optimization, and performance tuning.
Research & Strategy
To start, I dove deep into the brand’s identity and target audience. Workshops and interviews with the Gavell team helped uncover their priorities: elegance, clarity, and user engagement. Competitor analysis showed a trend toward highly visual sites but often lacked user-friendly navigation or mobile optimization.
With these insights, I defined key user journeys:
Discovering Gavell’s services
Exploring the portfolio to assess quality and style
Contacting the firm for consultations or collaborations
These journeys guided the information architecture and wireframe design to ensure intuitive navigation and clear calls-to-action.
Design Approach
Using Figma, I created a modern, minimalist interface that emphasizes large, high-quality images paired with clean typography and generous whitespace. The design focuses on storytelling—each project is a narrative, visually and textually guiding visitors through Gavell’s expertise and impact.
Key design features include:
A striking homepage hero section showcasing flagship projects
Filterable portfolio galleries for easy exploration
Dedicated service pages that blend visuals and concise descriptions
Mobile-first layouts ensuring perfect usability on phones and tablets
Subtle animations and hover effects to add polish without distraction
The color palette reflects sophistication — neutral tones accented by warm highlights — echoing the firm’s aesthetic.
Development & Implementation
For development, I chose WordPress combined with Elementor Pro for maximum flexibility and client autonomy. Custom templates were built to replicate Figma designs pixel-perfectly while keeping the backend user-friendly.
Performance optimization was critical. I implemented:
Image compression and lazy loading to speed up page rendering
Efficient CSS and JavaScript bundling to reduce load times
SEO-friendly structure using Yoast SEO and clean permalink setups
Responsive testing across a range of devices and browsers to ensure consistency
The final build allows the Gavell team to effortlessly add new projects, update blog content, and adjust service information without developer intervention.
Results & Impact
Though the website is pending launch, the feedback from the Gavell team has been overwhelmingly positive. The new design reflects their brand essence and elevates their digital presence to match their physical work.
The site promises:
Improved engagement through visual storytelling and smooth navigation
Enhanced mobile experience, catering to an increasingly on-the-go audience
Faster loading times supporting better SEO rankings and user retention
Simplified content management empowering the client’s marketing efforts
Reflections & Learnings
This project reinforced the power of integrating strategic UX with flexible WordPress development. Balancing high-end design aesthetics with practical CMS functionality ensures the client’s vision is realized without compromising usability or maintainability.
Moving forward, I plan to monitor site analytics post-launch to identify areas for continuous improvement and possibly add interactive elements like virtual tours or client testimonials to deepen engagement.
