1. Strategic Information Architecture The layout was engineered using a "Problem-Agitation-Soluti...1. Strategic Information Architecture The layout was engineered using a "Problem-Agitation-Soluti...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Daniel's avatar
Daniel Cariapa
• Apr 8
1. Strategic Information Architecture
The layout was engineered using a "Problem-Agitation-Solution" framework.
The Hook: We opened with high-impact lifestyle imagery to sell the emotional outcome (a confident smile) rather than the procedure itself.
The Evidence: A massive portion of the development was dedicated to a multi-format "Success Gallery," integrating static "before and after" photography, video testimonials, and a dynamic "Patient Grid" to showcase demographic diversity.
The Comparison: We built a custom comparison module to clearly delineate the brand’s value proposition against traditional dental models, using a clean, tabular UI.
2. Visual Identity & UI Design
Color Theory: We moved away from "clinical white" in favor of a sophisticated warm cream and deep navy palette. This was intentional—it evokes a "boutique hotel" or "wellness spa" feeling, which helps reduce patient anxiety.
Typography: The design utilizes a high-contrast typographic hierarchy. Elegant serifs are used for aspirational headlines, while clean, highly legible sans-serifs handle the technical and pricing data to ensure clarity.
Component Design: Every section was built as a modular block, allowing for a seamless flow between educational content (how the process works) and social proof (who has done it).
3. Media Integration & UX Features
Video-First Approach: Knowing that high-ticket medical decisions require deep trust, we integrated dedicated video containers for "Doctor Introductions" and "Patient Journeys."
Transparency Modules: We developed a structured pricing and "investment" section. By displaying tiers and inclusions clearly, the UX reduces friction in the sales funnel and qualifies leads before they reach the "Book Now" stage.
Environmental Branding: We purposefully included interior photography of the physical space. This bridges the digital-to-physical gap, ensuring the user feels familiar with the office environment before they ever step foot inside.
4. Technical Goal
The final build was optimized to handle heavy image and video assets without sacrificing load speed, ensuring that the high-resolution "After" photos—the project's most important selling point—render perfectly across all device types.
Web DesignFigma
Post image
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started