Transforming Storytelling

with AI-Generated Content

Transforming Storytelling with

AI-Generated Content

Spectra

Spectra aims to revolutionize storytelling by allowing users to create their own movies and TV series. By offering full creative control over the style, characters, and locations, Spectra enables users to bring their unique visions to life. This project explores how AI can democratize filmmaking, providing accessible tools for creators.

Solution:

UI/UX Design

UI/UX Design

Role:

Self-led Project

Self-led Project

The Challenges

Users struggle to bring their unique storytelling visions to life due to the high cost, technical barriers, and inaccessibility of traditional filmmaking tools.

To address the challenges identified in MediatorAI, my solution centered on creating anempathetic user interface that facilitated open dialogue. By prioritizing user comfort and accessibility, I designed an engaging platform that encouraged users to share their thoughts and feelings freely.

The Solutions

To tackle Spectra’s challenges, I designed an intuitive interface that simplified the movie-making process. Users could easily curate characters, locations, and styles through clear visual previews and interactive elements. This approach made creating custom films and series accessible and enjoyable for all users.

Welcome to Spectra

The Spectra welcome screen features falling CDs against a vibrant backdrop, complemented by a captivating video loop. This design blends nostalgia with a forward-thinking approach to media, offering an engaging entry point for users.

Prompt Input & Featured Content

Prompt Input & Featured

Content

The home screen features a prompt input area to start the movie or series generation. Users can scroll down to explore content generated by others, showcasing community creativity and inspiration.

The Solutions

To tackle Spectra’s challenges, I designed an intuitive interface that simplified the movie-making process. Users could easily curate characters, locations, and styles through clear visual previews and interactive elements. This approach made creating custom films and series accessible and enjoyable for all users.

Movie/Show Description

The movie/show description screen allows users to watch the selected film, read its description, and discover similar titles, enhancing the viewing experience with tailored recommendations.

The Solutions

To tackle Spectra’s challenges, I designed an intuitive interface that simplified the movie-making process. Users could easily curate characters, locations, and styles through clear visual previews and interactive elements. This approach made creating custom films and series accessible and enjoyable for all users.

The Solutions

To tackle Spectra’s challenges, I designed an intuitive interface that simplified the movie-making process. Users could easily curate characters, locations, and styles through clear visual previews and interactive elements. This approach made creating custom films and series accessible and enjoyable for all users.

The Solutions

To tackle Spectra’s challenges, I designed an intuitive interface that simplified the movie-making process. Users could easily curate characters, locations, and styles through clear visual previews and interactive elements. This approach made creating custom films and series accessible and enjoyable for all users.

The Process

The UX process for Spectra started with a user persona and empathy maps to understand the target audience. I then crafted the information architecture for a smooth flow, laying the groundwork for wireframes and UI design that deliver a seamless experience in crafting AI-generated movies and series.

Persona

During the persona creation phase, I identified the diverse needs and motivations of Spectra’s users. By gathering insights into their goals and frustrations, I developed a detailed persona representing creative individuals who love to create and tinker with technology.

Empathy Maps

In the empathy mapping phase, I aimed to deepen my understanding of Spectra’s users by visually representing their thoughts, feelings, and behaviors. Using insights from user research, I filled the maps with what users said, did, thought, and felt during their creative process. This highlighted key motivations, pain points, and desires, allowing me to empathize with their experiences.

Ideation

In the ideation phase, I focused on developing a comprehensive information architecture for Spectra. By organizing content and defining user pathways, I created a clear structure for intuitive navigation through the platform. This arrangement allowed users to easily explore movie creation options, from style selections to character customization.

Wireframes

In the wireframing phase, I translated the information architecture into low-fidelity layouts that showcased Spectra’s core functionality. The focus was on creating a clean, user-friendly interface to simplify movie and TV series creation. Key interactions, such as selecting characters, customizing styles, and outlining plots, were prominently featured. This iterative approach allowed for early visual testing to assess user flows and interactions.

1

The AI movie creation experience begins with the user writing a prompt.

2

Once a visual aesthetic has been selected, the user selects various
aspects of the movie experience through a swiping experience.

3

Once all selctions have been made the movie then generates and begins.

Reflections

  • Generative AI Potential: The Spectra project demonstrated the potential of generative AI to empower users in creating their own stories and characters.

  • User Experience Focus: Focused on developing a seamless user experience that encourages creativity and exploration.


  • Intuitive Design Insights: Although the project remains a concept, insights from defining the information architecture highlighted the importance of intuitive design in engaging users.


  • Balancing Aesthetics and Functionality: Learned the necessity of balancing aesthetic appeal with functionality to inspire and support users in crafting unique cinematic experiences.

Crafted with ❤️ by Austin Skhosana

Crafted with ❤️ by Austin Skhosana

Crafted with ❤️ by Austin Skhosana