Archive05

UniHub SAAS Explainer Ad

The brief

I designed and animated a one minute plus SaaS explainer video for UniHub, built to onboard new users and introduce the platform's core features in a fast, digestible way. I started in Illustrator, building out custom vector illustrations and iconography to establish the visual language, then moved into After Effects for storyboarding and motion design. Kinetic typography drives the pacing throughout, layered with UniHub's brand colors to keep the piece feeling energetic and on brand. The final video walks new users through event discovery, campus communities, and ticketing in a clean, visually driven sequence that makes the product feel intuitive from the first watch.

Discipline
Motion DesignExplainer VideoAfter EffectsIllustratorKinetic TypographyVector IllustrationSaaS OnboardingBrand AnimationStoryboarding2D Animation
Built with
After EffectsIllustrator
Process

How it got made.

  1. 00:00:01:00

    Concept & Brief

    The goal was to onboard new users to UniHub within the first minute of watching, so before opening any software I broke down the core user journey: discovering events, joining campus communities, and getting tickets. I used that as the narrative backbone, making sure every scene mapped directly to a feature a new user actually needs to understand.

  2. 00:00:02:00

    Storyboarding

    I storyboarded the video in After Effects, blocking out each beat frame by frame to lock in pacing before committing to full animation. This helped me figure out where kinetic typography should carry the story versus where illustration needed to take over, and kept the one minute plus runtime tight without feeling rushed.

  3. 00:00:03:00

    Illustration & Vector Assets

    With the storyboard locked, I moved into Illustrator to build out the custom vector illustrations and iconography. I designed everything to sit cleanly within UniHub's brand palette, keeping shapes simple and modular so they would animate smoothly without losing clarity at different sizes.

  4. 00:00:04:00

    Motion & Typography

    Back in After Effects, I animated each illustration and built out the kinetic typography that drives the pacing throughout the video. I focused on rhythm here, timing text reveals and transitions so the piece feels energetic rather than cluttered, and used easing and overlap to keep every cut feeling intentional.

  5. 00:00:05:00

    Brand Consistency

    Throughout the animation phase, I kept checking pacing and color against UniHub's brand guidelines, making sure the video felt like a natural extension of the product rather than a separate marketing asset.

  6. 00:00:06:00

    Final Polish & Export

    I did a final pass for timing, color consistency, and overall flow, tightening any beats that dragged and making sure the video read clearly even without sound for platforms where autoplay mutes video by default.

Open for work

Want something like this, for yours?

Start a project