One Nadela Medical Group

aesthetic & cosmetic surgery clinic

Project: Fully responsive business website for a multi-branch aesthetic medical group

Link: https://www.onenadelamed.ph/
‍
Role: Website Design, Webflow Development, UX Structure, Content Organization, AI Asset Creation, Ongoing Website Management
‍
Platform: Webflow
‍
Website Toolkit: Webflow, Shopify, WordPress, Squarespace, Wix Studio, Lovable, Google Stitch

← Back to Website Design & Development

The Challenge

One Nadela Medical Group needed an official website that could present its brand, three clinic locations, medical team, booking information, and 60+ aesthetic services without making the experience difficult to browse.

The project also involved organizing a large amount of service information, including pricing, benefits, treatment areas, procedure duration, recovery time, equipment used, side effects, and available branches.

My Approach

I began with discovery calls, brand guidelines, and requirements gathering before designing initial landing page and service page concepts.

Once the direction was approved, I developed the website in Webflow, building a responsive system that could support a large service library while keeping the experience consistent across pages.

My work included:

• Designing and developing the main landing pages
‍
• Building 60+ individual service pages
‍
• Creating categorized navigation for easier service browsing
‍
• Structuring detailed treatment information clearly
‍
• Building individual clinic and branch pages
‍
• Creating About, Contact, and Booking pages
‍
• Adding testimonials, awards, CTAs, and lead-generation sections
‍
• Optimizing layouts across desktop, laptop, tablet, and mobile breakpoints
‍
• Configuring URLs, favicons, and social-sharing assets

Production

One major challenge was the lack of photography for many of the clinic's services.

Rather than delaying the website, I studied the client's existing photography, clinic interiors, staff uniforms, treatment types, branding, and customer profiles.

I then created 60+ tailored AI image prompts to produce realistic service imagery that remained visually consistent with the clinic's existing content.

This allowed the website to launch with a much more complete and cohesive visual system.

Lead Generation

I also worked with the team to integrate and customize an interactive Skin Test using a third-party Webflow solution.

Instead of relying solely on a standard newsletter form, the quiz offered visitors an engaging way to learn about treatments while collecting leads.

‍Within the first few days of launch, the Skin Test generated more than 700 leads.

The Result

The completed website provided One Nadela with a scalable digital home for its growing service offering while giving potential clients a clear path from researching treatments to contacting or booking with a clinic.

The website remained live and actively used by the business, and I continued supporting the team with new services, imagery, content, and website updates after the initial launch.

What This Project Shows

This project demonstrates how I approach website design as both a visual and structural problem. I can take large amounts of content, organize them into an intuitive user experience, build responsive interfaces, integrate third-party functionality, and create missing visual assets when a project needs them.

While this project was developed in Webflow, I work across Shopify, WordPress, Squarespace, Wix Studio, Lovable, and Google Stitch, choosing the platform and workflow based on the needs of the business rather than forcing every project into the same system.The goal was never to generate impressive clips in isolation. It was to use AI as part of a controlled filmmaking process and turn an artist’s visual language into a coherent moving piece.