Client
Kaphal Studio
Date
Jan 2025
Industry
Education & Design Preparation
Full Website
UX/UI Design
No-code Development
Overview
The Kaphal Studio website redesign was driven by a vision to authentically reflect the brand’s core identity as a creative, community-oriented learning space. Our goal was to elevate trust and clarity through intuitive UX/UI design, resonating deeply with students and parents alike. By applying the Double Diamond methodology and adhering to our North Star principles of trust and clarity, we transformed the digital experience, resulting in increased engagement, clear navigation, and significantly improved conversion rates.
HIGHLIGHT
We redesigned Kaphal Studio’s website to reflect their mission, build trust, and boost clarity. From structure to storytelling, every scroll now leads to action.
Before and After
The Problem
This wasn't going to be your typical website redesign.
A pile-up of unique challenges.
Kaphal Studio had built an incredible online presence and vibrant learning environment. However, their website wasn't aligned, it didn't feel authentic, intuitive, or reassuring enough to attract new students or parents.
The decision was made to build a completely reimagined website from scratch, but we faced some unique constraints and challenges:
A tight, one-month timeline, leaving little room for iterations and delays.
Dual-audience balancing act. Designing equally for students (engaging, intuitive) and parents (trustworthy, clear, reassuring).
Poor mobile experience. Many users left due to frustrating mobile navigation.
Low conversion rates. Visitors weren’t becoming leads or sign-ups.
THE CHALLENGE
Transform a confusing, outdated website into a clear, trustworthy digital experience that genuinely reflects Kaphal Studio’s identity and drives conversions.
North Star design principles:
Build Trust
Design that feels credible, warm, and parent-friendly.
Prioritize Clarity
Simple words. Clear paths. No confusion.
Create Connection
Highlight real stories to spark emotion and trust.
The Strategy
Where We Started
Before jumping into design, we needed to rethink everything from the ground up.
We broke down the problem into 3 core areas:
Clarity
What’s the simplest way to help a parent or student understand Kaphal?
Trust
What signals build immediate credibility and emotional safety?
Navigation
How do we surface the most important content without clutter?
Our Process
STEP - 1
Research & Audit
Before opening Figma, we opened our ears.
We interviewed the founders, reviewed their old site, and studied how parents and students interacted with it. This helped us identify key friction points: too much information, scattered messaging, and no clear flow.
Our goal became clear: say LESS, but mean MORE.
STEP - 2
Site Map & Flow
Once we knew what Kaphal needed to say, we focused on how to say it, and how quickly users could find it.
We designed a scroll-first structure where everything important is just 3 clicks (or less) away.
Whether the visitor is a curious parent, a student looking to join, or a brand partner, the path is clear:
STEP - 3
Low-Fidelity Wireframes
Before the polish, we focused on structure.
Using low-fidelity wireframes, we tested the layout, flow, and hierarchy of content, making sure that key information stood out and distractions were eliminated.
It helped us answer:
“If someone only scrolls for 10 seconds, will they get it?”
The Solution
The Outcome
What Happened After Launch?
A beautiful website is great. But a beautiful website that performs? That’s the real win.
Within a month of launching Kaphal Studio’s new site, we saw a clear shift, not just in how it looked, but in how it worked.
Learnings
What We Learned
Every project teaches us something, and Kaphal Studio was no different.
Here are the biggest takeaways we’re carrying forward:
Final Thought
Every website we design teaches us how to build the next one better. This one reminded us:
When you mix clarity with creativity, you build trust, fast.
CONTENTS