Case Study: Benchling – Transforming Learning Experiences with Custom Page Design

Client Challenge

After Onboarding, Benchling initially launched their Docebo platform with a standard design, utilizing default widgets and minimal customization. Following this launch, they conducted a 4-6 week pilot user testing phase with a small group of partners in their end-user audience. This testing phase provided valuable feedback and emphasized the need for a more sophisticated and branded interface. It was important to enhance the user experience to highlight certifications and their Certification Library, incorporate custom page elements, and provide a clean, modern aesthetic. Benchling’s small internal team had the functional know-how but lacked the design expertise and time required to achieve their goals, so they sought assistance from eSkillz design experts to expertly and efficiently bring the project to life.

eSkillz Solution

Working closely with Benchling through key discovery sessions to fully understand their needs and guide them toward the best possible outcome within the system, the eSkillz design team ultimately provided a comprehensive design overhaul for Benchling’s Docebo platform. The firsthand feedback from users gathered in the pilot program along with Benchling’s direction and eSkillz’s design proficiency proved to be the perfect recipe for the project’s success. eSkillz excelled at taking Benchling’s vision and executing it within the confines of the Docebo system, demonstrating subject matter expertise that goes beyond standard web design. The design team’s extensive platform knowledge allowed them to make informed suggestions and collaborate effectively with the client, understanding what was possible within reason and when to push the boundaries.

Key elements of the new design included:

• Home Page Design:
  • Custom Page Layout: The layout featured a clear hierarchy of content, key resources, and intuitive navigation, creating a welcoming experience. This was achieved by utilizing both custom HTML sections and Docebo widgets.
  • Highlighting Certifications: There was a special focus on showcasing Benchling’s Certification Library prominently on the home page.
  • Clean Design with Modified Widgets: A cohesive design was developed that aligned with Benchling’s brand requirements, featuring crisp color application and custom Benchling fonts. Various Docebo widgets were styled to match the branding used for similar elements on Benchling’s website. This included adjustments to padding, background colors, and font styling to strengthen legibility, visual appeal, and brand awareness.
  • Promoted Courses: The Docebo Catalog widget was utilized to spotlight key courses, making them easily accessible to users.
  • My Trainings: Docebo My Courses and Learning Plans widgets were incorporated to provide easy access to user-specific training programs.
  • Badges Display: The Docebo Gamification widget was customized to hide points and show only the badges the user had earned so far, maintaining a clean and focused display.
• Certification Library Page Design:
  • The design highlights six key Benchling certifications using custom card display features, making them visually distinct and easily accessible.
  • Clicking on a certification navigates users to a detailed individual certification page.
• Individual Certification Page:
  • This page displays comprehensive certification information and includes a start button to launch associated training.
  • A custom card feature tracks user progress, displays their current stage in the certification process, and suggests relevant courses, providing a guided learning path.

Results

The enhanced design significantly improved the user experience within Benchling’s Docebo platform. Users found the new pages to be more intuitive, visually appealing, and better aligned with the Benchling brand. The focus on certifications, customized elements, and the streamlined navigation reduced unnecessary clicks and optimized user engagement and satisfaction. The well-designed user interface boosted user adoption and participation, leading to more effective learning outcomes and reducing administrator maintenance, training time, and support costs, as users can navigate the system more easily and find the resources they need without assistance. By transforming their platform with eSkillz’s expertise, Benchling ensured that their users and partners had a positive overall experience, increasing the value and impact of their LMS investment.

Experience the eSkillz Difference for Yourself

Together, let’s make your success your reality.

​From adhering to best practices in industry standards to configuring systems for seamless workflows tailored to your organization’s unique needs, eSkillz Professional Services are dedicated to helping you achieve optimal learning experiences. Explore how our services can support your custom design requirements or other project needs.