Case Study — Crescent Stables

A space that was made for you.

Most equestrian websites are built for people who already belong. This one wasn't.

Role
Lead Designer
Timeline
4 to 6 weeks
Tools
Figma, Replit
Deliverable
Netlify + Squarespace
↗ View the prototype — crescent-stables.netlify.app

Highlights

Redesigned Crescent Stables homepage

Warm cream, terracotta, and a space built for someone who has never done this before.

Original Crescent Stables homepage — dark navy and gold palette

Before. Dark navy and gold.

Redesigned Crescent Stables homepage — warm cream and terracotta palette

After. Warm cream and terracotta.

Context
A welcoming equestrian brand for women who have never ridden

Crescent Stables is a women-led equestrian experiences brand in Minnesota targeting adult beginners. I served as lead designer, collaborating with the brand stakeholder throughout.

The target audience is specific. Adult women with little to no riding experience, motivated by curiosity but stopped by anxiety. Worried about safety, embarrassment, and not fitting in. One insight sharpened the entire design direction. Women from certain cultural and religious backgrounds face additional barriers to accessing equestrian spaces. The design could not just be welcoming in a general sense. It had to be specifically and visibly welcoming to the women who had the most reason to feel like this space was not for them.

The question
What does a first-time rider need to feel before she takes a first step?

Not information. Not a list of sessions and prices. A feeling that this place is for someone like her. That she won't look foolish, that someone thought about her specifically when they built this.

Most equestrian websites are built for people who already ride. They use insider language and assume prior knowledge. The existing site had the same problem. It answered functional questions before it answered emotional ones.

The site needed to answer three questions for every visitor, in this order: Is this for someone like me? Is it safe and structured? What do I do to get started?

Research
10 interviews confirmed the emotional barrier was real

I spoke with approximately 10 people to validate whether the emotional barriers I suspected were real. I asked about their perceptions of riding, whether they had ever considered trying it, and what would make them feel safe enough to take a first step.

10/10 women interviewed felt curious about riding
0 had ever tried. Curiosity alone wasn't enough.
Every one said existing barn sites felt written for insiders, not them

Fear of looking inexperienced was the most consistent barrier — not lack of interest.

Framework
Behavioral psychology as the design spine

I structured the entire redesign around Kahneman's System 1 and System 2 framework. An anxious first-time visitor is operating almost entirely in System 1. She feels before she thinks. Every design decision had to serve what she feels in the first three seconds before her rational mind engages.

Behavioral psychology framework diagram

System 1 vs System 2. Every design decision mapped to the emotional state it was designed to serve.

Challenge 01
She feels before she thinks. The hero had one job.

Anchoring shaped the hero. The opening headline sets the emotional frame before any information is processed. Everything the visitor reads afterward is interpreted through that first impression.

Challenge 02
Trust can't be announced. It has to be earned in sequence.

Loss aversion shaped the session cards. Showing spots remaining creates urgency without pressure copy. Losing a spot feels worse than gaining one feels good. WYSIATI shaped the Before You Come page. Anxious users fill information gaps with worst-case assumptions, so the page was designed to fill every possible gap proactively.

Challenge 03
Cognitive ease is invisible. That's exactly the point.

Cognitive ease shaped the visual design. Text contrast corrections, generous line height, calm hierarchy, and short paragraphs reduce cognitive load before the user consciously notices any of it.

Information architecture
Built around how a nervous beginner thinks, not how a barn operates

The final site has four pages: Home, Experiences, Before You Come, and About. Two naming decisions are worth noting.

The Safety page was renamed Before You Come. That shift moves the label from functional to experiential. It signals preparation and welcome rather than liability and rules. Contact was removed from the navigation entirely and merged into the bottom of the About page. This places the inquiry moment at the end of the trust-building journey rather than in competition with it.

Home Emotional first impression Experiences Session cards and details Before You Come Preparation and welcome About Story + contact merged here Renamed from "Safety" Functional → experiential language Contact removed from nav Appears after trust is built The site answers three questions in order: Is this for me? Is it safe? What do I do next?

Four pages. Every naming decision made with the nervous beginner in mind, not how a barn organizes its business.

Wireframing
Three rounds of wireframes before any visual design

Three rounds of wireframes in Figma before any visual design. Round one established basic page structure and content hierarchy. Round two refined spacing, card layouts, and CTA placement. Round three used Figma AI to pressure-test layout assumptions as a tool to accelerate iteration, not to replace design thinking.

The wireframes locked in a consistent set of decisions across every page: large headlines at the top, CTAs placed after reassurance content rather than before it, card-based program layouts, consistent spacing to signal calm.

Round 1 wireframes — hand-drawn sketches exploring page structure

Round 1. Hand-drawn sketches to explore structure before committing to anything digital.

Round 2 wireframes — lo-fi digital layout with grey placeholders

Round 2. Lo-fi digital layout. Content hierarchy locked in before any visual design.

Round 3 wireframes — styled digital wireframes with typography and card layouts

Round 3. Styled wireframes. Typography, spacing, and card layouts refined before final build.

Visual direction
Warm, unhurried, and built for cognitive ease

The visual direction is warm and unhurried. Generous white space, strong typography hierarchy, card-based layouts, and a restrained palette of warm cream, terracotta, and sage green. Pull quote treatments appear at emotional peak moments on each page.

Three annotated component decisions: renamed nav, reassurance strip, and loss aversion session card

Three decisions, each made intentionally. Naming, reassurance, and scarcity — all working before the user consciously notices.

Copywriting was treated as a design discipline with explicit constraints. No generic phrasing. No filler. No formal tone. Every sentence either reassures the visitor or moves her forward.

Original copy Rewritten copy
"Join us for a session" "Whenever you are ready, we will be here."
"Safety information" "Before You Come"
"Contact us" Removed from nav, merged into About page
Generic facility photos Women of color and women in hijab in casual riding contexts
Photography strategy
Images that confirm what the copy promises

Photography was shifted from facility shots to human-centered connection imagery. The images selected show women of color and women in hijab in casual, non-competitive riding contexts. This was a UX decision, not a visual one.

The inclusion approach was attraction-based. The goal was to make the target audience feel so seen and centered that the space clearly belongs to them. Without policy language that could feel defensive or performative.

Before
Black and white photo of competitive riders in formal equestrian attire

Formal competition context. Sends a signal of expertise before the user reads a single word.

Horses looking out from stable stalls

Appealing but impersonal. No human presence, no one to identify with.

Horse in muddy blanket standing near a weathered barn

Authentic, but not inviting. Activates uncertainty rather than curiosity.

Horseshoe mounted on red barn wood

Moody and insider. Signals a world with its own codes that you need to already know.

White fence at a horse arena in golden hour light

Beautiful light, empty frame. No person to identify with, no answer to: is this for me?

After

Every photo sends a signal before the brain engages the text. The original images signaled: this is a serious equestrian world and you need to already belong here.

The redesign centers women who look like the actual audience. Casual clothes. Real moments. The inclusion work happens before a word is read. This is the WYSIATI principle applied visually: if someone does not see themselves, they will not imagine themselves in the experience.

Redesigned Crescent Stables homepage showing a Black woman riding in casual clothes

The live homepage hero. A Black woman on horseback in a puffer vest and jeans. The body language reads joy, not performance.

The pivot

The first version was attracting the wrong audience entirely.

At pop-up events, the people approaching the brand were mostly men. But Crescent Stables was built for women who had never ridden — women who felt excluded from traditional equestrian spaces. The dark navy and gold palette was doing the opposite of what the brand needed. It signaled luxury and expertise. It was a velvet rope, not a door.

Original Crescent Stables homepage — dark navy and gold palette

Before. Navy and gold. Luxury signal, wrong audience.

Redesigned Crescent Stables homepage — warm cream and terracotta palette

After. Cream and terracotta. Warmth signal, right audience.

Design is not neutral. Every visual choice either includes someone or excludes them.

What was delivered
Two products. A deployed prototype and a production site handed off to the client.

A deployed Netlify prototype and a production Squarespace site handed off to the client. The prototype is publicly accessible at crescent-stables.netlify.app.

The Netlify build was user-tested with two first-generation adult beginners before handoff. Both testers said the same thing: it felt like it was written for them.

Crescent Stables redesigned homepage

Home. Leads with belonging before anything else. Three short phrases below the hero spell out the pace, the group, and the expectation before the user scrolls.

Crescent Stables experiences page with upcoming sessions

Experiences. Sessions listed chronologically with spots remaining visible. Scarcity is shown, not announced. Anchoring nudges action without pressure copy.

Before You Come page with practical preparation guidance

Before You Come. Renamed from Safety. Safety language centers risk. Preparation language centers readiness. The rename changes what the user imagines when they click.

About page with founder story and contact form

About. Contact moved here from the main nav. It now appears at the end of the founder's story, when trust is highest and the decision to reach out feels natural.

User testing the Crescent Stables site on a laptop

User testing with a first-time adult beginner before handoff. Both testers said it felt like it was written for them.

Reflection

Inclusion design doesn't start with a policy. It starts with a photograph.

Design is never neutral.

Every visual decision either opens a door or closes one. The palette, the photography, the page names — all of it is either welcoming someone or telling them this space isn't for them.

Structure is a form of empathy.

Organizing a site around how a nervous beginner thinks — not how a barn operates — is the difference between a site that builds trust and one that overwhelms.

Shipping changes how you design.

Working through real deployment sharpened every decision. When you know the consequences are real, you get more precise, not less creative.

Why this matters beyond equestrian. The same design problem shows up everywhere: how do you make someone who has never done this before feel like this space was built specifically for them? First-time business owners. First-time riders. First-time users of anything unfamiliar. The anxiety is the same. The design response should be too. That question is one I want to keep answering.

UX Strategy Discovery Research Information Architecture Behavioral Psychology Wireframing Copywriting Visual Direction Photography Strategy Front-end Development Live Deployment Inclusion Design