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.

Scandlearn-design-system-get-started-image-1
Basics

What is the Scandlearn Design System?

We produce a lot of course material from day to day. A real lot. So it's vital that each member of our Design Team in every department is on the same page when it comes to the design style for the work that we publish. This is where the Design System comes in. This internal portal and knowledge base helps to ensure that our creative work is consistent and within the proper brand parameters across all Scandlearn courseware.

Team resource

The articles and guides in this portal have been made for the Design Team but can also be useful for other personnel at Scandlearn who interact with courseware creation, branding or marketing tasks at different levels.

Essential guidelines

Whoever it may be on our team that uses this system, they can be rest assured that whatever they read here will be the right way to design Scandlearn course material and other communications.

Every article in this knowledge base has been written and approved by senior members of the team. Which is why it's important that the guidelines provided here are followed as closely as possible.

Temp-placement-image-vertical-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

    A course's production starts when the Training Team begin writing the script. An outline is made and, after some back and forth, a finished draft is approved that is ready to hand over to the Design Team.

  • Temp-placement-image-horizontal-80

    Design preparation

    Upon receiving the script, the Design Team will assess the scope of the script, breaking it down into sections and setting internal milestones. From these milestones a timeline is forged that includes 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-aviation-training-uprt-square
Illustrators kit

13 March 2024

Scandlearn-aviation-training-uprt-square
Animators kit

13 March 2024

Scandlearn-aviation-training-uprt-square
3D Artists kit

13 March 2024

Essentials

Start learning the basics

Scandlearn-aviation-training-uprt-square
Core ElementsScandlearn logo

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
Core ElementsColours

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
Core ElementsTypography

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Further learning

Scandlearn-aviation-training-uprt-square
IllustratorsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
IllustratorsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
IllustratorsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
AnimatorsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
AnimatorsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
AnimatorsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
3D ArtistsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
3D ArtistsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024

Scandlearn-aviation-training-uprt-square
3D ArtistsGuide topic title goes right here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

13 March 2024