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:

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

Purchase a CORE Kit:

Support The Skool by making purchases using our Amazon Affiliate Link:

Buy useful design tools from Creative Market:

Get your business cards printed at Moo:

Special Thanks to our Sponsors:

Connect with Skool Live online:
Visit The Skool WEBSITE:
Like The Skool on FACEBOOK:
Follow The Skool on TWITTER:

Need brand strategy help?
Visit Blind LA’s WEBSITE:

Chris Do: (for FB live and event announcements).

Jose Caballer:
Aaron Szekely:

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


Save This Post
ClosePlease login

No account yet? Register