The Narrative Web: storytelling applied to UX/UI design
Supporting the Narrative: Wireframe vs. High-Fidelity Mock-up
A course by Chiara Aliotta , Designer and art director
About the video: Supporting the Narrative: Wireframe vs. High-Fidelity Mock-up
Overview
“In this lesson, I will present the high-fidelity mock-up inspired by the wireframe designed in the previous unit. The deconstruction phase is essential because it helps us understand if we are consistent with our story (also known as consistent with the wireframe and the choices taken when analyzing the brief). ”
In this video lesson Chiara Aliotta addresses the topic: Supporting the Narrative: Wireframe vs. High-Fidelity Mock-up, which is part of the Domestika online course: 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..
Partial transcription of the video
“In this lesson, we are going to look at a high-fidelity mock-up that we designed inspired by the Y-frame. The Y-frame is used as a screenplay to help us build and create and design the high fidelity mockup. The scope of this lesson is not to teach you how to create a high fidelity mockup. but mostly to understand how to look at the mock-up and make sure that you map the exact experience that you created in your wireframe. And now let's have a look at the high fidelity mockup and compare it with the wireframe. I use Figma to create a high fidelity mockup of the landing page. but you can use ...”
This transcript is automatically generated, so it may contain mistakes.
Course summary for: The Narrative Web: storytelling applied to UX/UI design
-
Category
Web & App Design -
Areas
Copywriting, Information Design, Storytelling, UX / UI
Chiara Aliotta
A course by Chiara Aliotta
Chiara Aliotta is an Italian art director and digital brand designer known for her captivating storytelling skills. With a background in print communication and a remote work lifestyle from a Greek island, Chiara has honed her expertise in crafting compelling brand stories that leave a lasting impact.
Chiara's passion for storytelling stems from her love for literature and her belief in its power to captivate audiences. She has worked with renowned organizations such as Smashing Magazine, Action Aid Hellas, PAMS Foundation, Mautic, and Joomla, creating brand experiences that inspire action and foster a sense of community.
As a digital nomad, Chiara embraces the digital world and understands the importance of crafting engaging online experiences. Her goal as an art director is to provide a comprehensive perspective on design, showcasing its potential to communicate brand values, purpose, and mission effectively. Chiara's work extends beyond traditional design, helping tech startups and Web3 companies navigate the digital landscape through compelling storytelling.
- 97% positive reviews (67)
- 4,032 students
- 13 lessons (2h 29m)
- 32 additional resources (18 files)
- Online and at your own pace
- Available on the app
- Audio: English, Spanish, French, Indonesian, Italian, Portuguese, Romanian, Turkish
- Spanish · English · Portuguese · German · French · Italian · Polish · Dutch · Turkish · Romanian · Indonesian
- Level: Beginner
- Unlimited access forever
Category
Areas
