Get behind the scenes of design process and thinking of my submission to the Round 32 of The Show. How I tackled a brief with a tight budget with an interactive scenario-branching video.
The brief for the 2nd round of the competition began with a tight budget from the client. It was the first thing that stood out to me. I can feel that it is getting more challenging!
https://app.milanote.com/1Jl4Gm1ksBw3MF/round-of-32-available
Client: David, CEO of LGBT Collective - a non-profit organisation
The Brief:
David is looking for a solution to bring awareness and push the health & wellbeing of their team member as a priority. They are quite forward-thinking and want something 'outside the box.'
They don't have any LMS. They want something easy to hand over and implement right away.
The budget is $5,000
What needs to be included in the submission?
I was thinking straight away to create a scenario-based solution. I want the users to feel empathetic and emotionally engaged with the journey. Health and wellbeing for the LGBT+ community are overly under-looked important issue. Although, the audience will be LGBT+ community itself, who probably already much aware about the topic. I'd imagine that they would probably want to see character and stories that much reflect the inner struggles they are going through.
That's when I decided that it will only be relevant if the stories are sourced from the community. Therefore, it will only make sense that if the personas are performed by the employees. Voila! It is also a way to reduce expense.
When it came to inspiration, I encountered a scenario-based created by Open University using Elucidat tool.
https://www.elucidat.com/showcase/
This Immerse Branching e-learning showcase four scenarios of personas who are going through difficult times in their lives. The user has control over support given for those in need. Each scene provides options to choose from that will lead the main character into a burst of anger or finally being able to open up.
I find these responses are compelling - they very much reflect our daily life reaction to our surroundings. What we say and how we say it will impact somebody's life in some ways.
So, I knew that those options are immensely impactful because of the story. Therefore, each of my personas needs to have a story that is relatable but also personal.
And at first, I thought, perfect! However, my challenge with Elucidat is the tool is out within the client budget. The cost is $2,500 per user/year, with a minimum of 3 users in 1 purchase.
I was disappointed, but it leads me to a big search of the interactive tool.
After my research, I was so hooked with Wirewax, Verse and Rap. But actually, none of them is affordable. Except, Wirewax is doing a special because of COVID-19. They give free access to their studio up until October 2020.
The video that really drew me to Wirewax is this branching film from Nike.
I thought it was so easy to grasp and easy to navigate.
You can give it a try here: https://hypebae.com/2019/2/nike-air-max-dia-style-it-yourself-barbara-malewicz-interactive-film
For the look and feel of the video, I was very intrigued by this Moonlight movie poster.
I was attracted by the combination of colour, and you know that there is a real story going on about this main character.
However, the look and feel didn't work on my first draft. But I did start with some purple colour on my design. It then leads to the current one.
I came up with 'the Trust' as the first idea. As I create colourful halos behind each persona, 'Circles of Trust' seems to make sense in that perspective. It also describes inclusivity and a safe circle or community where everyone is welcome.
I designed my mockup with Adobe Photoshop:
The solution consists of an online interactive video with branching scenarios that take the users along each character’s emotional journey. This interactive video is created with the free version of Wirewax. Each character represents essential trends health and wellbeing issues faced among the LGBT Collective employees. The options presented on each question show all available programs, community support or counselling options in the LGBT Collective and external vendors.
Hopefully, it has been useful for you!
In the dynamic realm of elearning, WCAG stands as a vital framework by the World Wide Web Consortium (W3C), ensuring universal accessibility. With principles like Perceivable, Operable, Understandable, and Robust (POUR), WCAG guarantees a diverse audience's effective engagement. Practical applications, such as alternative text and keyboard navigation, showcase its commitment. Legal compliance, an inclusive experience, and a positive reputation underline why WCAG matters, shaping more accessible digital learning.
Send me a message about your project, then I'll set up a meeting for us to chat in details!