Web Design: Efficient Workflow

Optimize the design phase of your workflow by learning how to apply best practices and techniques for improved productivity and creativity.

Introduction

• Welcome
• What is a web design workflow?

1. Step 1: Sketch It Out

• Sketch it out
• Using UX and wireframing
• Sketching on paper

2. Step 2: Make a Moodboard

• Make a moodboard
• Quick overview of moodboards

3. Step 3: Design the Mockup

• Design the mockup
• Rough out a digital sketch
• Add moodboard elements
• Add content and fine-tune the mockup

4. Step 4: Make Revisions

• Make revisions
• The revision process
• Challenge: Making revisions
• Solution: Making revisions

Conclusion

• Next steps