How to design a website from wireframes



How to design a web site for a client? How do you go from wireframes to visual design? UX/UI design for Ole’s Hakai Pass Salmon Fishing Lodge site. Watch how Chris Do provides feedback and art direction to designer Sharleen Chen while working on a client site.

We look at a real and ongoing project with client Ole’s Hakai Pass and share an in-depth review of work done over the course of several weeks.

01:15 Sharleen Chen MFA, Cal Arts Candidate
02:45 Wireframes
05:39 Translating wireframes into visual design
09:00 Second pass after getting feedback
17:30 Before and After (adjusting lighting & style)

View Sharleen Chen’s site here:
http://www.sharleenchen.com

Tools used:
Adobe Illustrator
Adobe Photoshop
InVision (site mockup)

_
HOW TO SUPPORT THE SKOOL:
Purchase a CORE Kit: http://theskool.co/collections/all

Support The Skool by making purchases using our Amazon Affiliate Link:
http://astore.amazon.com/chrisdo-20

Buy useful design tools from Creative Market:
https://creativemarket.com/?u=ChrisDo

Get your business cards printed at Moo:
http://www.moo.com/share/qn6x98

Special Thanks to our Sponsors:
https://www.pond5.com/skool2016

_
Connect with Skool Live online:
Visit The Skool WEBSITE: http://theskoolrocks.com
Like The Skool on FACEBOOK: http://bit.ly/TheSkoolFacebook
Follow The Skool on TWITTER:http://bit.ly/TheSkoolTwitter

Need brand strategy help?
Visit Blind LA’s WEBSITE: http://blind.com

Chris Do: https://twitter.com/theChrisDo
https://www.facebook.com/BizOfDesign/ (for FB live and event announcements).

Jose Caballer: https://twitter.com/joseCaballer
Aaron Szekely: https://twitter.com/AaronSzekely

The PROCESS
Credits:
Executive Producer– Chris Do
Hosts– Chris Do
Director– Aaron Szekely
Cameraman– Aaron Szekely, Andrew Truong
Producer– Aaron Szekely
Editor– Aaron Szekely
Show Open– designed by William VanSkaik, animated by Bara Kwon
Musical Director– Adam Sanborne

source

Save This Post

No account yet? Register