Rada Mureșan
A calm, Romanian-language website for Rada Mureșan, a clinical psychologist, where people looking for support can learn about her services and book an online or in-person session.
Overview
The site presents Rada's services, how she works, booking options, an FAQ and her contact details, with every booking button opening a pre-filled email. I designed and hand-coded it end to end, including a GSAP motion layer, light and dark themes, and an import into my WireSwan hosting platform so Rada edits her own texts.
- Role
- Design & development — branding, front-end, motion, SEO and hosting
- Year
- 2026
- Status
- Live
Highlights
- 01
Breathing intro
The hero photo opens as a small pill in an empty screen ('breathe in'), then moves into its slot between the two lines of the name ('breathe out'), animating the real element so the crop never jumps.
- 02
Hand-drawn canvas waves
Slow contour lines behind the hero are drawn on a 2D canvas without GSAP, recolour with the theme and fall back to one still frame under reduced motion.
- 03
Client-editable, no CMS
63 text fields and the brand green are editable by Rada from the WireSwan editor, so she updates her own copy while the site stays plain static HTML.
Stack
- HTML5
- CSS3 (custom properties)
- Vanilla JavaScript
- GSAP
- ScrollTrigger
- Lenis
- Canvas 2D
- View Transitions API
- Schema.org JSON-LD
- WireSwan
- Docker
- Caddy
- Hetzner
Palette
