> Plastic Surgery Clinic Website Design & Development
ARTE
Design and frontend development for a medical clinic.
- Stage
- Shipped
Field notes
From IA design and brand color selection to layout and code — I ran the entire process solo. A plastic surgery site has to read as trustworthy and upscale at the same time. Visitors book a consultation with confidence not from promotional copy, but from procedure details and staff credentials laid out clearly. Working from that principle, I mapped the information architecture first, then ordered the navigation around what visitors actually want to know.
Process
A single-page flow that alternates full-bleed portraits with dark sections for rhythm, dropping consultation CTAs at several points along the scroll.
- 01Hero
Full-bleed portrait photo with headline copy and CTA overlaid.
- 02Treatments grid
A 4-column image-card grid introducing each specialty area.
- 03Process
Numbered step list on a dark background with a centered photo and an oversized ghost numeral.
- 04Before & after
A before/after comparison slider paired with a testimonial copy card.
- 05Trust pillars
Three trust pillars laid over a large horizontally-scrolling marquee-text background.
- 06Hospital gallery
A single large photograph of the clinic interior.
- 07Location & contact
Two-column layout: address/hours info alongside an embedded map.
- 08Consultation CTA
A closing banner driving toward the consultation form.
- 09Footer
Sitemap and clinic info organized into columns.
