Studio Des Iles

“Dreams of elevated experiences and creating new stories that inspire, innovate, and transform.”

View other case studies

View other case studies

Tools used

Figma

Figma

Photoshop

Photoshop

SerVICE

  • UI/UX Design

YEAR

2025

Open laptop on wooden table displaying STUDIO DES ILES website featuring an article titled 'An international career' with a photo of a man in a white t-shirt.

Project background

We partnered with Kanimata, led by Franck Dacosta, for this project. The architect, Jean-Marc, wanted to create a website that reflected his own vision. He founded STUDIO DES ILES, a space where he could blend his personal heritage with professional expertise.

Although Jean-Marc already had a website, it felt too plain and didn’t really showcase his work or skills effectively. He wanted something more meaningful, not necessarily to attract new clients, but to use as a portfolio to quickly present his work. This insight helped guide our design decisions.

Client’s feedback

Dhiren was a key part of the project’s success. His UX thinking is solid, and his attention to typography gives the designs a polished, high quality feel.

Franck
Agency Owner @ Kanimata
Book a free audit

Book a free audit

Problem Statement

After speaking with the client, we found out the existing website was built from a basic template. While templates are fast and easy to use, they rarely reflect a brand’s personality or business goals.

At Vertex Experience, we believe in designing from the ground up. We worked closely with the client to understand the weaknesses of the old site and the goals of the new one. These conversations helped us uncover key pain points and allowed us to address them during the UX design phase.

Home page

List of projects

Project page

About

Press

UX Challenge and Solution

During our UX audit, we discovered the existing menu was difficult to use. Users struggled to find the pages they were looking for. Hover effects added unnecessary complexity, and the animations were distracting.

We simplified the navigation with a clean and easy-to-use menu. Users can now click the burger menu, choose “Projects,” and explore the work easily. The client also wanted an editorial layout with big, immersive images — so we made sure to bring that idea to life in the final design.

Mood Board Style

Designing an architecture-focused website means pushing creative boundaries. To kick off the UI phase, we first created a mood board to understand the design direction the client had in mind.

This helped us better understand his creative style and how he communicates through design. It gave us a solid starting point to begin the visual work.

About Us section

Modern glass skyscraper with greenery on terraces at sunset in a cityscape, labeled Skyline Corporate Hub.OMMO website section with text about being a creative Webflow development partner for design studios and agencies, alongside a display of mobile app screens.Modern office interior with large windows, sleek furniture, and an orange accent wall.Elegant, warmly lit bar interior with polished wooden counters, leather stools, plush seating, and decorative lighting, evoking a cozy, upscale atmosphere.Website section showing logos and photos of office interiors of various companies with the heading, 'Here’s a look at the incredible companies we’ve worked with along the way!'Curved concrete staircases and railings casting shadows, seen in an architectural structure with warm lighting.Website journal page with Architecta logo, navigation menu, and three architectural articles titled 'Designing Spaces that Inspire', 'Crafting Tomorrow: Sustainable Architecture', and 'Where Functionality Meets Aesthetics'.Modern outdoor terrace with blue garden sofa and greenery overlooking a mountain landscape under a covered patio.

Hero Home page

Two modern high-rise buildings covered with dense greenery and plants on balconies under a cloudy sky.Modern white two-story house with large glass windows and balconies under a blue sky.Website homepage with the text 'We are the aces up the sleeve in your visual communications game: from branding to web development, UX and beyond' on a light gray background with an orange circle containing partial white text.Website homepage for Interim showcasing the tagline 'Your Ideas, Our Creative Twist' with a modern kitchen image below and a call-to-action button to buy a template.

Menu section

Website menu with options: Services, Portfolio, About Us, Blog, Contact Us, and Career on a dark gray background.Website menu with black section featuring newsletter signup, contact info, and legal notice; white section with navigation links and social media icons.Dark website menu screen with white text showing navigation options: Home, Collection, Shop, About, Contact.Website menu with Archisphere logo and navigation links Home, About, Projects, Service, Blog, FAQs, Contact, and 404, next to a modern house image with address and phone number.
Book a free audit

Book a free audit

Key Requirements

The most important part of the website for the client was the project showcase. We needed to build a unique and engaging experience. After testing several approaches, one stood out: horizontal scrolling.

Since websites usually scroll vertically, switching to horizontal gave us a fresh way to display large, immersive images alongside the project stories. It felt more like browsing a design magazine — which matched the editorial look the client was aiming for.

Book a free audit

Book a free audit

Process

We used Figma for all design tasks and FigJam or Miro for brainstorming and collaboration. Weekly meetings helped align on progress, challenges, and ideas.

Communication with the client was smooth and clear. Every idea was considered, and all feedback was carefully reviewed. This helped us deliver a well-thought-out final product with no overlooked details.

UX Challenge

The client was inspired by printed media like magazines and booklets. This led us to explore a horizontal scroll layout, which fit that visual storytelling style perfectly.

We created a master page template with standard image and text styles, making it easy for the client to add new projects later without breaking the design consistency.

Book a free audit

Book a free audit

Mobile Design

We kept the mobile experience as close as possible to the original desktop version. Horizontal scrolling needed some careful thought, but for usability, we chose to keep most pages scrolling vertically.

Vertical scrolling felt more natural for smartphones, and it helped users view content more comfortably. We also preserved the immersive, image-heavy layout to maintain design consistency across all devices.

Two smartphones displaying studiodesiles.com; left shows article about LUX* Belle Mare Suites & Villas with interior photo, right shows studio homepage with man reading book and artwork.
Book a free audit

Book a free audit

Results

Vertex Experience was hired to redesign the UX of the old website and create a more meaningful experience. According to the client, they were very happy with the result.Using Figma prototypes, they were able to test and share the site easily with stakeholders and collect feedback.

The final design is now being developed by a third-party agency using WordPress.

From our side, we’re proud of the result and really enjoyed the collaboration with the client.

Book a free audit

Book a free audit

Featured work

Some projects cannot be showcased due to agreement so if you want to see more, please get in touch with the team.

View other case studies

View other case studies

Melbourne

A corporate website combining storytelling and digital strategy, designed with Webflow for a seamless brand presence.

Melbourne

Trusty, Webflow development in Mauritius

Trusty

A Webflow-built platform helping Mauritian entrepreneurs grow with intuitive UI/UX and responsive web design.

Trusty

Click Here

Client’s feedback

"Dhiren was a key part of the project’s success. His UX thinking is solid, and his attention to typography gives the designs a polished, high quality feel. He is a strong designer who knows how to communicate ideas clearly and hold the line on quality. The client valued his input, and I appreciated how easy and efficient it is to collaborate with him."

Franck
Agency Owner @ Kanimata