Wireframing and Mood Boarding are the first steps in the visual design process. This is video 3 and we are gonna start with a blank page and end up with a structure and a look and feel to start pursuing in next weeks design videos.
There are a lot of ways you can do both wireframes and mood boards, this is just my way so if you do it differently that's cool too. Everything I do in the series is a little on the chill side since its a 1-page concept project, so please keep in mind that the more serious the project or client is you would want to ramp this process up with better deliverables.
Remember to Subscribe https://goo.gl/6vCw64
1. Intro - https://youtu.be/sr6jDeAoXCc
2. Discovery - https://youtu.be/g2aSWqU0gqA
3. Wireframe & Moodboard - https://youtu.be/boF058Bh5lo
4. Visual Design Part 1 - https://youtu.be/3xWViyhRGd4
5. Visual Design Part 2 - https://youtu.be/HqykJljlN2A
6. Setting up the Dev environment - https://youtu.be/cXbRAdPXpRA
7. Coding the Nav and Header - https://youtu.be/Boc_IZNzlh4
8. Coding the brand and feature section - https://youtu.be/O4gqpgRvYJg
9. Coding the Offer Section - https://youtu.be/JsLeiFbi8RM
10. Coding the Download Section - https://youtu.be/jMkAeo2uGHk
This series is all about the web design and development process from start to finish. I am going to be taking you through the entire creative process from sketching and wireframing to high res mockups and full development phase.
I have never done a series this large, and my hope is that you will grow as a designer and developer not because I am perfect but because you have allowed yourself to stumble and fail with me on the road to making something you can be proud of.
I made this series because I believe that by teaching it I will learn and grow from not only the experience of creating the project but getting feedback from you all.
------------------------------------------------------------------------------------
////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...
https://designchamps.io/hip
////////// Connect with me here
Instagram: https://www.instagram.com/imjesseshow
Twitter: http://twitter.com/imjesseshow
Anchor: https://anchor.fm/imjesseshow
Medium: https://medium.com/@imjesseshow
////////// Sign up for my Monthly Newsletter
http://jesseshowalter.com/newsletter
////////// Music is from Musicbed click below for a free trial
http://share.mscbd.fm/imjesseshow
////////// Equipment
https://www.amazon.com/shop/jesseshowaltertv