04 · Designlab · Brand, motion and growth
A scalable visual identity, an instructional motion engine and a campaign that shows what students actually walk away with.
Overview
Designlab needed a unified design system, clearer dynamic explanations for complex UX concepts, and stronger marketing momentum across its UX Academy and specialised courses. As Creative Director and Lead Designer, I addressed these interconnected challenges across three pillars.
A scalable visual system, sub brand identities for each course, and a Figma component engine big enough to hold all of it.
Directing and animating more than 30 educational videos that turn abstract UX methodology into something a student can picture.
A social first video campaign built around real student outcomes rather than claims about them.
Problem
A design school’s own systems have to demonstrate the exact rigour, accessibility and visual authority it teaches. If the brand cannot hold a grid, why would anyone trust it to teach one.
The design school paradox
System fragmentation
Disjointed courses, icons drawn to no standard, and one off templates that could not scale with the catalogue.
A teaching blind spot
Synthesis, research and testing are invisible processes. Static text cannot show how they actually work.
A narrative gap
Social marketing could not convey outcome and authority quickly enough without becoming cluttered.
The brand had to carry several distinct educational tracks while staying one instantly recognisable visual grammar.
Explaining process heavy, invisible concepts needs visual storytelling that clarifies the thinking rather than adding to the load.
Someone scrolling a feed had to grasp the value, the mentorship and the career outcome in seconds, with no audio.
Strategy
Rather than solving the three in parallel, I built a loop. The brand tokens and components fed the curriculum, the curriculum produced the proof, and the proof became the campaign.
Brand system
Foundational UI, icons and templates.
Instructional motion
More than 30 curriculum videos.
Visual tokens flow one way, a shared visual language flows back the other
Campaign for enrolment
Production grade assets and real outcomes, turned into social first storytelling.
Explorations
Exploration 01
Exploration 02
Exploration 03
System
Design, marketing, content and engineering all had to pull from the same place, or the coherence would have lasted exactly one quarter.
Brand UI system
Iconography engine
Motion guidelines
Deliverables
Deliverable 01
A rebranding audit that positioned Designlab for growth, course level identities that stay under one umbrella, modular templates for matrices and UX deliverables, and an icon library deep enough to cover the whole curriculum.
Deliverable 02
Storyboard systems and motion graphics for the concepts that resist explanation: research synthesis, information architecture, interaction design. Pacing tuned for comprehension rather than for pace, and shipped straight into the live learning platform.
Deliverable 03
Short form video built for the feed, balancing the inspirational side of a career change against the concrete detail of the programme, using real student work and real mentorship rather than stock optimism.
Reflection
A design school’s internal systems are its most convincing marketing. Grid discipline, real accessibility and modular practice across Designlab’s own brand bought trust with prospective students before a single claim was made.
Applied to difficult teaching material, motion is not decoration. Deliberate pacing, one focal accent and kinetic text turn an abstract mental model into something a student can hold.
When the identity, the course and the advertising speak the same visual language, the friction disappears. The first ad impression and the daily learning platform feel like one continuous thing.
