Fable Fantasy:

A Choose-Your-Own Adventure Game

Project Summary

With a team of five designers, I designed and built an interactive (choose-your-own-adventure) story-telling game in Figma within 4 weeks. I was involved with the entire project, but led efforts for storyboarding, game and character design, and creating most of the interactions, vector illustrations, and settings.

This involved crafting storyboards, designing interactions for the users, and developing characters, ensuring that each element was not only visually appealing but also enriched the narrative experience. I spearheaded the creation of vector illustrations and settings, focusing on diversity and detail to bring our fictional worlds to life. My role was pivotal in unifying the visual and narrative aspects of the game, establishing a cohesive design language that included color schemes, typography, and visual style. Despite the challenge of merging distinct artistic visions and complex storylines, my contributions helped in maintaining a consistent and immersive user experience throughout the game, making the adventure both captivating and memorable for players.

Design System | Interaction Design | Graphic Design | Visual Identity | Storytelling

Project Details

Role: Designer

Duration: January - February 2023

Figma: View here

Tools: Figma, Vectornator

Challenge

Develop a user interface and experience solution within Figma to seamlessly integrate the selection of intangible goods, such as time, happiness, and other inspired intangibles. The challenge lies in conceptualizing innovative representations and delivery methods for these intangible goods, ensuring a fantastic user experience. This project will require navigating unfamiliar territory, as the design team is new to Figma, design systems, and vector drawings, emphasizing the need for intuitive design solutions.

Solution

My team and I designed a choose-your-own-adventure game that prompts the user to enter different worlds, integrating a selection of choices that later culminate as childhood lessons. It offers a fantastical, immersive experience using solely Figma interactions and vector art, creating a unique experience for any users playing.

Design Process

  • 1. Empathize

    We sought to understand what users would engage with best for a choose-your-own-adventure game. Thus, we conducted user research to understand, getting key findings on how to approach the visual experience and user experience.

  • 2. Define

    At this stage, we evaluated our current challenges for the project and the pain points that users expressed from our user interviews.

  • 3. Ideate

    We brainstormed different dynamic environments and stories that we could portray. We settled on a choose-your-own adventure story that featured special elements from all our brainstorming, such as fantasy, importance of choice, character interaction, and an overarching, sentimental theme.

  • 4. Prototype

    At this stage of the design process, we rapidly prototyped to test possibilities and communicate the ideas from before. Using Figma, I prototyped interactions within the app interface, such as key choices for the user.

  • 5. Test

    After getting feedback from users, this stage of the design process is refining the prototype. We ensured that choices were more visible, intuitive, and enticing, implementing consistent color schemes and narratives.

learn more about the stanford d.school design process

Final Product

A comprehensive choose-your-own adventure game that immerses the user in an interactive storytelling experience. View the full 40 minute playthrough with every choice represented to the left. Overall, I learned a great deal about the user experience, Figma, and interactive prototyping.

Scroll down for more information about some of my character design.

Character Design

Through Figma and vector art, I was able to bring characters to life in the volcano and cloud worlds. I utilized color palettes that the designers had chosen for each region, to remain consistent with the theme. As the characters were vector art, we could create small interactive animations with their hands, arms, etc. When creating the characters, I thought carefully about how they would interact with their world, their movement, and the user experience.