Top Web Design Trends 2013

Download Top Web Design Trends 2013

Post on 19-Aug-2015

1.818 views

Category:

Design

0 download

TRANSCRIPT

  1. 1. Top Website!Design Trends!For 2013! Webinar!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  2. 2. Welcome! 2013 will have much in common with 2012, but the speed at which technology is changing is directly inuencing how our consumers think and engage so its important to stay relevant.! ! We at Marqui strive to be leaders in digital innovation and engagement, across all marketing platforms. !To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  3. 3. Welcome! Our approach to design:! Support your business goals! Focus on the user and their experience! Provide clarity and purpose! Optimize, convert and track! Think holistically!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  4. 4. Introducing Shaun Scholtz! As Senior Interaction Designer at Station X, His goal is to understand the connections Shaun works closely with the design team between technology, art, science and culture, and digital strategists, creating engaging and how they inuence peoples lives and impact online experiences and innovative campaigns.!their physical, social and digital experiences.! With over 8 years experience in both interactive and graphic design, front-end development, photography and lm, Shauns mission has always been to infuse innovative content with creative insight. He has worked with a wide range of clients, including The Miller Capilano Group, 7-Eleven, Mercedes, BC Childrens Hospital, The Canadian Tourism Commission, NIKE, TEDx, ScotiaBank and MEC.!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  5. 5. Time to Mature: Responsive Design! Not a new trend! Responsive and adaptive whats the difference?! The Smart TV era!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  6. 6. Time to Mature: Responsive Design!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  7. 7. Time to Mature: Responsive Design!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  8. 8. Mobile: No more Just the Tip.! Mobile is the new non-negotiable! People want to review, search, explore, share or comment instantly! What content and features do you make available?! Start with mobile rst! Create the best experience without sacricing usability! Create appropriate content!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  9. 9. Mobile: No more Just the Tip.!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  10. 10. Mobile: No more Just the Tip.!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  11. 11. Authentically Digital: TheMinimalist Revolution! Microsofts Metro Design a bold step! App-centric design is becoming more familiar! Skeuo-what-ism?! More information displayed dynamically with a deeper focus on interaction!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  12. 12. Authentically Digital: TheMinimalist Revolution!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  13. 13. Authentically Digital: TheMinimalist Revolution!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  14. 14. Goodbye Homepage! Focus on products not stuff! Get to know where your users are coming from! Vertical narratives! Its all about the story!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  15. 15. Goodbye Homepage!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  16. 16. Goodbye Homepage!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  17. 17. Dynamic Typography! Big, beautiful type is here to stay! Extend your brand and tell a story! @font-face and the cloud! Google Webfonts, FontSquirrel and Typekit!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  18. 18. Dynamic Typography!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  19. 19. Dynamic Typography!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  20. 20. Dynamic Typography!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  21. 21. Dynamic Typography!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  22. 22. Dynamic Typography!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  23. 23. Original Photography! Originality Vs. Clichs business-girl-smiling-way-to-much-at-the-camera-in-brilliant-sunshine! Quality and originality captivate and give context! Digital photography has been democratized!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  24. 24. Original Photography!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  25. 25. Original Photography!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  26. 26. Full Page Hero Images! Lets start to forget the fold! Image tell stories quicker than words do!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  27. 27. Full Page Hero Images!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  28. 28. Full Page Hero Images!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  29. 29. My Framework brings all theboys to the yard.! Clean, organized, well-formatted code is beautiful! Efciency is paramount.! Focus on the user, by spending more time iterating not developing!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  30. 30. My Framework brings all theboys to the yard.!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  31. 31. My Framework brings all theboys to the yard.!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  32. 32. Search is Navigating! Why is search so often ignored?! Get your users to what they want, where they need to be! Think less do more!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  33. 33. Search is Navigating!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  34. 34. Search is Navigating!To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  35. 35. Final Thoughts! As technology evolves, so does design, but theyre always based on principals that have stayed the same for decades. The thoughts, ideas and trends weve talked about here today, are just to keep you informed and are meant to inspire.! !To learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca
  36. 36. Thank You! Thanks everyone. If you want to share your own ideas, and thoughts around any of the topics discussed today dont hesitate to get in touch. We appreciate your time and hope you found the presentation valuable. If you have any questions, or want to discuss any marketing and digital services you may need, please contact Adam Koebel, Manager of Digital Services at 604-630-3705 or by email at adam.koebel@marqui.comTwitter: @Marqui_CMSTo learn more about Marqui: 1.888.662.7784 | www.marqui.comTo learn more about Station X: 604.639.2266 | www.stationx.ca