- Examples
- SaaS screen examples
- LMS for Sales Training & Enablement | Dock
LMS for Sales Training & Enablement | Dock
Screen UI design example from Dock. The screen is a marketing and product overview page for 'Dock', focusing on its learning management system for training revenue teams. The page features a prominent header with the Dock logo, product navigation (Product dropdown open), pricing, customers, resources, and action buttons ('Log in', 'Request Demo', 'Start for Free'). Below the header, there's a hero section with a large title 'The faster, simpler way to train revenue teams.' and a descriptive paragraph, along with 'Request Demo' and 'Start for Free' call-to-action buttons. A horizontal tab navigation is present below the hero, with 'Playbooks' selected. A persistent left-hand vertical navigation bar is visible, with 'Playbooks' highlighted as the active item. The main content area is structured into several sections. The first content section, 'Viva's Playbooks', displays a grid of six green cards representing different training programs (e.g., 'Enterprise Sales Training Guide', 'Sales Onboarding', 'Viva Product Training'), with 'Home' tab selected above them. This is followed by a section showcasing client logos. The 'The learning engine for your entire revenue team' section has a two-column layout, with descriptive text on the left and a 'Viva Product Training' card on the right, featuring a 'Review' button, view count '150', and duration '120min'. The 'The fastest way to build scalable training programs.' section presents three feature cards: 'Modular Course Builder', 'Reusable Modules', and 'Course Dashboard'. The 'Build playbooks your reps will actually use.' section also features three cards: 'Easy to build' (showing various embed options like Loom, Google Slides, Youtube), 'Trackable' (with bar charts for 'Time spent per page' and 'Drop off per page', and numerical badges for 'Views', 'Shares', 'Downloads'), and 'Easy to find'. The 'Create engaging learning experiences that stick.' section has a two-column layout, with descriptive text on the left and a video player on the right showing a woman smiling. A popover is open on the video, displaying a review from 'Nina' with 'Correct' and 'Incorrect' buttons, and a text description. The 'Share training where your team and customers already work.' section has text on the left and a 'Viva Product Certification' card on the right, with tabs 'Overview', 'Tutorials', 'Implementation', 'Resources', and 'Product Quiz' (selected) above it. The 'Manage sales training without the admin headache.' section contains three cards with form elements: 'Assignment Rules' (with 'No assignment rules' radio button selected), 'Reviewers' (with 'Specific person' radio button selected and 'Devon Placer' input select showing a filled value), and 'Due Date' (with an input field '5 days after assignment'). The 'Track learning progress at every level.' section has text on the left and an analytics card on the right, similar to the previous 'Trackable' card, showing 'Views', 'Shares', 'Downloads' with numerical badges and bar charts for 'Time spent per page' and 'Drop off per page', with 'Learner Progress' tab selected. The page concludes with a large blue call-to-action section 'Your next deal deserves Dock' with a 'Request Demo' button, and a comprehensive footer with multiple navigation links and legal information.


The screen is a marketing and product overview page for 'Dock', focusing on its learning management system for training revenue teams. The page features a prominent header with the Dock logo, product navigation (Product dropdown open), pricing, customers, resources, and…
Explore the full SaaS screen library
Upgrade to unlock the full library.