Start

Learn how to create exciting on-brand visual assets for Scandlearn courses and more.

What is the Design System?

Understand the purpose and role of this key information portal for the Scandlearn design team.

What the Design System provides

Familiarise yourself with the types of guides and tools that are available in the Design System.

Our Workflow

Learn how the Scandlearn Design Team works like a well-oiled machine and what your place within it is.

How to use the Design System

Create perfect on-brand course materials and other communications with this portal as your companion.

Temp-placement-image-horizontal-80
Basics

What is the Scandlearn Design System?

We produce a lot of course material. To maintain consistency, every designer, illustrator, and animator must speak the same visual language. That’s what the Scandlearn Design System is, our shared playbook. It defines how we design, build, and present the visual identity of Scandlearn across all courses, assets, and platforms.

Team resource

This portal is made for the Design Team but is also useful for anyone at Scandlearn involved in courseware, branding, or marketing. It’s here to help everyone understand how we create, and what “Scandlearn quality” looks like.

Essential guidelines

Everything here has been written and approved by senior team members. Follow it closely, it’s the source of truth for how we design at Scandlearn. If it’s in here, it’s the right way to do it.

Temp-placement-image-horizontal-80

Keep it secret. Keep it safe.

The information contained within the articles in this portal are designed for Scandlearn team members only. Please do not share any pages or the contents within any pages to any public platforms. Restrict any sharing to internal Scandlearn channels like our Slack or Click-up servers.

Temp-placement-image-horizontal-80
Basics

What the Design System provides

Article organisation

Whether you're storyboarding a scene or mocking up the layout for a page, the Design System is your handy reference point. Topics are conveniently organised by department and simple to find, either by browsing through the article list or using the search tool to take you directly to what you're looking for.

Temp-placement-image-horizontal-80

Caption text for image.

Dynamic images

Each article goes into depth on a single specific topic and are supported by different visual aids that further clarify the subject matter.

Temp-placement-image-horizontal-80

Caption text for image.

Video examples

Where necessary, the senior design team have also included video examples or tutorials for certain tasks or processes.

Temp-placement-video-80

Caption text for video.

Basics

Our workflow

  • Temp-placement-image-horizontal-80

    Script

    Every course starts with the Training Team. They outline, refine, and finalise the script before handing it over to the Design Team.
  • Temp-placement-image-horizontal-80

    Design preparation

    Once received, the Design Team reviews the script’s scope, breaks it into sections, and sets internal milestones. From there, we build a timeline with task durations and dependencies.
  • Temp-placement-image-horizontal-80

    Pre-production

    Work than begins on storyboarding the pages, including discussions to bounce ideas around or clarify any technical aspects and requirements from the script.
  • Temp-placement-image-horizontal-80

    Artwork production

    Once the storyboard is approved, work begins on creating the final illustrated assets, as well as any 3D models and scenes that are required. Regular quality checks are conducted throughout the process.
  • Temp-placement-image-horizontal-80

    Animation

    When the illustrated artworks are approved they are immediately passed on to the Animation Team who take these, as well as the voice over recordings, to create the actual course pages.
  • Temp-placement-image-horizontal-80

    Revisions and publishing

    The finished pages are assembled and put forward for review and checking. Any required updates are applied and upon final approval the course is published on our learning platform and made available to our customers.
Basics

How to use the Design System

If you're an experienced member of the Design Team feel free to explore all of the articles in the portal.

For those of you who are fresh to Scandlearn, the best place to start learning would be the basics, starting with the Core Elements. From there you can continue to read other articles that are relevant to your discipline (ie. illustration, animation, 3D artist).

Even after reading every guide, the Design System will likely be a helpful reference for both new and experienced team members.

Temp-placement-image-vertical-80

Additions and updates

The senior designers will continue to add new articles to the Design System, so keep an eye out for new guides when they're announced on Slack!

Temp-placement-video-80

Caption text for video.

Your feedback

If you have any questions or require further clarification on anything described in one of the articles, feel free to contact the authors listed in the article itself.

Temp-placement-video-80

Caption text for video.

Resources

Download kits

Scandlearn-design-system-illustrators-page-kit-1
Illustrators Kit

13 March 2024

Scandlearn-design-system-animators-page-kit-1
Animators Kit

13 March 2024

Scandlearn-design-system-3D-artists-page-kit-1
3D Artists Kit

13 March 2024

Creativity is cleared for takeoff
All rights reserved