Product Designer
August 7, 2023
Crafting Customer Stories with ChatGPT, MidJourney, and Figma
Uncover the secret to using AI for storytelling. Learn how to use tools like ChatGPT, MidJourney, and Figma to create a comic-style customer journey.
I recently explored a way to use AI to craft a visually compelling customer journey. I wanted to tell a story, my product team had discovered through qualitative research, placing the customer is the hero.
My goal was to create a story to resonate with my peers and leaders, allowing them to empathise with the customer's struggles, desired transformation and how our product could help guide them there. The research essentially markets an abstract concept of how we can positively impact a business outcome and why our leaders should trust us.
Creating the Customer Journey using ChatGPT, MidJourney, and Figma
A recurring narrative emerged as we conducted one-on-one interviews of our target demographic: career changers who use SEEK products. Their stories aligned with our previous JTBD and quantitative research. However, their stories, needs, and desires were far richer in our interviews.
After we had spoken to several people, it became clear there was a pattern that we could synthesise into a narrative.
ChatGPT
I prompted ChatGPT with our summary of the narrative in bullet points and asked it to turn it into a hero’s story.
Write a hero story that guides the career changer through the journey of career discovery:
ChatGPT returned a good start for the story, there were a few parts that I changed to align better with our research and context. Overall, this story tells a journey that is partly based on evidence and GPT filled in the gaps. I could then turn this into a hero story, storyboard by asking the following:
Please turn the above into a max 9 panel storyboard for the Problem / solution / Benefit
MidJourney
MidJourney is accessed through Discord and is free to signup. I created my own Discord Channel and invited MidJourney bot to it for a bit less noise.
I first attempted to create the storyboards in the style of Joseph Barbera. His style is iconic, but asking ChatGPT to recreate my image prompts in style was maybe too broad. I wanted something more artistic than realistic, however, for a photo realistic style ChatGPT4 has a Photorealistic plugin that creates prompts for stunning photos in the style of [inset your favourite photographer here].
I crafted a consistent character named Jordan, the hero of my story, using prompts for reusable character creation, and used it as the base for my prompts:[Style], [Shot type], [subject]
storyboard illustration full body shot of a 30yo african-american female
I then used this image as the base of my prompts and repeated the character prompt, plus the panel output that ChatGPT gave me:[img url], [Character prompt], [Image output from GPT], [aspect ratio]
I repeated this format for subsequent panels, selecting the best images for the story. MidJourney v5.1 has the ability to reframe the shots, which was useful for when heads were cut off.
Figma
I used the Comics in Figma community file to layout my images and add GPT-created captions.
Conclusion
The art of storytelling is at the core of design. If you're explaining your research findings or creating a customer journey, the ability to communicate complex ideas in engaging ways is essential. By integrating AI tools like ChatGPT and MidJourney, you can craft visuals that compliment and sell your research.
Other Posts