Portfolio
The Fresh Flowers Delivery Challenge
This scenario-based eLearning experience was designed for flower shop delivery drivers. The immersive course allows the learner to step into the shoes of a delivery driver and face various challenges that test decision-making skills. The choices throughout the scenario will determine whether the flowers arrive in excellent condition or not.
Audience: Flower Shop Delivery Drivers
Responsibilities: Instructional Designer, eLearning Development, Action Mapping, Storyboard, and Visual Design
Tools Used: Articulate Storyline, Figma, Canva, Mindmeister, Lucid Chart, Google Docs, Amazon AWS
The Problem
The client, Expressions Flowers, noticed an increase in the number of customer complaints regarding the condition of flower arrangements upon delivery. While the condition and structure of the flower arrangements left the shop in perfect condition, customers were complaining about receiving wilted or messy arrangements. As these concerns were communicated by management to delivery drivers, the drivers lacked the knowledge and confidence to problem-solve independently leading to excessive calls to the flower shop when faced with daily challenges.
The Solution
After careful analysis, I determined the problem was due to delivery drivers’ lack of knowledge. The delivery drivers did not know how to properly care for the flowers en route and lacked problem-solving skills needed to ensure the flowers were delivered in excellent condition. As I learned more about the problems that occur during delivery, I proposed a scenario-based eLearning experience that allowed the learner to become faced with problems and make decisions in a risk-free environment to practice.
Action Map created with MindMeister
Action Mapping
First, I collaborated with the client to establish a clear goal for the training. This helped me understand the client's expectations and align the content accordingly. The SME and I created an action map to identify the tasks that occurred most frequently and had the greatest impact if completed incorrectly. By focusing on these tasks, we ensured that the training module addressed the most crucial aspects of the job. This approach helped prioritize the content and make the training more focused and impactful.
Text-Based Storyboard
First, I chose the highest priority actions from the action map to recreate scenarios a delivery driver would face in a normal day of driving. Based on input provided by the SME and client, at each decision point I included the correct answer choice and common poor choices that were leading to customer complaints. This allowed me to create realistic consequences that would allow the user to experience the effect of their poor choice. I created realistic consequences that would allow the user to experience the effect of their poor choice.
As I created the storyboard, I recorded visual elements and audio that would make the learner feel immersed in the learning experience. After rounds of feedback from the client and the instructional design community, I felt confident that my story board was clear and engaging.
Section of Text-Based Story Board created in Google Document
Style Board created using Figma design tool
Visual Design: Vision Board and Style Guide
To transform the text-based storyboard into a visual story, I created a vision board, gathering images and design elements that resonated with me and the desired look envisioned by the stakeholders for the e-learning experience.
While organizing my vision board, I was inspired by the colors, fonts, and formats used in other floral designs. I selected colors and fonts that fit the style and feel of Expressions Flowers. I tested the contrast of the selected colors for accessibility and selected fonts that resonated with my theme, but were easy to read. I narrowed down my choices based on how the font fit with other visual elements on the slide. This style board became a guide for maintaining consistency and ensuring a cohesive visual experience throughout the e-learning content.
Visual Mock Ups
With Figma, I was able to iterate through multiple versions of the visual mockups, refining and improving the design as I progressed. I focused on adding specific visual elements to bring the content to life. As I worked on the visual mockups, I referred back to the text-based storyboard to ensure that the design accurately captured the intended learner experience.
Wireframe slides leading into visual mock ups. Created using Figma design tool.
Interactive Prototype with Articulate Storyline
Once the visual mockups were complete, I created an interactive prototype of the eLearning experience. Using Articulate Storyline 360, this prototype included the title slide, introduction slide, and question and consequence slides for the first decision point in the simulation. Key stakeholders and the instructional design community used the prototype to provide feedback on the visuals and the user experience.
Full Prototype with Articulate Storyline
Once the prototype was complete and edited based on feedback, I designed and developed the remaining slides according to the storyboard. Incorporating impactful, realistic images was important in my progress. I utilized images that helped me create detailed scenes that would allow the learner to be immersed in the learning experience. Animation and audio were included to keep the learner engaged and reinforce positive and negative consequences. A success meter was included to celebrate the learner’s success, confirm their positive choices, and gauge their progress throughout the course. The simulation was programmed so the learner’s choices early in the experience affect the consequences later in the experience for enhanced realism. The user is addressed by name to personalize the learning experience. Lastly, the user can print a certificate of completion at the end of the simulation. Throughout the process I relied on feedback from the SME, client, instructional design community and my team of instructional designers. Iteration, adaptability, organization, and the ability to receive critical feedback was crucial in the creation of this eLearning course.
Let’s Chat
I’d love to collaborate and bring your ideas to life. Don’t hesitate to reach out!