1 of 69

Practical eLearning makeovers for everyone

MAKEOVERS

ELEARNING

MAKEOVERS

PRACTICAL

ELEARNING

MAKEOVERS

FOR EVERYONE

BIANCA WOODS

Hi everyone and welcome to Practical eLearning Makeovers for Everyone. Today we’ll all take a look at a bunch of easy-to-use visual design tips and tricks. And we’ll do this by using them to spruce up some eLearning screens that are in dire need of a new look.

�And in case you’re wondering, this session is totally tool-agnostic. There are a few cases where I’ll show you things made in Storyline, because that’s I tool I use. You’ll be able to use these tips no matter what eLearning authoring tools or apps you use yourself.��Just a heads up: if you don’t want to take notes, don’t worry. I always create resource websites for my presentations. So, at the end of the session, I’ll share a link to the one I created for this course, which has lots of resources for doing a deeper dive into the design tips we talk about today.

Custom font: Kumbh Sans

Download for free here: Kumbh Sans - Google Fonts

2 of 69

So why makeovers?

MAKEOVERS?

SO WHY

3 of 69

What kind of makeovers will we cover?

TODAY WILL FOCUS ON

SIMPLE AND FAST

MAKEOVERS THAT

EVERYONE CAN DO

4 of 69

Four questions to ask yourself when starting a makeover

CAN I STREAMLINE IT?

CAN I TIDY IT UP?

CAN I CLARIFY THE MESSAGING?

CAN I FOCUS IT MORE?

Now, figuring out what exactly to update when you’re doing an eLearning makeover is something that can feel a bit overwhelming. So as we look through today’s examples—and as you do your own makeovers after today—these are four questions that can help you narrow down what changes can make things better.

Can I streamline it: Are there ways to trim down text, take out repeated information, delete details that aren’t adding to the content, and just make the overall experience simpler.

Can I tidy it up: Are your design elements out of alignment, are there formatting changes you can make to organize things more, are there too many colours or fonts?

Can I clarify the messaging: Are there design edits that would make the content clearer? Are there changes that would make the user interface or experience more intuitive?

Can I focus it more: Are there changes that would center the design on the specific audience you’re trying to reach, the brand you're creating it around, or the eLearning topic itself? Can you narrow down the design options you use throughout the project so you can speed up development while also making sure everything feels like it goes together?��They’re simple questions. But they can do a lot to help you decide how to move forward.

5 of 69

Makeover 1. Questionable colours.

COLOURS

QUESTIONABLE

6 of 69

Makeover candidate 1

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

7 of 69

Hue and saturation

HUE - PURE COLOUR

SATURATION - INTENSITY OF COLOUR

8 of 69

Back to our example

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

9 of 69

Makeover: Desaturate the colours

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

10 of 69

Makeover: Rainbow colours

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

11 of 69

Makeover: Monochromatic colours

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

12 of 69

Inspiration: Free colour palettes

13 of 69

Makeover: Pinterest colour palette

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

14 of 69

Inspiration: random colour palette generator

15 of 69

Makeover: Colour palette generated by Coolors website

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

16 of 69

Makeover: Options for when you’re stuck using an awkward colour palette

Part 03

Part 02

Part 01

Part 05

MAIN MENU

Part 04

The previous solutions are handy when you have a lot of say in your color choices. But what if you’re stuck with an awkward set of colors because of brand requirements or stakeholder preferences?

The first thing I recommend is to simplify how many colors you include on a single screen. In this redesign, I used the indigo blue sparingly and skipped the green entirely. That reduced how many design elements were competing for a viewer’s attention.

�I also simplified the background. Rather than sticking with the highly saturated indigo blue from the original design, I swapped it to a less-intense off-white. That gave the remaining colors less competition for people’s attention—and white is rarely considered off-brand.

Then, I took the remaining high-contrast circles and made them smaller, further reducing how much of the design focused on them. Shrinking the circles also put more white space between each vibrant color—another good trick for keeping pure hues from feeling overwhelming.��Is the final result something I’d put together if given free rein on a project? Not really. I still find the colors a bit grating to look at. But the outcome is a good compromise solution when you can’t change the color palette at all.

17 of 69

Colour makeover before and after

BEFORE

AFTER

18 of 69

Makeover 2. Unspeakably boring.

BORING

UNSPEAKABLY

19 of 69

Makeover Candidate 2

Compliance Training and You

Welcome to this year’s annual compliance training. We at CNP Bank believe that staying compliant is at the core of who we are as a company and what we do as employees. Therefore, this annual compliance training is an important way we can all live our company values. In this course, you’ll learn what it means to be compliant in all aspects of your work. You’ll explore the federal guidelines we must follow as a financial institution. And you’ll take a closer look at CNP Bank’s own internal regulations—known as The CNP Code—that ensure we go above and beyond the legal standard in order to provide the highest level of compliance possible. These regulations will help you stay compliant yourself and also keep the company compliant as well. And when we’re all compliant, we all win. And if you’re not compliant, you can be fired.

We welcome you to this course and hope you enjoy the next sixteen hours of mandatory training!

Introduction

20 of 69

The biggest issues with this slide

IT’S TOO TEXT-HEAVY

THE COPY OF FULL FLUFF

IT NEEDS BETTER SPACING

THE IMAGE ADDS NOTHING

21 of 69

Revisiting the slide

Compliance Training and You

Welcome to this year’s annual compliance training. We at CNP Bank believe that staying compliant is at the core of who we are as a company and what we do as employees. Therefore, this annual compliance training is an important way we can all live our company values. In this course, you’ll learn what it means to be compliant in all aspects of your work. You’ll explore the federal guidelines we must follow as a financial institution. And you’ll take a closer look at CNP Bank’s own internal regulations—known as The CNP Code—that ensure we go above and beyond the legal standard in order to provide the highest level of compliance possible. These regulations will help you stay compliant yourself and also keep the company compliant as well. And when we’re all compliant, we all win. And if you’re not compliant, you can be fired.

We welcome you to this course and hope you enjoy the next sixteen hours of mandatory training!

Introduction

22 of 69

Erasing the unrelated image

Compliance Training and You

Welcome to this year’s annual compliance training. We at CNP Bank believe that staying compliant is at the core of who we are as a company and what we do as employees. Therefore, this annual compliance training is an important way we can all live our company values. In this course, you’ll learn what it means to be compliant in all aspects of your work. You’ll explore the federal guidelines we must follow as a financial institution. And you’ll take a closer look at CNP Bank’s own internal regulations—known as The CNP Code—that ensure we go above and beyond the legal standard in order to provide the highest level of compliance possible. These regulations will help you stay compliant yourself and also keep the company compliant as well. And when we’re all compliant, we all win. And if you’re not compliant, you can be fired.

We welcome you to this course and hope you enjoy the next sixteen hours of mandatory training!

Introduction

23 of 69

Trimming down the text

Compliance Made Simple

Compliance isn’t just a legal requirement—it’s how we keep our customers’ information safe. That said, if you find compliance rules overwhelming or hard to apply in real life, this course is here to help. In it, you’ll discover how to use two sets of guidelines that make staying compliant easy: the federal regulations all financial institutions need to follow and the CNP Code—our own standards for putting customer data privacy first. With simple explanations, real-world stories, and scenarios to help you practice, you’ll not only understand how compliance works, you’ll know how to seamlessly weave it into your everyday work.

Making some serious trims looks a lot better. Obviously, I cut out the fluff. But I also focused the content that remained on two key areas that make it less boring to the reader: who the audience for the course is and what they’re going to experience in it. And like that, I’ve got a lot more space on the screen to play with and the content is now streamlined and focused on the right things.

So we shortened up the copy, but this is still a wall of text. Is that line at the top something special or is it just oddly-spaced copy? Who knows? Are there some key points here that should be jumping out at me? It’s hard to tell at a glance.

Because this layout doesn't have any paragraph spacing or visual hierarchy, the information feel denser than it actually is. So now it’s time to apply some thoughtful formatting changes.

24 of 69

Adding in text formatting

Compliance Made Simple

Compliance isn’t just a legal requirement—it’s an important way we keep our customers’ information safe.

That said, if you find this topic overwhelming or hard to apply in real life, this course is here to help. In it, you’ll discover how two sets of guidelines can make staying compliant easy.

the federal regulations all financial institutions need to follow
the CNP Code—our own standards for putting customer data privacy first.

With simple explanations, real-world stories, and scenarios to help you practice, you’ll not only understand how compliance works, you’ll know how to seamlessly weave it into your everyday work.

Now that’s a lot easier to read.

First, yup. That line at the top was indeed supposed to be a title. And technically in the original design it was a few points larger than the body text. But you really couldn’t tell at a glance, so the tiny font size difference wasn’t actually doing anything to visually organize the screen. But as you can see here, that’s any easy fix. Just make the difference substantially larger, so there’s no missing it.

Next, the original body text felt exhausting to take in because you weren’t getting any visual breaks between major concepts. But by adding paragraph breaks where they make sense, the text feels like less of a slog to read through. And that spacing makes it much easier for readers to notice key points and themes.

While we’re talking about making themes jump out, you likely noticed I added in some bullet points. No. Don’t worry. We’re not going to keep them in. They’re just a temporary design placeholder that I’m using to point out that there are two key types of content the course will touch on. Since they’re the focus of the course, something that can liven this design up AND assist with learning is to have the screen design make those two points pop. So let’s look at a few options for amping up the visual design and making those bullet points stand out.

25 of 69

Makeover: Using photos in place of bullets

With simple explanations, real-world stories, and scenarios to help you practice, you’ll not only understand how compliance works, you’ll know how to seamlessly weave it into your everyday work.

Compliance Made Simple

Federal Regulations

Rules all financial institutions need to follow

The CNP Code

Our own standards for putting customer data privacy first.

Compliance isn’t just a legal requirement—it’s an important way we keep our customers’ information safe.

That said, if you find this topic overwhelming or hard to apply in real life, this course is here to help. In it, you’ll discover how two sets of guidelines can make staying compliant easy.

26 of 69

Makeover: Using icons in place of bullets

With simple explanations, real-world stories, and scenarios to help you practice, you’ll not only understand how compliance works, you’ll know how to seamlessly weave it into your everyday work.

Compliance isn’t just a legal requirement—it’s an important way we keep our customers’ information safe.

That said, if you find this topic overwhelming or hard to apply in real life, this course is here to help. In it, you’ll discover how two sets of guidelines can make staying compliant easy.

Compliance Made Simple

Federal Regulations

Rules all financial institutions need to follow

The CNP Code

Our own standards for putting customer data privacy first.

CNP

27 of 69

Makeover: Using zones for different content

With simple explanations, real-world stories, and scenarios to help you practice, you’ll not only understand how compliance works, you’ll know how to seamlessly weave it into your everyday work.

Compliance Made Simple

Compliance isn’t just a legal requirement—it’s an important way we keep our customers’ information safe.

That said, if you find this topic overwhelming or hard to apply in real life, this course is here to help. In it, you’ll discover how two sets of guidelines can make staying compliant easy.

Federal Regulations

Rules all financial institutions need to follow

The CNP Code

Our own standards for putting customer data privacy first.

CNP

Another way to liven up a dull slide is to play with the layout. I sometimes like breaking up the screen by making different zones for different types of content. In this redesign, I used the white zone on the top left to introduce readers to the course topic and why they should care. Then I used the dark blue zone to highlight the two types of guidelines they can use to guide them through compliance. Finally, I used the bottom light blue zone to let the reader know what the course experience would be like and give them a sense of how it would help them.

Setting this up is easy with the help of a grid. That can help you find tidy ways to break up the screen layout into multiple zones. And lots of eLearning authoring tools now include grid overlays that you can turn on and off with just a click.

28 of 69

Makeover: getting inspiration from marketing

With simple explanations, real-world stories, and scenarios to help you practice, you’ll not only understand how compliance works, you’ll know how to seamlessly weave it into your everyday work.

Compliance isn’t just a legal requirement—it’s an important way we keep our customers’ information safe.

That said, if you find this topic overwhelming or hard to apply in real life, this course is here to help. In it, you’ll discover how two sets of guidelines can make staying compliant easy.

Compliance Made Simple

Federal

The CNP

Rules all financial institutions need to follow

Our own standards for putting customer data privacy first.

Code

Regulations

If you’re creating your eLearning project for a specific company, then another place to look for ideas to liven up your designs is the company’s marketing. And this is the part of the presentation where if you’re Canadian, it becomes abundantly clear that I used to work for BMO. And when I worked there, I often looked to our advertisements, website, and company documentation for design ideas. Because marketing departments are always trying to find creative solutions to what we’re trying to do with this makeover: make the information intriguing to your audience.

In this case, I didn’t copy a BMO ad layout verbatim. I just used key elements I often saw in them. For instance, that red circle with a white outline is a common design feature in BMO ads. So is a photo with one or more people in it (and if you want to get really in the details, a common thread is those people don’t typically look at the camera). And then of course I used the company colours. Those simple things are enough to make this look really on-brand. And they make the design feel lively and inviting.

29 of 69

Boring slide makeover before and after

BEFORE

AFTER

30 of 69

Makeover three: Doing too much

MUCH

DOING TOO

31 of 69

Makeover candidate 3

6 Tricks for Writing Strong Conference Speaking Proposals

Don’t self-select out

You don’t need to have a huge online following or cutting-edge projects to snag a speaking slot. And you’d be amazed at how often what can seem mundane to you can spark ideas in others.

2. When in doubt, consider a case study

Telling the story of a project is one of the easiest topics to craft a proposal around. You worked on it, so you’re already an expert on the topic.

3. Frame your topic for a wide audience

Event organizers don’t want to include sessions that only appeal to a few attendees. So if your initial idea seems niche, consider how you can take the insights you’re excited to share and expand them so they can apply to more situations.

4. Be clear on what your session will cover

The more specifics you can give conference organizers, the better they’ll understand what’s special about your take on a topic. So make sure your proposal isn’t too hazy and don’t be afraid to share spoilers!

5. Take a look at past session descriptions

One of the best sources for inspiration is the concurrent session descriptions for past events! Those descriptions are typically just edited versions of the submitted proposals. So what you see there can give you ideas for what to write.

6. Look for proposal writing resources

The more strong proposals a conference gets, the easier it is to build a great event. That’s why many conference organizers offer resources to help you out and will even chat with you about your ideas or drafts before you submit them.

32 of 69

The biggest issues with this design

IT’S CROWDED

THERE’S NO WHITESPACE

33 of 69

Makeover: Use more screens

Tricks for Writing Strong Conference Speaking Proposals

You don’t need to have a huge online following or cutting-edge projects to snag a speaking slot. And you’d be amazed at how often what can seem mundane to you can spark ideas in others.

6

Don’t self-select out

The easiest answer is to just take each of the six tips from the original design and let them be their own screen. That way, you have lots more space to play with. Plus, people get to focus their attention on one point at a time, which can help the information feel less overwhelming and potentially make it easier to understand and remember.

Slides are essentially free. So don’t skimp on them. I know we can worry about turning people off by having courses with too many screens. But people only get really fussed about courses with lots of slides when each one is super dense. Lightweight ones like this tend to bother people a lot less. That said, if you have an audience that’s suffered through a lot of infodump courses in the past and may worry yours might be the same, just make adjustments to your course player or layout so it doesn’t highlight just how many slides there are so you don’t spook them before they’ve even started.

As for the design of this slide, I actually used a lot of the same design elements and colours from the original. But because I had more space on the slide to play with, I could do a better job of using text size to help key points stand out and make the overall text easier to read.

34 of 69

Makeover: convert into an accordion interaction

You don’t need to have a huge online following or cutting-edge projects to snag a speaking slot. And you’d be amazed at how often what can seem mundane to you can spark ideas in others.

1. Don’t self-select out

2. When in doubt, consider a case study

3. Frame your topic for a wide audience

4. Be clear on what your session will cover

5. Take a look at past session descriptions

6. Look for proposal writing resources

Tricks for Writing Strong Conference Speaking Proposals

SIX

35 of 69

Makeover: Convert into a tabs interaction

Tricks for Writing Strong Conference Speaking Proposals

You don’t need to have a huge online following or cutting-edge projects to snag a speaking slot. And you’d be amazed at how often what can seem mundane to you can spark ideas in others.

SIX

1

2

3

4

5

6

Don’t self-select out

36 of 69

Makeover: rework an existing template

37 of 69

Makeover: convert to multimedia

Finally, while this session is mostly about slide design, sometimes good design is all about knowing when something could benefit from changing to a different medium. In this case, the topic of tips for writing conference proposals would work really well as a simple explainer video.

Not a video person? Don’t worry. There are lots of rapid video creation tools out there now that can do a lot of the heavy lifting for you, leaving you to just need to provide the content and tweak the visuals. Here’s a little snippet I put together in the free version of Adobe Express. *PLAY VIDEO*

I’d never used this tool before making this. And it still only took me about 10 minutes to crank out. Now that I have the gist of the user interface, I’m sure if I were to make this again I could create this snippet in half that time or less. And thanks to social media, there are loads of these little quick video creation tools out there that are easy-to-use and easy to learn.

So keep in mind that the best slide redesign option might be to not make a slide in the first place.

38 of 69

Crowded slide makeover: before and after

BEFORE

AFTER

39 of 69

Makeover 4: I love mess

MESS

I LOVE

40 of 69

Makeover candidate 4

41 of 69

The biggest issues with this design

THE DESIGN IS DATED

IT’S ALSO CROWDED

THE VISUALS ARE CONFUSING

Admittedly my first response to that question would be: EVERYTHING! But that’s not going to help us fix this.

At the core, these are the problems that I think will make the biggest difference if we can fix them.

First, the design itself feels really dated. There are a lot of choices that were made, like the script font, the shadows and gradients on boxes and buttons, and the lack of design consistency that makes this feel like eLearning designs from 15 years ago when user interface styles were a lot different and the default settings in our design tools didn’t always steer us in good directions by default. I’m looking at you, default PowerPoint options!

Much like our last few makeovers, this one feels really crowded. Simplifying the design choices and including more whitespace would help a lot.

Finally, the graphics are confusing given that the topic is travel safety. Even if we’re being generous and assume that this course was being built for a hospital, it still doesn't make a ton of sense to have a person in scrubs introducing a course on travel. This feels like maybe they had a title slide the hospital used for all their courses and they just used it here as well, regardless of if it matched the course topic or not.

42 of 69

Going back to the example

We could start by addressing any of those issues first. But because that hospital scene was going to irritate me until I got rid of it, I decided to start there.

First up I want to change out the background and character. Replacing these images with travel-themed options will feel way more on-topic.��Now, in this made-up example, I worked from the perspective that this person on this opening screen was part of a course scenario and that we’d meet her again later in the content. In that case, she makes sense to introduce here. But if she didn't actually play a part in the course, removing her completely would have been a good option since a random person doesn’t necessarily add anything to the content.

While I replacing this character image, I also want to address how weird it is that it’s so much smaller than the background—and seemingly floating mid-air. Resizing her replacement to scale with the environment will make everything look more seamless.

Since this screenshot is being projected, you might not be able to see that some of the images on this screen are grainy and even a bit pixelated. If you bump into this, the best fix is to swap those images out for higher-quality image files that look crisp at the size you’re displaying them at.

Finally, there are all those icons on the side of the blue text box. They don’t have any meaningful functionality. They seem to just be there as decoration, presumably to make the screen feel more travel-related. But all they’re doing is adding visual noise and clutter. So erasing them will simplify the design and buy us more whitespace.

43 of 69

Switch the images to ones that are on topic

That looks a lot more on-topic. But it’s still not terribly easy to read the text.

That’s due in large part to those fussy and dated-looking fonts. Thankfully, fixing that is simple.

First, we’ve got three different fonts on this screen, all of which have slightly different designs—making everything look a bit off, even to non-designers. While it’s not impossible to use three or more together, it’s definitely an advanced design skill. A better option is to use just one or two fonts that you use consistently throughout your course. It’s a lot easier to get right, even for design beginners. And it really goes to show that keeping things simple is one of the easiest pays to make a project look polished and professional.

And as you’re picking those one to two fonts, another important thing to consider is readability. All those fancy details in the fonts on the screen right now make the content hard to decipher. Stick with options that have simple, clear lines and minimal fussy flourishes. And if you’re not sure what to watch for, look up serif and sans serif font types for good examples, as they both tend to be quite readable.

44 of 69

Change to a single font that’s more readable

45 of 69

Remove visual effects like gradients and shadows

In this case, I just kept things super simple and removed all the visual effects entirely. And instantly that looks less tacky.

Next, I want to streamline my colors.

Color can do a lot to grab people’s attention, set a mood, and even make a design feel on-brand. But it’s also an area where simplicity and consistency are key to making it all work. Right now this slide is using loads of different colors. Each one might be fine on its own. But they look chaotic when they’re all used together.

So to fix this, I’m just going to reduce the number of on-screen colors, which will quickly make this design feel more harmonious. I’ll start by to choosing a small project color palette where every option looks good together. Then I just use those colors consistently throughout the design.

46 of 69

Simplify the colour palette

47 of 69

Trim down the text

Now that’s a lot cleaner. You might also notice that I swapped out the “NEXT” text on the Next button for an arrow. It’s just a neat little change that shows how images or icons can help a slide look less text-heavy.

Now it’s time to do one last step. All that text editing work gave me a lot more space on the slide to play with. So I want to use it to rework my sizing and layout to something that uses the space more thoughtfully.

I’ve got a lot more whitespace now. And that gives me the opportunity to increase the font size, which will make everything even easier to read.

Cutting out all that unnecessary text also means my white content boxes and the next button seem a bit oversized for the content. After I adjust the font sizes, I’ll want to swing back and adjust the size of both of them to fit the content better.

48 of 69

Increase the font size

49 of 69

Align the slide content

50 of 69

Dated slide makeover before and after

BEFORE

AFTER

51 of 69

Related tip for updating old courses

DO YOU NEED TO

UPDATE YOUR PLAYER?

52 of 69

Makeover 5: A little mismatch

MISMATCH

A LITTLE

53 of 69

Makeover candidate 5

Tried and true recommendations

If a customer isn’t sure what to buy and asks for your advice, these three best sellers are good places to start.

We’re proud of every dessert we make. But some are more universally loved than others.

Pink Blossom Cake

Cassis Macaron

Lemon Meringue Tart

Light and fluffy, it’s perfect for birthdays and other celebrations.

The combination of almonds and this sophisticated fruit is always a hit.

Our version of this dessert is lemon-forward and zingy.

54 of 69

The brand website

55 of 69

A mismatch between the template and brand

TEMPLATE

BRAND

56 of 69

Switch to brand colours

Tried and true recommendations

If a customer isn’t sure what to buy and asks for your advice, these three best sellers are good places to start.

We’re proud of every dessert we make. But some are more universally loved than others.

Pink Blossom Cake

Cassis Macaron

Lemon Meringue Tart

Light and fluffy, it’s perfect for birthdays and other celebrations.

The combination of almonds and this sophisticated fruit is always a hit.

Our version of this dessert is lemon-forward and zingy.

57 of 69

Switch to brand fonts

TRIED AND TRUE RECOMMENDATIONS

If a customer isn’t sure what to buy and asks for your advice, these three best sellers are good places to start.

WE’RE PROUD OF EVERY DESSERT WE MAKE. BUT SOME ARE MORE UNIVERSALLY LOVED THAN OTHERS.

PINK BLOSSOM CAKE

CASSIS MACARON

LEMON MERINGUE TART

Light and fluffy, it’s perfect for birthdays and other celebrations.

The combination of almonds and this sophisticated fruit is always a hit.

Our version of this dessert is lemon-forward and zingy.

58 of 69

Switch to a brand-appropriate image

TRIED AND TRUE RECOMMENDATIONS

If a customer isn’t sure what to buy and asks for your advice, these three best sellers are good places to start.

WE’RE PROUD OF EVERY DESSERT WE MAKE. BUT SOME ARE MORE UNIVERSALLY LOVED THAN OTHERS.

PINK BLOSSOM CAKE

CASSIS MACARON

LEMON MERINGUE TART

Light and fluffy, it’s perfect for birthdays and other celebrations.

The combination of almonds and this sophisticated fruit is always a hit.

Our version of this dessert is lemon-forward and zingy.

59 of 69

Add in text background

TRIED AND TRUE RECOMMENDATIONS

If a customer isn’t sure what to buy and asks for your advice, these three best sellers are good places to start.

WE’RE PROUD OF EVERY DESSERT WE MAKE. BUT SOME ARE MORE UNIVERSALLY LOVED THAN OTHERS.

PINK BLOSSOM CAKE

CASSIS MACARON

LEMON MERINGUE TART

Light and fluffy, it’s perfect for birthdays and other celebrations.

The combination of almonds and this sophisticated fruit is always a hit.

Our version of this dessert is lemon-forward and zingy.

60 of 69

Template makeover before and after

BEFORE

AFTER

61 of 69

Great design is also accessible

ACCESSIBLE

GREAT DESIGN IS ALSO

62 of 69

Accessibility tip 1

CHECK YOUR �COLOUR CONTRAST

63 of 69

Accessibility tip 2

USE THOUGHTFUL�ALT TEXT

Graph indicating 30% growth over three years.

Alt text is basically a short image description that screen readers use to announce what exactly is in a digital graphic. They’re vital for people who depend on screen readers to access your courses. And modern eLearning tools make alt text very easy to add.��That said, it’s important to be thoughtful when adding alt text. First, if an image is just a decoration and isn’t conveying any important information, skip writing alt text and instead mark it as decorative instead. That tells the screen reader to just skip over the graphic entirely, which saves the person using that screen reader from getting bogged down with image descriptions that don’t add anything to your course content.

Second, keep in mind that there’s not one “right” alt text copy for any image. The alt text should reflect not just what’s in the image but why it’s important within the context of where you’re using it. So the very same image might have wildly different alt text when used in different places.

64 of 69

Accessibility tip 3

REVIEW YOUR�FOCUS ORDER

65 of 69

Review: 4 questions to ask yourself when starting a makeover

CAN I STREAMLINE IT?

CAN I TIDY IT UP?

CAN I CLARIFY THE MESSAGING?

CAN I FOCUS IT MORE?

66 of 69

Resource course and contact information

MEET THE

RESOURCE

COURSE

BIANCARWOODS@GMAIL.COM

67 of 69

Presentation design

HEADER: Kumbh Sans ExtraBold

BODY: Kumbh Sans

#EEEEEE

#000000

Colour hex codes

#0097A8

#F4E366

#D00084

#059F00

#18007E

68 of 69

Design elements 1

69 of 69

Design elements 2