Execute a Design Sprint with Framer X

55mIntermediate2019-06-12

Authors

Emmanuel Henri

Executive with 20+ years of experience in programming and design

Course details

Design sprints are fast-paced processes that help UX designers and researchers. Curious about how design sprints work in a real-world environment? In this course, Emmanuel Henri helps you get up to speed, showing how to complete design sprints using Framer X, a powerful design prototyping tool that allows users to craft intricate designs, design responsive layouts, and create interactions. After going over the basic daily steps involved in a design sprint, Emmanuel helps you get up and running with Framer X, gather visual inspiration for your project, build your very first prototype, and add interactions to it.

Learning objectives
What’s a design sprint?
Daily steps in a design sprint
Tools for creating digital prototypes
Finding visual inspiration for your project
Making mockups
Defining the main layout
Designing the product card
Adding prototype interactions

Skills covered

Framer XFramerUser Interface PrototypingUser ExperienceProject

Concepts

0. Introduction

01 - Design in a fast-paced sprint environment
02 - What you should know

1. Design Spring Basics

03 - What is a design sprint
04 - Daily steps of a sprint
05 - Scenario - H+ supplements

2. Introduction to Prototyping

06 - The physical prototype
07 - Tools you can use
08 - Introduction to Framer X
09 - Visual inspiration for the project
10 - Explore mockups

3. Build the First Prototype

11 - Define the main layout
12 - Add texts and menu items
13 - Design the product card
14 - Finalize the detail product view

4. Add Prototype Interactions

15 - Products stack and scroll
16 - Add links for transitions
17 - Work with an item from the store
18 - Explore the sharing options

Conclusion

19 - Next steps