The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Kajabi Case Study: Silk + Sonder Online Learning Platform
Project Overview
Industry: Personal Development & Self-Improvement
Platform: Kajabi
Project Goal: Create a seamless online learning platform offering masterclasses, workshops, and self-paced courses, providing users with tools for personal growth, mindfulness, and self-care.
The Problem
Silk + Sonder needed a Kajabi-based platform that could:
Display a wide variety of courses and workshops clearly
Offer easy access to course purchases and lifetime access content
Highlight course value and instructor credibility
Provide a frictionless shopping and library experience for users
The challenge was balancing a clean, visually engaging layout with the need to clearly communicate course offerings, pricing, and instructors while driving purchases.
The Strategy
Content & UX Organization
Featured Most Popular Courses upfront to guide user decisions
Organized content by course type: masterclasses, workshops, challenges, and self-care routines
Clear pricing, instructor names, and short course descriptions for transparency
Conversion-Focused Design
Prominent CTA buttons like “Add to Cart” and “View Course Details”
Library access for purchased courses ensures lifetime engagement
Optimized homepage for both desktop and mobile users
Instructor & Credibility Highlight
Featured course instructors (Meha Agrawal, Beth Kuper, Jen O.) to build trust
Showcased unique value propositions of each course, such as exclusive exercises and printables
Funnel & Engagement Optimization
Smooth path from browsing to purchase
Integrated library access for registered users to encourage continued engagement
Encouraged upsells through featured and popular courses
What I Did
Designed a clean, visually engaging Kajabi homepage showcasing all courses with clear structure
Highlighted top-selling and featured courses for improved conversions
Implemented lifetime access library functionality for seamless user experience
Added structured pricing and instructor credibility information for trust-building
Optimized the site for mobile responsiveness, navigation, and accessibility
Enhanced the checkout process to reduce friction and cart abandonment
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
An exploration for the review section of Popcorn. Didn't make it live but i really liked it!
Yoo seems goood
Which testimonial format actually builds more trust?
Three cards = fast trust. A visitor scans it in 3 seconds and thinks: "okay, multiple people vouch for this." Good for quick credibility on a landing page.
One detailed case study = deep trust. Before/after, specific context, a real transformation. It doesn't just say "this works" – it shows how and why. That's what turns a skeptical visitor into someone who actually reads to the end.
Short testimonials answer: "Do people like this?"
A case study answers: "Will this work for someone like me?"
Which format would make you trust the specialist more: three short testimonials or one detailed case study?
24 voted
28%
61 voted
72%
85 votes
Closed
single card looks great design
The hero is the site's handshake, so it had to carry the whole idea in a few seconds.
Rather than a static image with a headline over it, the hero responds to cursor and scroll input with subtle parallax and depth. The freight reads as something in motion rather than a photograph of something that moved. Restraint mattered here: enough life to signal that this site behaves differently, not so much that it turns into a demo reel and gets in the way of the message.
The hero is the sites handshake—love that framing. Did you keep the full interactive 3D globe for mobile screens too or fall back to a lighter 2D version to save on performance?