Corporate learning products need to support two different goals at the same time. Employees need an accessible way to build skills without losing focus. Administrators need enough control to create courses, manage content, assess learning, and understand progress.
Desisle designed a B2B e-learning web application from scratch for employee upskilling. The product brought learner-facing micro-learning experiences together with administrative tools for content management, course creation, competency tracking, feedback, and reporting.
Project Overview
- Industry: E-learning and corporate training
- Product: B2B web application for employee upskilling
- Primary Users: Learners and administrators
- Services: UI/UX and product design
- Platform: Web application
- Role: UI/UX and Product Designer
- Team: One UI/UX Designer, two stakeholders, three frontend developers, and one CTO
- Project Period: 2020-2021
What Did Desisle Do?
Desisle led the UI/UX and product-design work for a B2B e-learning platform designed for employee skill development. The engagement included initial screen design, guidance across the design and development process, and support on technical aspects, with the goal of creating clear learner and administrator experiences within one product.
The Product Challenge
The platform began as a new product, which meant its structure, workflows, and interface patterns needed to be defined from the ground up. The project required an understanding of how people discover and complete learning content, as well as how administrators build and manage the system behind that experience.
The challenge was not simply to create course pages. The platform needed to support short-form learning, motivation, progress visibility, content operations, course creation, competency tracking, and reporting without making either side of the product feel complicated.
Balancing Learner and Administrator Needs
Learners and administrators have different definitions of a useful learning platform.
Learners need a clear path through content, visible progress, and a focused environment that makes learning feel manageable. Administrators need practical tools for uploading materials, organising content, creating courses, assessing progress, and monitoring outcomes.
The product was therefore designed as two connected experiences:
- A learner environment for micro-learning, learning paths, quizzes, progress tracking, ratings, and feedback.
- An administrator environment for course creation, content management, competency tracking, and reporting.
Recommended Visual: A side-by-side diagram of the learner journey and administrator workflow.
Why It Matters: It shows the operational depth of the platform beyond the learner-facing interface.
Creating a Focused Micro-Learning Experience
Micro-learning only works when people can quickly understand what they should learn next and why it matters. The learner experience was designed around intuitive navigation and a minimal interface approach intended to keep attention on the content rather than the product interface.
Interactive learning paths, quizzes, and gamification elements were incorporated to make progress more visible and help motivate learners through skill-development journeys. Ratings and feedback functionality were also included to create a channel for evaluating learning content.
The design focus was clarity: users should be able to orient themselves, continue learning, and see progress without navigating through unnecessary complexity.
Key Product and UX Decisions
1. Create Separate but Connected Learner and Admin Experiences
Problem: Learners and administrators need different tools, information, and navigation patterns.
Decision: Design distinct user experiences for each group within one connected platform.
Why: Learners need to focus on completing content, while administrators need operational control over courses, materials, and reporting.
Trade-off: Role-specific functionality requires a consistent shared design language so the system does not become visually or structurally fragmented.
2. Keep Learning Content at the Centre of the Interface
Problem: Course platforms can distract learners when navigation, controls, and supporting features compete with content.
Decision: Use a minimal, easy-to-navigate interface that prioritises the learning experience.
Why: The product’s purpose was employee skill development, so the interface needed to reduce friction around accessing and progressing through learning content.
Trade-off: A focused learner experience requires careful prioritisation of supporting information, feedback, and gamification features.
3. Make Engagement Features Part of the Learning Path
Problem: A library of content alone does not necessarily create an engaging learning journey.
Decision: Include learning paths, quizzes, gamification elements, ratings, and feedback.
Why: These components were designed to support progress tracking, interaction, and learner motivation.
Trade-off: Engagement features needed to support learning rather than become distractions from course completion.
4. Give Administrators Practical Operational Visibility
Problem: Corporate learning teams need more than course publishing. They need to manage content and understand employee development.
Decision: Design tools for content uploading, course creation, competency tracking, learner assessment, and reporting.
Why: Administrative workflows are essential to maintaining a useful, scalable training platform.
Trade-off: Reporting and management functionality can become dense, so the interface needed a clear information structure.
The Designed Experience
The completed product design brought together core functionality for a B2B employee-upskilling platform:
- Micro-learning content and structured learning paths.
- Quiz and gamification elements.
- Learner progress tracking.
- Ratings and feedback functionality.
- Course-creation and content-management tools.
- Competency tracking.
- Reporting tools for monitoring learner progress and development.
Desisle supported the design and development process by providing initial screens, guiding the interface direction, and assisting with technical aspects during delivery.
Recommended Visuals:
- A learner dashboard showing course progress or assigned learning paths.
- A course or lesson screen with focused learning content and quiz interaction.
- An administrator course-creation or content-management screen.
- A reporting or competency-tracking dashboard.
Outcome
The project delivered a B2B e-learning platform design intended to make employee learning easier to navigate while providing administrators with tools for managing learning content and tracking progress.
The supplied project context reports positive feedback on the usability and clean, focused design of the learning environment. No approved testimonial was supplied, so that statement should remain an unattributed qualitative project outcome rather than a quoted endorsement.
Post-launch data was not provided. This case study does not attribute improvements in completion rates, employee performance, learning engagement, retention, training costs, or return on investment to the product design work.
What We Learned
A B2B learning platform cannot be designed only around course consumption. Learner motivation depends on content clarity, progress visibility, and an understandable next step. Platform viability also depends on whether administrators can create and manage the learning experience without excessive operational friction.
The project reinforced the value of designing learner and administrator experiences together. When both sides follow a coherent product structure, the platform can support learning outcomes without making content management and reporting harder than necessary.
Building a Similar Learning Product?
For corporate training and employee-upskilling products, the most useful early question is whether the learner journey and the administrator workflow have been defined with equal care. A polished course player cannot compensate for unclear course-creation, content-management, or reporting workflows.
Desisle’s EdTech offering publicly covers learning flows, multi-role platforms, and UX/UI design for education products, including learner, teacher, and administrator experiences. Explore Desisle's EdTech services.
Frequently Asked Questions
What Type of Product Was Designed?
The project was a B2B e-learning web platform for employee upskilling and corporate training.
Who Were the Main Users of the Platform?
The platform was designed for learners completing skills-development content and administrators managing courses, content, competencies, and reporting.
What Did Desisle Provide?
The verified contribution included UI/UX and product design, initial screen design, guidance through design and development, and technical support.
Which Learning Features Were Included?
The supplied project information supports micro-learning content, learning paths, quizzes, gamification, progress tracking, ratings, and feedback.
Which Administrator Features Were Included?
The design included tools for content management, content uploading, course creation, learner assessment, competency tracking, and reporting.
Are Performance Metrics Available?
No verified post-launch product metrics were supplied. The case study should not claim improvements in learner engagement, completion, employee performance, training costs, or ROI.