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

_________________________________________________
🚀 Futur Accelerator
The step-by-step blueprint and coaching program designed to get your creative business off the ground:
https://thefutur.com/accelerator

🥇 Futur Pro
The professional creative community designed to grow your personal brand, your business, and your network:
https://thefutur.com/pro

✍️ Other Courses, Templates, and Tools:
https://thefutur.com/shop

🎙 The Futur Podcast:
https://thefutur.com/podcast

Recommended books, tools, music, resources, typefaces & more:
https://thefutur.com/recommendations

Music by Epidemic Sound:
http://share.epidemicsound.com/thefutur

Shorts Playlist:
https://www.youtube.com/@thefutur/shorts

We love getting your letters. Send them here:
The Futur c/o Chris Do
1702 Olympic Blvd.
Santa Monica, CA 90404

*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.

—
🎙 Futur Podcast: https://thefutur.com/podcast/
✍️ Futur Blog: https://thefutur.com/blog/
Jose Caballer: http://bit.ly/josecaballerTwitter
Chris Do: http://bit.ly/theChrisDoTwitter

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

===
*By making a purchase through any of our affiliate links, we receive a very small commission at no extra cost to you. This helps us on our mission to provide quality education to you. Thank you.