challenge recap
675 TopicsThe Construct
Hello! It's surprising - and a little bit troubling - how AI seems to 'get' certain pop culture references in your prompts. Hopefully, this homage is pretty obvious! The imagery was created using Google Flow and Rise's AI Avatar tool, with the interaction controlled in Storyline. If you view this demo on a desktop, you will need to press the Y and N keys. But if you view it on a mobile device, you will need to swipe left or swipe right. TRY IT OUT HERE: https://bit.ly/elhc557
40Views0likes1CommentPrompting My Way to Better Visuals
For a project we're currently developing, I wanted to create a project management "planning style" personality quiz as an engagement activity at the beginning of a module. One of the things I've enjoyed most about using AI for visuals is how quickly I can iterate on an idea by refining the prompts rather than starting from scratch each time. Step 1. Starting with a General Concept I usually begin with a broad prompt and then refine it based on the results. For this project, I started with: "Create a 16:9 illustration with a construction theme to introduce a project planner personality quiz." This prompt relied on an earlier prompt that generated the quiz concept itself: "Create a project planner personality quiz with different personas. The quiz should involve 5 to 10 questions and make scoring simple, such as based on score ranges or whichever answer letter appears most often." The first image captured the overall concept well, but it wasn't quite right. Step 2. Revising and Refining The initial illustration felt a little too youthful for my audience. It reminded me more of an animated children's style than something designed for adult learners entering the telecom workforce. So my next prompt was: "Make this more photorealistic. Ensure all people are wearing appropriate eye protection." While I liked the direction, I realized the rest of the module used illustrated graphics rather than realistic artwork. Instead of starting over, I continued refining the same image with another prompt: "Modify the characters so they are styled like a graphic novel for an adult audience." The style now fit the audience much better, but the colors were darker than the rest of the course branding. My final refinement was: "Modify to a brighter pop art style. Ensure all workers are wearing proper PPE, with no jewelry and hair properly restrained." The Final Result Rather than using any one generated image exactly as produced, I treated each version as a design exploration. I combined elements from several iterations to create the final introductory slide for the activity. One of the biggest takeaways for me has been that AI works well as an iterative design partner. Instead of trying to craft the perfect prompt up front, I find it more effective to start with a solid concept and then continue refining based on what I like and don't like in each version.4Views0likes0CommentsWatercolor style / vintage illustrations
Hi, ELH community! I'd like to share a preview of my newest Storyline project, currently still a work in progress. The Secret Life of Food is an interactive learning experience that explores how everyday foods such as chocolate, potatoes, tea, coffee, and spices have influenced trade, exploration, culture, and world history. For this project, I wanted to move away from a traditional corporate look and experiment with a more immersive visual approach. I chose an old explorer's atlas aesthetic, combining watercolor botanical illustrations, vintage maps, and historically inspired characters to create the feeling of traveling through a living journal of discoveries. Learners are guided by Catarina de Silva, a fictional naturalist and explorer, as they uncover the surprising journeys behind some of the world's most familiar foods. The project is still under development, but I'd love to hear your thoughts on the visual style and overall direction. Thanks for taking a look! PROMPTS: (used for creating images in Chat GPT, Storyline AI) General style: "Vintage explorer journal aesthetic, watercolor and gouache illustration, warm parchment textures, hand-painted botanical details, historical cartography elements, museum exhibit quality, Age of Exploration atmosphere, elegant educational artwork, rich earthy palette, antique paper, subtle ink sketches, highly detailed, soft painterly rendering, casual realistic character design, storybook realism, professional educational illustration, Articulate Storyline course artwork, clean composition, high quality digital painting, National Geographic educational style, transparent background when applicable" Characters: "Full-body character illustration, casual realistic style, hand-painted digital artwork, realistic proportions, expressive face, educational museum-quality illustration, inspired by historical exploration journals, detailed clothing and accessories, subtle watercolor textures, soft brushwork, warm natural lighting, elegant pose, believable anatomy, high level of detail, not cartoon, not anime, not photorealistic, transparent background PNG." Backgrounds: "Vintage illustrated background, explorer journal aesthetic, watercolor map textures, antique parchment, botanical details, warm earthy colors, educational exhibit design, historical atmosphere, hand-painted digital artwork, highly detailed environment, immersive storytelling scene, suitable for eLearning course background, subtle depth, readable composition."30Views2likes3CommentsCould you be a Football Manager? β½οΈ
Hello there! π I recently revisited the Teaching Sports with E-Learning #537 weekly challenge. I had been looking for different ways to start building out a portfolio and it had caught my attention! I love football, despite supporting Everton... and wanted to trial some gamification in storyline! β½ The project utilises a variety of variables that enable learner personalisation as shown below, thus I think it is also very apt for this weeks challenge. Learners select one of three manager avatars. π±ββοΈ Learners select one of three teams with differing colour schemes. π΅π΄ Each team have differing objectives for the end of the season in regards to total points, their final league position and what would result in a contract renewal. π The learners name is assigned to the manager when signing their contract. ποΈ The objective is to achieve the objectives of the learners selected team to receive a contract renewal for the following season. π Please have a look using the link and let me know your thoughts in the comments! π Confession: I spent a bit more time on this than I planned! π Enjoy! π Link: Football Manager ModuleMagazine-inspired design for Onboarding course cover slide
Hi, this week challenge is so timing and inspiring to me, especially when it comes to renovating my onboarding programme. So I thought Why not give it a try! It was my first time to explore Custom Blocks, especially trying different Typo, shapes, lines and everything else. P/s: With this design I hope the onboarding experience to feel more like opening a digital editorial publication than a typical corporate training course. Would love to hear any room for development.Gameshow interaction with variables
The challenge this week inspired me to recreate a gameshow-style knowledge check using variables for participants to enter their name and select a character. Here are the ways I used variables in this project: Participant Name Participant avatar (Storyline character) Participant "winnings" (score) "Winnings" (score) for two contestants (points awarded to one of the two if the user answers incorrectly) True/False variable which toggles when the user makes name/character selections to trigger a warning layer if no selections are made True/False variable which toggles when all questions have been answers to navigate to "Results" slide which uses the score variables to determine which layer to show based on which character had the highest score Here's a link to the project in Articulate ReviewFoodie Frenzy - Choose your Chef
Hi everyone! My name is Ekaterina. Some of you may remember me from my previous account (Ekaterina_V), where I shared several of my projects and participated in the challenges. Since then, I was laid off from my position as an e-learning developer, and unfortunately, I lost access to my corporate Articulate 360 account. However, I'm still very enthusiastic about e-learning and Articulate, so here I am againβthis time from my personal account. For this week's challenge, I'd like to share one of my older projects (hopefully that's allowedβI couldn't find anything in the rules that says otherwise!). It's a Jeopardy-style game about food, that uses variables to let learners choose their NPC chef character at the beginning of the game. Based on their selection, they receive personalized feedback throughout the course, including different character portraits and voiceovers. Once the game is completed, learners can restart it and choose a different chef to experience an alternative version of the feedback. Here are a few screenshots from the Gameplay (for this instance, I chose Chef Mike): Foodie FrenzyStop Designing Courses. Start Designing Performance. (Yes, I Made a Whole Magazine About It.)
This week's challenge asked us to build a magazine-inspired layout for an e-learning course. A reasonable person reaches for a nice hero image, a pull quote, and calls it a day. I, apparently incapable of restraint, invented an entire fictional learning-design magazine β masthead, barcode, snooty cover price, the works β and then nearly lost a fistfight with my own cover image. Reader, meet FRAME. One magazine. One issue. Big opinions. FRAME has exactly one issue so far: The Performance Issue. And the cover story is, fittingly, "Stop designing courses. Start designing performance." Here's why that's not just a cute headline. The challenge quietly nails something I think about constantly: editorial design and performance design are the same move. The fit-it-in designer asks, "How do I cram all this onto the slide?" The art director asks, "What does the reader actually need to feel β and what's the one thing that matters most?" Swap "reader" for "learner" and that is the whole philosophy. So instead of slapping a magazine layout onto random content, I made the content about the thing the layout is demonstrating. The article practices what it preaches. Very normal, very healthy behavior on my part. The build (a.k.a. drop caps in an e-learning course) It's all running in a Rise Code Block β custom HTML, CSS, and JavaScript β with a real editorial type system doing the heavy lifting: Bodoni Moda for the dramatic, fashion-magazine masthead and headline Newsreader for the body copy (because magazines use serifs and we should be allowed to have nice things) Archivo for the kickers, labels, and page furniture Paper-and-vermilion palette. A proper drop cap. A pull quote sitting on a solid ink slab. A sidebar with "Three questions to ask before you build a single slide." A "By the Numbers" strip. I put a drop cap in an e-learning course, friends. We are officially through the looking glass. The cover that fought back The artwork was done. All I needed was the right size. Simple. Here is the complete, humbling timeline: Me, with total confidence: "It's 16:9." I did not look this up. I simply declared it. Claude β agreeable to a fault β went "sounds right!" and built it. Two professionals, vibing, zero sources between us. Beautiful, really. Then I actually Googled it. Google, with equal confidence, told me 1000 Γ 3000 β a portrait strip the proportions of a CVS receipt. (Reader, I had it backwards.) "Okay, 3000 Γ 1000 β a wide banner." We rebuilt the entire cover sideways to fit. It looked great. I felt productive and correct. Plot twist. At this point Claude finally checked Articulate's own docs, which calmly state that cover photos wantβ¦ 16:9. My original, evidence-free guess. The one we abandoned to go chase a number Google was suspiciously sure about. We had traveled in a complete circle and ended up exactly where I started, just with more files. And Rise cropped it anyway. Because Rise dynamically crops covers, so no "correct" dimension was ever going to stop my masthead from quietly walking off-screen. The thing that actually won? I dropped the image onto a rectangle in PowerPoint, shrank it, centered it, exported a PNG. Fixed instantly. I have a whole interactive-design toolkit, and the hero of this story is a PowerPoint rectangle. I solved it like it's 2009. No notes. (I did later bake the padding in properly, so Future Me never has to do the PowerPoint Shuffle again β but the Shuffle is what got me to the deadline.) Did I use AI? Loudly, yes. I co-built this with Claude β the HTML/CSS/JS, the editorial copy, and yes, even the fake barcode. Credit where credit is due. It's a genuinely great way to go from "I have a weird idea about a fake magazine" to "the fake magazine is real and has a barcode" in an afternoon. The takeaway The information never changes. The packaging β and who you design it for β changes everything. FRAME, Issue 07. The Performance Issue. Newsstand price: press play. Display until you design like an art director. If you published a learning-design magazine, what's the cover story? π Stop Designing Courses. Start Designing Performance.Cocktail of the Week
I was short on time this week, so I kept things simple and created a couple of magazine-inspired slides. The theme came from a cocktail recipe I spotted in The Guardian, and it felt like a perfect fit for this challenge. What I enjoyed most was the opportunity to experiment with a brighter, more playful visual style than I would normally use in my professional work, which tends to be more technical and regulatory in nature. I had fun exploring bold colours, strong imagery, typography and visual hierarchy, while trying to capture some of the feel of a food and lifestyle magazine. And yes, you should definitely try the recipe. π Cheers : https://ayamus.itch.io/cocktail-of-the-weekChoose Your Character
Hello Hello! This is part of a course I'm actively working on - a disability related training for supervisors. I wanted my learners to feel like they're learning but part of an 8-bit computer game. What's more computer game than picking your avatar?! I used a number variable to help keep my 4 different avatars from getting mixed up. Each avatar has a number associated with it. Depending which avatar you selected and submitted, they will show up throughout the course. Later in the course, I add in a True/False to help with a progress meter. So the learners know if they've gotten all the "things" but, I'm still working on it. Enjoy this short portion of the course! eLearning Challenge - Variables | Review 360