Crescent Stables

UX strategy, information architecture, and interaction design for an equestrian brand targeting adult first-time riders

Role
Lead Designer
Timeline
4 to 6 weeks
Tools
Figma, Replit
Deliverable
Netlify + Squarespace
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.

Curiositywas common but rarely acted on
Fearof looking inexperienced came up repeatedly
Insidersis who existing barn sites felt written for
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 1
How might we make an anxious visitor feel seen before she reads a word?

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 2
How might we build trust without triggering defensiveness?

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 3
How might we make the space feel specifically made for her?

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 site was attracting the wrong audience entirely

The first version of the site was dark navy and gold. It looked expensive. It looked like a luxury equestrian brand for people who already rode. That was the problem.

The client shared something that reframed the entire project. At their pop-up events, the people approaching them were mostly men. But the experience they were building was specifically for women who had never ridden. Women who felt excluded from traditional equestrian spaces. The site was attracting exactly the wrong audience and repelling exactly the right one.

I went back to the research. What makes a space feel like it was built for you versus built for someone else? The answer came from color psychology and inclusion design. Warm, organic tones signal approachability and safety. Cool, dark palettes with gold signal exclusivity and expertise. The site needed to feel like an invitation, not a velvet rope.

The photography had the same problem. The original image choices were stock-looking. Horses without riders, animals without people, nothing that showed a real human having a real experience. The client felt they looked unnatural. More importantly they showed no one who looked like the target audience. A nervous first-time rider looking at those images would not see herself in them.

Both pivots, the color palette and the photography strategy, came from the same insight: design is not neutral. Every visual choice either includes someone or excludes them. The warm cream and terracotta palette and the human-centered photography were not aesthetic preferences. They were inclusion decisions.

Original Crescent Stables homepage — dark navy and gold palette

Before. Navy and gold reads luxury and expertise.

Redesigned Crescent Stables homepage — warm cream and terracotta palette

After. Cream and terracotta reads warmth and welcome. Same brand, opposite signals.

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.

What I learned
Three things that changed how I think about design

Writing is a design decision. Removing generic phrasing had more impact on trust than any layout change. The difference between "Join us for a session" and "Whenever you are ready, we will be here" is the difference between transactional and human.

Structure is empathy. Organizing a site around how a nervous beginner thinks separates a site that builds trust from one that overwhelms.

Shipping changes how you design. Working through real deployment issues deepened my understanding of how design decisions translate into technical constraints. It made me 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
← Back to all work
Copied. nikaylah@gmail.com