In this discussion Clint, Senior Designer at Headway walks through wireframing your product using Whimsical, an online web tool.

‍

Why wireframing matters for your product

Wireframing is an important communication tool that gives the founders, developers, and designers an opportunity to walk through the structure of a product without getting sidetracked by design elements such as colors and fonts that don't matter yet.

• Bring clarity to your projects - work through all interactions
• Rapidly communicate and test new ideas
• Keeps all stakeholders aligned on key outcomes a product must create
• Reduces the risk of money wasted on designs that don't produce results

‍

What you will learn

• Learn the basics of taking your ideas from abstract thoughts to organized and shareable flows.
• Learn how to collaborate with your team to communicate visually.
• Kickoff projects better and faster from your web browser.

‍

Segments:

00:00 - Overview
0:35 - What We'll Build
1:07 - Why Lofi?
3:04 - Today's Digital Tools
3:32 - Why Whimsical
3:58 - Team Project Build
4:47 - Your Ideas Mapped Out
5:12 - Your Ideas, Fully Shareable
5:32 - Let's Build
34:13 - Q&A

‍

‍

Presentation Notes

Whimsical wireframes

Squad Up

‍

‍Wireframing tools

‍Whimsical
Lucid Chart
Miro
Balsamiq Cloud
Customer Journey Maps & User Flows - FigJam Template