SHIFT's eLearning Blog

Our blog provides the best practices, tips, and inspiration for corporate training, instructional design, eLearning and mLearning.

To visit the Spanish blog, click here
    All Posts

    Design Styles You Can Adopt When Creating eLearning in 2017


    New year, new designs. 2017 has some interesting design trends that can bring your eLearning game to the next level if you know how to use them. In this post, we’ll take a walk through some of the things you’re going to be seeing this year and the best ways to use these styles in eLearning.

    It’s worth noting before we get started, that not all of these trends are great for every situation and trying to combine too many of them will make your courses look cluttered instead of fresh and exciting. Also, eLearning designers will serve themselves and their clients well by being able to describe the problem their design choices are intended to solve and why elements are in your course. Hint: “Because it looks cool” is not a good enough reason.



    With that side note out of the way, let’s look at some ways you can update and renovate your eLearning designs. 

    1) Cartoon-Style Never Gets Outdated

    Take a break from staid, boring corporate styles of eLearning design by giving a cartoon personality to your courses. While this trends is not new, and it might not be for every topic, animated cartoons and graphics are being used increasingly in web design to appeal to adults so why not in eLearning? We grew up with cartoons, and while we might not want to watch the same things we watched as kids, the colorful, lively style still appeal to us adults.

    This isn’t just about looks, though. By having a style that is more engaging, we are better able to get and keep our audience’s attention. Cartoons also help us avoid the pitfalls of illustrating a point with a stock photo that isn’t quite right or looks kind of cheesy.

    See this example made by Sam Oxley for Digital Ocean referral program:

    sam.jpg

    Find more examples here: 20 cartoon-style web designs

    Find free cartoon vectors here: Freepik

    2) Bespoke Illustrations

    Illustrations are full of personality. They often inject an element of playfulness and are more approachable than other type of visuals.

    Illustrations exclusively created for your eLearning design help to brand your style and also create cohesiveness in your course. With so many styles of illustration to choose from, this can be an easy way to set a tone for your course.

    Since you have to capture your audience’s attention in seconds, these custom illustrations are the perfect way to quickly charm your learners. They provide a visual with a true sense of personality, something that stock photos can’t do so easily.

      under_construction_website.png patient_forms_drib.jpg

    Images by Ibnu Mas and Josh Warren

    3) Get Retro, Stay Modern

    Retro and vintage are often confused terms, but they refer to different time periods (typically). Vintage mostly refers to the first half of the 20th century while retro or modern retro is inspired by the late 1970s through the 90s. 

    This is a style marked by old 8-bit video games, pixel art, chunky fonts from the 80s and 90s and similar color palettes to these eras. Modern retro has been gaining traction in the past few years, even though the original versions of these styles weren’t that long ago. They invoke nostalgia and are appealing to a variety of age groups.

    This is a great example of modern retro inspiration by Daniel Jewel. If you played any old Skool Nintendo games, this design should have a very similar feel to that for the 80s and 90s kids. 

    4efaa845537759.5607aa2deecd8.jpg


    Why Modern Retro?

    Modern retro can have a way of looking both old and new at the same time and can appeal to a variety of age groups. Their use of bright hues and simple shapes are fun to work with and are easy to work with and can grab people’s attention quickly.
    When Doesn’t Modern Retro Work?

    While we’re digging this style, it isn’t for every audience. Learners who aren’t familiar with the original designs might not find them appealing and will, instead, find them just plain old looking. Modern retro designs also don’t play too well with other styles so you gotta keep ‘em separated. Because of this, modern retro isn’t a good choice unless you really want to commit to it and use it throughout your entire course.

    4) Photo Realism

    Like the design below, which features a realistic table and real ingredients, learners get a version of photo-realism that is almost more real than an actual kitchen. This makes your design seem more tangible and easier to engage with than other designs.

    The level of realism also makes your course look like another place, a place that draws your audience in and gives them a space just for learning.

    details4.png

    Image by Oxygenna

    5) Bold Typography 

    This year, typography will be more than just words. You’ll see fonts being bolder and bigger on the page and become far more of a design element that will equal the weight of other visuals. Fonts will get more creative as well as the sheer number of web compatible fonts rises. Designers are allowed more freedom because of this and are taking typography chances they wouldn’t have in the past.

    eLearning Designers and audiences who are sick of all the usual fonts can rejoice this year as we incorporate vintage and retro lettering, bespoke typefaces, and more. It’s a way for you to flex your creative muscles and make a statement with your typography. 

    See this example:

    sundaybreakfast.org_0013_1.jpg

    Image source: www.thebestdesigns.com

    6) Colors and Gradients that Dazzle  

    Things are happening in the design world that will make bold colors and two-tone gradients huge this year. Green will be especially big as Pantone picked Greenery as their 2017 color of the year as a symbol of new beginnings.

    Google’s Material Design has made certain color combinations trendy as well. Find them here. Notice that all the colors are decidedly bright and forward with little in the way of muted colors. Other useful sites for choosing colors include: Material Design Palette and MaterialUI.

    Duotone photos will also be a part of this bold color palette for 2017. These photos use two colors to make a kind of alternative black and white photo with contrasting lettering or other elements like the photo below:

    You’ll notice this type of photo color scheme on popular sites like Spotify or in thumbnail images on Youtube.

    Also see this example:

    20161114174656.jpg

    Image source: www.cssdesignawards.com

    More Than Just Looks: These bold colors aren’t just about making your courses look good or grabbing attention. They also improve user experience by creating buttons and navigation elements that are easier to see and use.

    Gradients: While bold, minimal colors are nothing new, gradients are making a comeback and changing the way we use them. No longer are you confined to big blocks of complimentary colors, you can now use gradients to blend a few colors together. This gives you more options in where you put the colors and how you use them.

    7) Minimalism isn't going anywhere

    Despite the emerging trends of creative typography and cartoons, minimalism will remain a popular design choice for eLearning courses. Minimalism is especially good for eLearning design because it suits a wide range of topics and audiences well. The simplicity of minimalism also makes it easy to highlight and draw attention to important elements because there is far less chance of cluttering the page than with other design strategies.

    To create an effective minimalist design, keep your editor’s eye open and use one element less than you want to. Both your colors and typeface choices should be small in number, possibly only one or two of each.

    headers.jpg

    Image by Tito Rahadi. 

    With a minimalist style, don’t underestimate the power of white space. All designs require a certain amount of white space for visual relief, but minimalism is even more connected to adequate white space.

    Despite this lack of things, minimalism can still incorporate a wide range of elements including animation. For animations to work in minimalism, they should be simple and show restraint. But, when done well they can bring classic elements together with modern ones. Above all else, have fun with your design. Your audience will enjoy it more when you’ve enjoyed making it!


    visual design crash course

    Sources:

    https://designshack.net/articles/layouts/minimalist-design-is-taking-over-heres-why/

    http://www.onextrapixel.com/2010/08/31/a-detailed-look-into-popular-styles-in-web-design/

     

    https://premium.wpmudev.org/blog/web-design-trends-2017/

    http://info.webbege.com/blog/11-dynamic-web-design-trends-for-2017

    https://designshack.net/articles/graphics/design-trend-modern-retro/

    Karla Gutierrez
    Karla Gutierrez
    Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT. ES:Karla is an Inbound Marketer @Aura Interactiva, the developers of SHIFT.

    Related Posts

    Revolutionize Your L&D Strategy: The Essential AI Checklist for 2025

    As we stare down the runway toward 2025, it's clear that AI isn't just knocking on the door of Learning & Development—it’s already inside, reshaping the landscape. But let's address the real question: Is your company merely experimenting with AI, or are you fully leveraging it to transform your eLearning strategy? The way you answer this could dramatically influence the success of your training programs.

    Before Using AI to Create eLearning, Ask These Questions

    What’s the first thing you do when you’re about to create a new eLearning course? Do you jump right into the eLearning tool, or maybe think that with AI, most of the work is already handled? If you’re leaning toward the latter, here’s a little secret: while AI is powerful and technology makes things faster, they’re no substitute for the clear strategy you and your team need at the start. It’s easy to think that, with today’s tech, all it takes is pressing a button to get a course ready to go. But here’s the truth: before you let creativity flow and let technology take the wheel, you need a solid, well-thought-out plan. And that starts with answering four key questions. These questions are your safety net, keeping your course from becoming a waste of time and money and turning it into something that actually makes an impact. Making an impact means connecting with the right people, delivering the right message, using relatable examples, and making sure participants can put their new knowledge to work. So, before jumping into your favorite eLearning tool or letting AI work its magic, take a moment to ask yourself these crucial questions: 1) WHO ARE THEY? Identifying the Audience Taking the Course Knowing your audience isn’t just a step in the process—it’s the secret sauce that makes your course actually useful. Picture this: you launch a course without a clear picture of who’s taking it. It’s like serving a fancy five-course meal without checking for allergies or dietary preferences. Not exactly a winning move, right? If your eLearning course doesn’t speak to what your team actually needs, it’s likely to flop. No one wants a course that feels like busywork. Here’s why taking the time to know your course audience is a must: Skip the Obvious and the Overly Complex: Covering things they already know or, on the flip side, stuff that’s way over their heads can either bore them or leave them scratching theirs. Hit on Real, Practical Needs: If the course doesn’t tackle what they actually face on the job, it’s just not going to feel relevant—or worth their time. Keep Their Interest: When team members can clearly see how the course helps them, they’re way more likely to stick with it (and maybe even enjoy it!). Here are a few questions to make sure your course is actually hitting home: Audience Basics: Who are they? What skills do they already have, and what are they hoping to build? Daily Life: What does a typical day look like? Are they on Zoom calls all day or juggling a hundred things at once? Work Environment: What’s the vibe? Is it all about collaboration, competition, or somewhere in between? Why They’re Taking the Course: Are they here by choice or because it’s required? This will change how you approach the course content. Current Knowledge: How much do they already know? If they’re already pros, you don’t need to start at square one. By answering these questions, you’re setting the course up to be more than just “one more thing to do.” It’ll be a practical tool that boosts their skills, addresses their real needs, and helps them make a difference in their work. Also read: These 27 Questions Will Help You (Really) Know Your Learners 2) WHY DOES THIS MATTER? Why It’s Crucial for Your Team to Take This Training Here’s the deal: whether you’re building this course yourself or letting AI work its magic, you need a rock-solid understanding of why this training matters before you dive in. Why? Because people only get engaged if they know what’s in it for them. And that’s not just a nice-to-have—it’s the foundation for building a course that actually delivers results. When you’re clear on the why upfront, you’re setting your course up for success. You’re not just creating random lessons; you’re designing something valuable that resonates with your team’s real needs. If you skip this, no amount of AI magic or design work will turn things around later. Here’s how to make your course not just necessary, but something they’ll actually want to take: Be Clear About the Benefits: Right from the start, let them know what they’re getting out of this. Will it make them better at their current job? Give them a leg up for a promotion? Spell it out, and keep highlighting these benefits as they go. Make It Real: Use real-life examples that show how they can put what they’re learning into action. If it’s a course on time management, add a module on how to apply these techniques in a regular workday—it’s practical, and it keeps things relatable. Keep It Fun and Interactive: Toss in questions that make them think, add quick quizzes, and keep it lively. A little interaction goes a long way to hold their attention (and yes, maybe a few laughs too). Experts and Success Stories: Add in short videos from experts or quick success stories from people who’ve already used these skills. Seeing real people share how it helped them can be super motivating. Give Immediate Takeaways: Design each module so they can try out what they’ve learned right away. If they can see the value immediately, they’re way more likely to stick with it (and appreciate it). So, before you let AI start building your course or jump into designing it yourself, make sure you’re clear on why this training matters to your team. This is the foundation that turns training from just another task into a true asset for their growth and success. Focus on these areas, and you’ll turn training into something they value—not just one more thing on their to-do list. Also read: Why You Should Be Designing eLearning Courses Backwards 3) WHAT? What Should Your Team Be Able to Do After Finishing the Course? This question is a biggie—and it should guide every decision you make when creating the course, whether you’re building it yourself or using AI to help out. Here’s the thing: if you’re just loading up a course with endless data and theories that read like a blender manual, people are going to tune out fast. What really matters is making sure the content connects to your team’s real needs and work-life realities. If you don’t have a clear idea of what your team should be able to do by the end of the course, you’re likely setting up a training that’ll be forgotten as soon as they click “Complete.” Instead, think about the situations where they’ll actually apply this knowledge. Knowing this upfront keeps you (and any AI you’re using) focused on creating something useful, relevant, and engaging. Here’s how to make it crystal clear what skills and knowledge your team will walk away with: Clear Kick-Off: Start each module with simple, straightforward goals. A quick bullet-point list like, “By the end, you’ll be able to…” sets expectations and gets people interested. Visual Reminders: Use infographics or simple diagrams at the beginning and end of each section to highlight goals. It keeps things easy to follow and remember. Engage Throughout: Add in reflection questions or quick check-ins, like “How would you use this on your next project?” It keeps the content grounded in real-world application, not just theory. Hands-On Practice: Design activities that actually get them using what they’ve learned. If you’re teaching presentation skills, have them record a quick pitch or share a mini-presentation—something practical they can see value in right away. Meaningful Feedback: Provide specific feedback that connects their activities directly to the course goals. This not only reinforces what they’ve learned but makes it clear why each task matters. Wrap-Up with Impact: At the end, do a quick review of all the goals covered. Whether it’s a Q&A, a visual summary, or a downloadable sheet, give them something they can refer back to. As Malcolm Knowles, the guru of adult learning, said, “Adult learning is life-centered.” People want to learn things they can actually use to make their lives easier or their work more effective. By getting clear on these “What” goals upfront, you’re creating a course that’s memorable, practical, and, best of all, truly worth their time. Also read: 6 Essential Content Creation Tips For eLearning Success 5 Rules for Creating Relevant and Fluff-free Courses Before Diving Into Your Favorite eLearning Tool, Ask Yourself: Do I Really Get What My Team Needs? Will This Course Actually Help Them Do Their Jobs Better? Let’s be real—this isn’t just about throwing information at people. The goal here is to help your team not only learn but actually use that knowledge in ways that make a difference. Here’s Your Quick-Start Checklist: Get to Know Your Audience: Take a deep dive into their needs, current skills, and the real challenges they’re dealing with every day. (No guessing!) Set Clear, Doable Goals: Outline learning objectives that actually mean something to your team and tie back to the results you’re aiming for. Make It Interactive: Give them ways to practice, apply, and get feedback on what they’re learning. Think less “lecture” and more “let’s try it out!” Check and Tweak as You Go: At the end of the course, ask for feedback and adjust if needed. Make sure the course hits the mark and actually helps them grow. By focusing on these steps, you’ll design a course that’s worth every minute of their time and foster a culture of ongoing learning that can truly boost performance. Remember: a great eLearning course doesn’t just teach—it transforms. (And hey, if you can make it fun, even better!)

    Top Gamification Trends for Boosting Learning Engagement

    Are your team's training sessions dragging on with low enthusiasm and even lower retention? Gamification could be the secret to turning those dull workshops into dynamic learning experiences. Gamification in workplace learning means incorporating elements like points, badges, leaderboards, and challenges to make training sessions more interactive and engaging, much like a game. This strategy isn't just about fun—it makes learning more effective and enjoyable.