Web Design: Efficient Workflow
30mIntermediate2016-12-21
Authors

Sue Jenkins
Author, Teacher at Marywood University, Owner of Luckychair.com
Course details
Optimize the design phase of your workflow by examining the approach of another web designer in action. This course allows you to do just that—observe how Sue Jenkins takes a web design project from start to finish. She walks through a project step by step, from wireframing and sketching all the way to the final mockup. You can follow along and learn ideal sequences, best practices, and new techniques.
This course is designed to help boost the abilities of web designers and graphic designers, improving productivity and creativity. Sue shows you how to broaden your workflow while keeping the process efficient and focused. The tips she provides are applicable whether you are starting from nothing, redesigning layout ideas received from a client, or creating a mockup from a wireframe in coordination with UX teams.
Learning objectives
UX and wireframing
Sketching
Capturing the essence of a business
Designing the mockup
Fine-tuning the layout
Making final revisions
This course is designed to help boost the abilities of web designers and graphic designers, improving productivity and creativity. Sue shows you how to broaden your workflow while keeping the process efficient and focused. The tips she provides are applicable whether you are starting from nothing, redesigning layout ideas received from a client, or creating a mockup from a wireframe in coordination with UX teams.
Learning objectives
UX and wireframing
Sketching
Capturing the essence of a business
Designing the mockup
Fine-tuning the layout
Making final revisions
Skills covered
Mobile Web DesignWeb DesignPhotoshopAdobeDeep Dive (X:Y)
Concepts
0. Introduction
- 01 - Welcome
- 02 - What is a web design workflow
1. Step 1 - Sketch It Out
- 03 - Sketch it out
- 04 - Using UX and wireframing
- 05 - Sketching on paper
2. Step 2 - Make a Moodboard
- 06 - Make a moodboard
- 07 - Quick overview of moodboards
3. Step 3 - Design the Mockup
- 08 - Design the mockup
- 09 - Rough out a digital sketch
- 10 - Add moodboard elements
- 11 - Add content and fine-tune the mockup
4. Step 4 - Make Revisions
- 12 - Make revisions
- 13 - The revision process
- 14 - Challenge - Making revisions
- 15 - Solution - Making revisions
Conclusion
- 16 - Next steps