Dionísio Salvador Contact

route /work/learninghubz

All work

Learninghubz

An e-learning platform for organisations — training that companies provide for their people. Designed the institutional website, learninghubz.com, mobile included, the hub — the learning web app — and the mobile app. Built the website in Webflow in English, Spanish and Portuguese, and built and documented the design system from scratch. Also covered the advertising side: stand design, advertising, social media, films and the rebrand — a new logotype and visual identity.

ShippedVisit site ↗Browse the design system ↗

Year
2022 – 2026
Type
Product, Design System, Web Build, Advertising, Stand Design, Motion & Social Media
Client
Learninghubz

Three decisions

One system for everything. There was no design system. I built one from zero and ran the product, the website and the brand on it, with a coded UI kit kept in step with Figma.

AI where the learning happens. AI Coach and Summary sit next to the resource itself, not in a separate tool.

No hand-off. The website was rebuilt with Claude connected to Figma and Webflow — approved as working HTML, built straight into Webflow.

Learninghubz — homepage on desktop: AI search, recommendations and My Learning
Learninghubz — homepage on mobile

Home — AI search, recommendations, My Learning and collections in one place.

Learninghubz — My Learning on desktop: progress, top pick and recommendations
Learninghubz — My Learning on mobile

My Learning — progress, a top pick and recommendations based on the learner’s profile.

Learninghubz — resource page on desktop with the video and the AI-generated summary
Learninghubz — resource page with the summary on mobile

Summary — an AI-generated summary next to the video.

AI Coach — ask questions about the resource and get answers in context.

Learninghubz — learner dashboard on desktop: yearly learning time by month
Learninghubz — learner dashboard on mobile

Dashboard — learning time by month, split by format.

Design system

Built and documented from scratch. Explore the live kit below.

v0-ui-kit-components.vercel.appOpen in a new tab ↗
Learninghubz design system — colours page of the UI kit

Loads the kit from Vercel, inside this page.

Open the design system ↗

Opens the kit on Vercel in a new tab.