Osmosis Agent Portal
EdTech · SaaS Landing
Duration
8 weeks
Team
3 engineers
Year
2024
Industry
International Education
Measurable Impact
Project Overview
Osmosis is an international education platform that recruits and manages a global network of education agents who refer students to partner universities. They needed a high-converting marketing website to attract agents worldwide and a dedicated agent portal where registered partners could track their referrals, view commissions, and access university materials — all with a polished, professional brand experience.
The Challenge
Osmosis was managing agent relationships through email chains and spreadsheets. Agents had no centralized place to check the status of their referred students, view their earnings, or download university marketing materials. The existing website was generic and failed to communicate Osmosis's value proposition to education agents — leading to poor sign-up rates and high drop-off during onboarding.
Our Solution
We designed and built a conversion-optimized multi-page marketing site with animated sections, a clear value proposition, and a streamlined agent registration flow. Behind the login, we built a full agent portal: a referral pipeline tracker, commission dashboard with monthly earnings breakdown, a document library of university brochures and visa guides, and a notification center for student status updates.
The Transformation
- Agent sign-ups managed via email chains
- Referral status tracked in spreadsheets
- Commission calculated manually each month
- University materials sent as email attachments
- Agents had no 24/7 status visibility
- Generic website with poor conversion rate
- Self-service agent registration and instant activation
- Real-time referral pipeline visible at a glance
- Automated commission calculation and downloadable statements
- Searchable document library, always current on the portal
- Agents access status and materials any time, anywhere
- Conversion-optimized site delivering 3× sign-up rate lift
Key Features
High-Converting Landing Page
Multi-section marketing site with animated hero, feature highlights, university showcase, testimonials, and a frictionless agent sign-up flow — optimized for conversions.
Referral Pipeline Tracker
Agents track every referred student through the pipeline — application received, under review, conditional offer, final offer, enrolled — with status timestamps.
Commission Dashboard
Real-time commission tracking with monthly breakdowns, pending vs. confirmed earnings, and downloadable commission statements — full financial transparency for agents.
Document Library
Centralized repository of university brochures, course guides, visa requirement documents, and marketing materials — searchable and always up to date.
Status Notifications
Automated email and in-portal notifications when a referred student's status changes — keeping agents informed without needing to log in constantly.
Tiered Agent Levels
Agents progress through Bronze, Silver, and Gold tiers based on enrollment volume — unlocking higher commission rates, priority support, and exclusive university partnerships.
How We Built It
UX & Brand Design
Weeks 1–2Designed the complete visual language, created high-fidelity mockups for both the marketing site and agent portal, and validated with the Osmosis leadership team.
Marketing Website
Weeks 3–4Built the conversion-optimized multi-section landing page with animated hero, university showcase, agent testimonials, and a frictionless registration flow.
Agent Portal Core
Weeks 5–6Built the authenticated portal with referral pipeline tracker, student status timeline with milestone visibility, and the commission dashboard with monthly breakdowns.
Resources & Automation
Weeks 7–8Built the S3-backed document library with search, the tiered agent level system (Bronze/Silver/Gold), and the automated email notifications for student status changes.
Tech Stack
Key Results
- Landing page conversion rate improved 3x compared to the previous website
- 200+ agents registered from 12 countries within 90 days of launch
- Agent onboarding time reduced by 40% through a guided self-service portal
- Eliminated manual commission calculation — saving the ops team 20+ hours monthly
- Agents now have 24/7 access to materials and status updates without emailing Osmosis staff
Impact Metrics
Visual Walkthrough
Project Screens
Agent portal — referral pipeline and commission overview
Agent portal — referral pipeline and commission overview
Clear visualizations of referral performance and earnings trends
Clear visualizations of referral performance and earnings trends
Leads Dashboard — Complete visibility into all referred students and their current status
Leads Dashboard — Complete visibility into all referred students and their current status
Attendance tracking view — Employees can clock in/out with geolocation and photo capture for verification
Attendance tracking view — Employees can clock in/out with geolocation and photo capture for verification
Ready to build something like this?
Let's talk about your project. We'll put together a free strategy plan tailored to your goals.