UX/UI Web Design - 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.