Vedrana Zaimović

Therapist websites carry a specific weight. The visitor is often anxious, uncertain, or in distress. The design had to feel safe before anything else — warm tones, clear language, no jargon, no friction between arriving and reaching out. Credibility would follow from trust, not the other way around.

The content was too rich for a single scrollable page but not complex enough to warrant deep navigation. The solution: four nav items — About, Services, FAQs, Contact — where FAQs and the contact form live as sections on the homepage. Visitors move naturally from who she is, to what she offers, to getting in touch. Less cognitive load, clearer journey.

Wireframes started by hand, then moved to digital. The structure was clear early — hero, about, services, FAQs, contact — but several iterations refined how each section felt and related to the next. The homepage follows a clear narrative arc: who she is, what she offers, answers to common questions, and a direct way to reach out. Pricing lives on the Services page — closer to the context where it makes sense.

The mood board set the emotional direction before any visual decisions were made. Warmth, calm, the word BEGIN on a coffee cup. The palette that came out of it — creams, terracottas, sage greens, and slate blues — carried through unchanged into the final design and the live codebase.

The style tile locked in the visual language: typography pairing, colour tokens, form elements, and spacing. The primary colour — #475661, a slate blue — carried through to the live codebase untouched.

The logo went through several conceptual directions — labyrinths, hearts, puzzle pieces, botanical forms — before landing on a spiral mark. It speaks to the core of the work: thoughts and emotions finding their way to a calmer state.

The final design covers the full homepage across three breakpoints. The hero opens with feeling rather than credentials. Each service is anchored by a quote from a voice Vedrana respects in her field. The page ends where it should — with a direct, unhurried invitation to get in touch. Copy was refined later with real content from the client, shaping some of the final layout decisions.

Built with Next.js 16 (App Router), TypeScript, and SCSS Modules, deployed on Vercel. Email is handled via Resend with a honeypot field for spam protection. No CMS was added — content lives in code, keeping the stack lean and the site fast to maintain.

Copy was developed directly with the client — her words, shaped for the web. The navigation went from five items to three. The personal story was folded into the About page rather than living separately. Pricing was placed on the Services page, where it makes contextual sense rather than feeling like a reveal. FAQs were generated from her own language. Throughout, the tone stays warm and direct — no therapy jargon, no distance.

The result is a site that does what it set out to do — earns trust quickly and gets out of the way.