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
Elevate Academy
Full Kajabi-connected online academy ecosystem
Project overview
Elevate Academy is a complete online learning and academy operating system — marketing site, student studio, teacher portal, and headmaster command center — designed and engineered as a production-ready product experience that connects to the Kajabi platform and ships as a fully working ecosystem.
The vision
Not a single landing page — a full academy brand. Elevate Academy unifies learner journeys, faculty workflows, and leadership control into one premium product language, ready for Kajabi-connected businesses that need more than a course catalog.
Kajabi-connected capabilities
Built to operate as a Kajabi-aligned academy layer with memberships, offers, learning access, and commerce flows that feel native to creator-education businesses.
Course catalog, programs, memberships & pricing surfaces
Enrollment, checkout, coupons, and advance card/PayPal payment demo
Certificates, community, announcements, and learner progress
Teacher publishing with headmaster approval gates
Role-based portals mapped to real academy operations
Student Studio
A polished learner command center for buying, learning, and staying engaged.
Enrolled / Active / Completed course grids with progress & certificates
Live class invites (accept → enter Zoom-style classroom)
Assignments with coach tips, quiz attempts, wishlist & cart
Support chat with teachers and headmaster
Plans, orders, reviews, profile & notifications
Teacher Studio
Faculty tools to teach, monetize, and coach without leaving the platform.
My courses, add course (headmaster review), announcements
Students, progress tracking, course orders & reviews
Assignments desk with Today / Yesterday / Last week work packs
Live class requests, messages, blog posts & roles
Headmaster Command
Leadership-grade control for people, curriculum quality, and academy health.
Approve / decline students, teachers, and teacher-submitted courses
Assign roles, match students by skills, issue certificates
Edit courses, classrooms, programs, membership, pricing & pages
Shop, orders, community, blog, support chat & notifications
Tools & stack
Engineered with a modern product stack for speed, polish, and maintainability.
Next.js App Router · React · TypeScript
Tailwind CSS design system · Framer Motion
Role-based dashboards · shared support & notification systems
Kajabi-oriented commerce, membership, and learning UX patterns
Project gallery
Selected screens from the live product experience.
Marketing site, student studio, teacher portal, and headmaster command center as four separate surfaces on one Kajabi-connected system - the school's actual org chart is what defines the product boundaries, not a generic course-platform template.
Exactly! That was the idea behind the whole architecture. I wanted Elevate Academy to feel like a real education ecosystem, not just another generic course platform. Students, teachers, and school leadership each have a different workflow, so the product boundaries follow those...
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
Kogy — AI Companion Toy / UI/UX Design
Designed the landing page for Kogy — a plush, keychain-sized AI companion that learns, plays, and keeps you company throughout the day.
The tricky part with products like this: lean too techy and you lose the cuteness, lean too cute and it stops feeling like a real smart device. So instead of the usual soft-pastel illustration route, I let real hero-scale photography of the plush character carry the whole page — its actual texture, its little smile, its scale as a keychain — wrapped in bold, high-contrast orange and oversized type.
A small character-selector strip (Lumi, Mochi, Poppy) hints at collectibility, and a live scrolling stat ticker at the bottom (questions answered, active companions) keeps it grounded as a real AI device, not just a toy.
Genuinely one of the more fun briefs I've worked on.
The live stat ticker (questions answered, active companions) is what sells the AI-device framing here, not the photography — a plush toy with a counter reads as a running system, not a static product shot.
Bem came in with logo marks and colors, and we're looking for an identity to call home. After doing some research and inspiration exercises, we came up with this concept, which I absolutely love.
That recurring blue square feels like it could carry the whole brand on its own eventually. Did bem come in already sold on going this abstract, or did you have to build the case for it internally?
pretty simple and clean, looks good