The Narrative Web: storytelling applied to UX/UI design

Use storytelling to enhance your UX/UI design skills. Create purposeful stories to captivate your audience.

• Introduction
• The Anatomy of a Great Story
• A Mad Tea Party: Let’s Put Storytelling at Work
• Selling Your Ideas through Storytelling
• Final project

In this online course, you will delve into the captivating world of storytelling and discover its application in UX design. Join Chiara Aliotta, an accomplished designer and art director, as she takes you on a journey to explore how storytelling can create meaningful interactions and establish emotional connections with your audience. Through engaging lessons, you'll gain a deep understanding of storytelling fundamentals and learn how to incorporate them into your UX and UI designs.

Chiara will guide you through the process of crafting compelling narratives for digital products, starting with an introduction to storytelling and its uses in UX design. Explore elements such as audience, purpose, characters, and context, and discover how they contribute to creating immersive user experiences. Learn about the structure of a narrative and the importance of emotional connections to captivate your users.

Throughout the course, you'll analyze briefs, find visual inspiration, and map the user's journey to develop engaging digital experiences. Chiara will teach you the differences between high-fidelity mockups and wireframes, enabling you to create visually stunning projects that grab attention. You'll also gain valuable insights into how to engage clients with persuasive arguments and present your designs effectively.

• About Me
• Influences
• Storytelling for UX and UI Design
• Elements of Storytelling: Audience, Purpose, Characters, and Context
• Elements of Storytelling: The Structure
• The Power of Storytelling: Emotions
• Finding the Elements of the Story 1
• Finding the Elements of the Story 2
• Visual Inspiration to Trigger the Imagination
• Building the Narrative and Wireframe 1
• Building the Narrative and Wireframe 2
• Supporting the Narrative: Wireframe vs. High-Fidelity Mock-up
• Engaging the Audience with the Narrative
• Brand storytelling and UX