UrbanPortico
Crafting Kondai Lip Resort’s Immersive Backwater Booking Experience
Role
Lead Designer and Developer
Responsibilities
Research, Design & Development
Year
2023

Problem
Research
- We analyzed top global landscape architecture firms’ sites to identify best practices in portfolio storytelling, user engagement, and interactive features.
- We collaborated closely with the studio’s principals to uncover their core values, signature styles, and sustainability goals—building a foundation for every design decision.
- Designing for phones first ensures every guest enjoys a smooth experience, whether they’re on the road or at home.
Market & Inspiration Scan
Stakeholder Interviews
Mobile-First Focus

Research
- Establish a unique, custom site that reflects the studio’s identity—no off-the-shelf templates or borrowed components.
- Feature compelling before-and-after galleries that illustrate each project’s environmental and aesthetic impact.
- Incorporate subtle HTML, CSS, and JavaScript animations—hover effects, smooth scroll reveals—to delight visitors and reinforce professionalism.
Build from Scratch
Showcase Transformations
Engage with Micro-Interactions
Design Phase
- Selected a harmonious palette of gentle greens and warm earth tones, paired with ample white space and elegant typography. This allowed high-resolution project imagery to take center stage and echoed the studio’s sustainable ethos.
- Full-width sliders and interactive before-after toggles drew visitors into each project narrative, making the transformations both memorable and shareable.
- Crisp iconography and concise case highlights introduced each service line, while professional headshots and short bios built personal connections.
Minimalist, Nature-Inspired Aesthetic
High-Impact Visual Galleries
Comprehensive Team & Services Sections



Key Takeaways
- Creating a site from scratch ensures every element—layout, color, interaction—aligns with the studio’s mission and audience needs.
- Before-and-after galleries turn project photos into compelling narratives that build trust and inspire new clients.
- Well-crafted micro-interactions elevate professionalism without distracting from core content.
Purpose-Driven Design
Transformative Storytelling
elightful Engagement
Conclusion