ecErin Caceres
← All work Website redesign

Zoe Folts Therapy

How I took a therapist’s dated website from research to redesign: five interviews, four competitors, nine insights, and a new site that puts booking one tap away.

After: see the redesign ↗
Client
Zoe Folts, therapist
Role
Research, UX/UI design
Tools
Figma, FigJam
Timeline
Jan–Feb 2024
Redesigned Zoe Folts homepage: Counseling and Psychotherapy headline over a soft peach topographic pattern with a Schedule an Appointment button
The redesigned homepage: one clear headline and booking front and center.
01

The old site

Discovery

Great therapist, tired website

Zoe Folts is a local therapist with more than 20 years of experience. Her site, zoefolts.com, had all the right information, but it was built like it was from another decade: a dark maroon frame, a stock compass banner, and a sidebar of ten-plus links where booking was just one item in the list.

My task was a full redesign with one hard rule: keep her content. So the work was all structure and visual design: reorganize what she already had so it felt calm, clear and easy to act on.

The original zoefolts.com homepage: a maroon header and sidebar menu of links, a stock compass banner and dense text
Before
The original zoefolts.com: dark maroon framing, a stock banner, and ten-plus sidebar links with booking buried among them.

The proposal: make the site more inviting, easier to navigate and true to Zoe’s therapeutic approach, so that booking a free consultation is the easiest thing to do from anywhere.

How I worked
1. Discovery2. Research3. Debrief4. Design5. User testing6. Present
02

What people need

Research

Competitor analysis

I compared four therapy practice sites side by side: each one’s value proposition, strengths, weaknesses and what they all had in common. With therapy, the site and the person are hard to separate, so I looked past layout at how well each one conveyed the therapist herself.

Branding matters

The strongest sites felt like one voice: color, wording, logo and photos all working together.

Simplicity is key

Easy booking from any page, and a clear focus on the therapist’s top three priorities.

Personal connection

Sites with a photo and a sense of the therapist’s personality felt far more trustworthy.

Showing care

Free resources signaled real concern for people’s mental health, beyond selling a service.

User interviews

I interviewed five people who have been in therapy about how they found and booked their therapist, and whether a website played a part. Three quotes stuck with me:

“I went to her website and just called her immediately, just because that seemed easiest.”
“I like to see a picture of them before booking an appointment so I can see who I’m speaking to.”
“A website is important to me, it shows they can keep up with the times and are aware of today’s world.”

Affinity mapping

I sorted everything from the interviews into pain points, features to include and shared trends. Nine insights came out of it, and they shaped every decision that followed.

01

Specific reasons

People start therapy for a specific reason, so the site should speak to targeted needs.

02

Approach matters

Users want to know the therapist’s methods and style.

03

Same-gender preference

Many prefer a therapist of the same gender for comfort.

04

Too much info

Information overload caused confusion. Keep it clear and concise.

05

Matching vibe

The site should feel like the therapist’s personality.

06

Show her face

Most people want to see a photo before they book.

07

Booking first

Booking a session should be the main, easiest action.

08

Insurance up front

People want to know right away if insurance is accepted.

09

Phone calls win

Many prefer to book the first appointment with a call and hear the therapist’s voice.

User persona

From the interviews and affinity map I built Chrissy, the person this redesign had to work for.

CR
Chrissy Rose
24 · Accountant · Phoenix, Arizona

Just moved for a demanding new job, has great insurance and no community yet. A friend suggested she find a therapist.

Goals
  • A good-fit therapist nearby who also does video sessions
  • A woman therapist whose personality she can get a feel for online
  • Someone who takes her insurance
Pain points
  • Gave up last time because sites didn’t say if they took insurance
  • Called a therapist who never called back, and there was no way to book online
  • Has a hard time trusting people and wants to know she’ll click first
03

Goals & priorities

Define

Lining up the goals

Before designing anything, I mapped Zoe’s business goals, users’ goals and technical considerations to find what all three shared.

Business goals

Attract people looking for a good fit, show Zoe’s personality and style, get them to book or call.

User goals

Find a matching therapist, see who she is, book easily, and find a phone number and email fast.

Technical

Organized and user-friendly, a photo of the therapist, booking and contact on every page.

Where they overlap

Book a session, get to know each other a bit first, and a site that’s easy to use.

Feature priorities

Because this was a redesign, the priorities mostly stayed the same. The one big call was to de-prioritize Zoe’s long list of outside links: it mattered to her, but research showed it wasn’t what people came for, so it moved behind the menu.

P1 · Must-haveHome, Services, About, Contact & booking, Location, Privacy
P2 · Nice to haveCommon Questions, Links & Resources, Books of Interest
P3 · DelightfulIn-app messaging and client reviews, both requested by interviewees

User flows

Everything on the site funnels to two actions: book a free consultation or contact Zoe. Since the links were moving behind the menu, I mapped two ways to reach them and planned to test both.

Flow 1 · New client contacts Zoe
HomeBook a free consultationFill out new-client infoSubmit
Or:ContactSee phone & emailCall or email her
Flow 2 · Finding links & resources
HomeOpen “More” in the menuLinks & Resources
Or:Scroll to the “More” sectionTap the Links icon
04

Sketch to screen

Design

Low-fi to hi-fi

I started with quick paper sketches of the homepage, services, about, location and contact screens. The homepage held everything, with consultation and contact up top and a hamburger menu for individual sections.

Early testers found the flow intuitive and enjoyable, so I moved into high-fidelity frames in Figma: a soft peach-and-navy palette, a calm topographic texture, Zoe’s photo front and center, and her own words broken into easy pieces.

Erin’s Figma canvas for the Zoe Folts redesign: wireframes, long-scroll homepage drafts, content pages, phone and laptop mockups, and the final homepage frames
The Figma file: wireframes and early long-scroll drafts on the left, final pages and phone and laptop mockups on the right.
Try the phone prototype Open the Figma file

The final design

Consultation and contact buttons are prominent on every page.
A hamburger menu leads to sections on their own pages instead of one endless scroll.
A single, complete homepage designed for mobile first.
Long paragraphs split into short, scannable pieces with supporting visuals.
Final Zoe Folts desktop homepage: Counseling and Psychotherapy headline over a soft peach topographic pattern, with a Schedule an Appointment button
Desktop
Final Zoe Folts mobile homepage in a phone frame: Arizona Center for Counseling and Psychotherapy with a Schedule Free Consultation button
Mobile
05

Test & refine

User testing

Two tasks, five testers

Every tester got through both tasks easily. The feedback was about comfort, not confusion: one tester found the site wordy, and scrolling one long page felt clunky on a phone.

Task 1

“Schedule a free consultation with Zoe, then go back to the home page.”

Tests the booking feature and getting back home.

Task 2

“There are two ways to get to links and resources. Can you find both?”

Tests whether both paths in the navigation make sense.

5/5
testers finished both tasks with no issues

What I changed

Two iterations came straight out of testing.

Change 1

Mobile structure

On laptop, one long homepage with jump links works fine. On a phone it felt cumbersome, so I kept a complete homepage and moved each section to its own page behind the hamburger menu.

Change 2

Shorter reads

A tester found the paragraphs long, so I split them into smaller, digestible pieces and added design elements between them.

Takeaways

“Seeing my client derive joy from the end result was truly rewarding.”

Redesigning someone else’s site is different from inventing an app from scratch: the job is to bring their vision to life, not mine. Working closely with a therapist deepened my appreciation for collaborative design, where turning someone’s vision into a real digital experience makes a meaningful difference.

View the website ↗View the prototype ↗
Next up
The playground