Draw a wireframe in Pencil Project

External: Coursera Courses ↗ · Coursera

Open Course on External: Coursera

Free to audit · Opens on External: Coursera

Draw a wireframe in Pencil Project

Coursera · Beginner ·🖌️ UI/UX Design ·3mo ago

Key Takeaways

Creates an e-commerce web UI wireframe using Pencil Project

Original Description

In this 2 hours long guided project you will learn how to create an e-commerce web UI wireframe using Pencil Project. You will create a user interaction and navigation flowchart, sketch re-usable items like header and navigation, group and arrange them into private collections, create home and product page, design dialogue and error messages, link the elements and finally export the prototype in an image, PDF or clickable interactive web format.
Watch on External: Coursera ↗ (saves to browser)
Sign in to unlock AI tutor explanation · ⚡30

Related Reads

📰
AI Won’t Replace Product Designers. It Will Replace Pixel Pushers.
AI won't replace product designers, but it will replace tasks that involve repetitive pixel pushing, freeing designers to focus on high-level creative decisions
Medium · UX Design
 📰
The Vue 3 Project Structure That Scales to 100 Components Without Becoming a Maze
Learn how to structure a Vue 3 project to scale to 100 components without becoming a maze, using best practices for folder organization and naming conventions
Medium · Programming
 📰
The Vue 3 Project Structure That Scales to 100 Components Without Becoming a Maze
Learn how to structure a Vue 3 project to scale to 100 components without becoming a maze
Medium · JavaScript
 📰
How I Turned a Client Journey Map Into a Reusable AI Skill
Learn how to turn a client journey map into a reusable AI skill and apply it to your own projects
Medium · UX Design
Up next
Responsive Website Design Tutorial 2026
Adrian Twarog
Watch →