How to Translate Stylescape Ideas Into Web Design



Learn exactly how to take your initial concepts and turn them into web designs from Jose Caballer.

Annotations

3:25 The brand attributes help to define your design
5:08 Crafting the value proposition
7:08 Stylescape foundation
10:18 Research which competitor design features to emulate and which to avoid
14:48 Grid Systems
17:06 Sketching Basic UX attributes
21:19 Incorporating the typography and graphic elements from the Stylescape
23:06 Level up your presentation: using the brand attributes and value proposition for copywriting
25:40 If your comps are going to be given to a developer, align elements within grid.
27:30 Remain congruent between your Stylescape and the web design
30:47 Conclusion

After Show QNA

32:05 Q: What device should you base the resolution on?
34:45 Curating Taste: What you place in your Stylescapes matter
38:12 Clarity of design
39:03 Q: What recommendations would you have for print designers transitioning from print to web?
39:48 Working With Flexible Grids

Media Drop

960 Grid System – http://960.gs/

Special Thanks to our Sponsors:

Shutterstock – http://www.shutterstock.com
Media Temple – http://mediatemple.net
This is Ground – http://thisisground.com

_________________________________________________
Listen to the Futur podcast on iTunes:
https://itunes.apple.com/us/podcast/the-futur/id1209219220?mt=2
Android Stitcher:
http://www.stitcher.com/podcast/aaron/the-futur
Google Play:
https://play.google.com/music/listen?u=0#/ps/Itg3hr5bs4a54w73o2toxcr4vhe

HOW TO SUPPORT THE FUTUR:
Purchase a Kit:https://www.thefutur.com/shop/
subscribe to the secret and private Master mind group on FB with bi-weekly webinars & exclusive videos not released anywhere else.

Music on the show from Art-list.io
http://goo.gl/22VpQi

Use 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

_________________________________________________

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

Jose Caballer: http://bit.ly/josecaballerTwitter
Chris Do: http://bit.ly/theChrisDoTwitter

Purchase a CORE Kit: http://bit.ly/myskooltools

source

Save This Post
ClosePlease login