Uscreen CPD platform setup and customisation
Setting up and customising a CPD platform on Uscreen: designing branded assets and landing pages; managing content, assigning access and applying cohesive styling.
Overview
Be Human First is a professional development platform offering video-based learning programs designed to help educators and leaders grow in self-awareness, communication, and team building. The project involved setting up the full Uscreen video learning platform, configuring the access systems, integrations, content organization as well as tailoring the visual identity to align with the brand’s message.
The result is a engaging and intuitive CPD environment that feels cohesive with Be Human First’s wider brand.
The result is a engaging and intuitive CPD environment that feels cohesive with Be Human First’s wider brand.
Challenge
The client needed a professional CPD platform that could host structured video content, manage subscriptions, and deliver a high-quality learning experience. The out-of-the-box Uscreen design didn’t fully match the brand’s visual identity, requiring custom CSS and layout adjustments. Content needed to be organized into logical categories and collections, with clear access tiers and branded thumbnails for a consistent visual experience. The system had to be simple enough for ongoing management by the internal team while maintaining a premium, user-friendly front-end design.
Solution
Platform Setup: Configured the Uscreen platform from the ground up, including user settings, payment gateways, and content access packages.
Access Packages & Membership Structure: Designed tiered content packages to align with the client’s CPD model, giving subscribers access to tailored video collections based on their plan.
Custom CSS Styling: Applied brand colors, typography, and layout refinements through HTML and CSS, ensuring the platform visually communicated Be Human First’s brand identity.
Landing Page Design: Created an engaging, brand-consistent landing page that highlights the value of the collections and encourages sign-ups.
Content Management: Uploaded and organized videos, curated them into collections (such as Building Invincible Teams), assigned categories, and created thumbnails for each video for a cohesive presentation.
User Experience Optimisation: Ensured that navigation, layout, and collection structure felt intuitive for educators and leaders accessing CPD resources.
Access Packages & Membership Structure: Designed tiered content packages to align with the client’s CPD model, giving subscribers access to tailored video collections based on their plan.
Custom CSS Styling: Applied brand colors, typography, and layout refinements through HTML and CSS, ensuring the platform visually communicated Be Human First’s brand identity.
Landing Page Design: Created an engaging, brand-consistent landing page that highlights the value of the collections and encourages sign-ups.
Content Management: Uploaded and organized videos, curated them into collections (such as Building Invincible Teams), assigned categories, and created thumbnails for each video for a cohesive presentation.
User Experience Optimisation: Ensured that navigation, layout, and collection structure felt intuitive for educators and leaders accessing CPD resources.
Outcome
A fully branded CPD video platform that reflects Be Human First’s tone and values. Structured content flow, enabling users to navigate collections, categories, and courses with clarity and ease. Access management (internal and front-end), ensuring each membership level delivers the right learning experience. Consistent, visually appealing presentation through custom thumbnails and cohesive styling across all pages. A scalable platform that supports ongoing content growth and future course additions.
Services used
Uscreen
Core video hosting and subscription platform.
Custom CSS styling
For UI customisation and brand styling.
Canva
For thumbnail design and image preparation.
Google Workspace
For content coordination and planning.
Brand Guidelines
To ensure consistent application of color, typography, and tone across the platform.
