ConceptHealthcare · orthodontics · Mexico City

Perea Ortodoncia: treatment and budget clear before the first visit

Fictional business. This concept shows how the studio works; it isn't a client project and has no results to report.

Perea Ortodoncia

The problem

Patients arrive with scattered prices from Instagram, already wary before the first visit. The clinic spends the first appointment explaining the basics.

The idea

A site that explains clear aligners in four steps, shows results and publishes fee ranges and payment options, so patients arrive with clear expectations.

Open the concept site (opens in a new tab)

What's built

  • Full site: clinic, four-step treatment, orthodontist, fees and FAQ.
  • A draggable before/after comparison that responds to the keyboard and is accessible as a slider.
  • CSS-only scroll-driven animation, in Spanish and English.

What's a mock-up

  • The clinic, orthodontist, prices, cases and contact details are fictional, and the site says so.
  • The fee table is static; there's no calculator or online booking.

What it shows

  • Publishing what patients look for before contacting you reduces distrust up front.
  • A lightweight site, with no animation libraries and accessible controls.

Technology

  • Next.js 15
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • next-intl (ES/EN)

Related services

Other concepts

Tell us which process doesn't fit the software you have.

Message on WhatsAppcontacto@liffeylabs.comA message with your project's name and what it needs to do. Reply within 24 h.
  • Repository in your name
  • Deployed to your accounts
  • No proprietary platform