/work/mavi-gulus

Mavi Gülüş

disify.dev/mavi-gulus →
what it is
demo website
role
art direction, design, code, animation
year
2026
platform
Next.js

Demo project: the business is fictional, there is no client. The site was built for the portfolio and is live at the link.

Demo project: the clinic is fictional, the site is real.

The goal is to take the fear away: turquoise water, pearl, mint, lots of air.

Tenor Sans and Inter (the Turkish dotless ı renders correctly).

Next.

js App Router: sections are React components, treatments and prices are data, the build is a static export.

The home page has a glass-mosaic hero, a trust strip, treatment cards with ₺ prices, a four-step visit “ritual”, a pain-free block with numbers, a tabbed price list with instalments, reviews rated 4.

9 and a booking form by day and time.

The tooth mascot winks when you hover the booking button.

Responsive at 1440 and 390.

skills and tools

  • Next.js
  • React
  • static export
  • UI/UX
  • GSAP
  • responsive
  • TR / EN

screens

hero
hero
treatments with prices
treatments with prices
pain-free, fear-free treatment
pain-free, fear-free treatment
online booking
online booking
next projectUsta Garaj
human