1. Top Website!
Design Trends!
For 2013!
Webinar!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
2. Welcome!
2013 will have much in common with 2012, but the speed at which
technology is changing is directly influencing how our consumers
think and engage – so it’s 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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
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 influence 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 film, Shaun’s
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 Children's Hospital, The Canadian
Tourism Commission, NIKE, TEDx,
ScotiaBank and MEC.!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
5. Time to Mature: Responsive Design!
• Not a new trend!
• Responsive and adaptive – what’s the difference?!
• The “Smart” TV era!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
6. Time to Mature: Responsive Design!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
7. Time to Mature: Responsive Design!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
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 first!
• Create the best experience without sacrificing usability!
• Create appropriate content!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
9. Mobile: No more “Just the Tip.”!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
10. Mobile: No more “Just the Tip.”!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
11. Authentically Digital: The
Minimalist Revolution!
• Microsoft's 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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
12. Authentically Digital: The
Minimalist Revolution!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
13. Authentically Digital: The
Minimalist Revolution!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
14. Goodbye Homepage!
• Focus on products not ‘stuff’!
• Get to know where your users are coming from!
• Vertical narratives!
• It’s all about the story!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
15. Goodbye Homepage!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
16. Goodbye Homepage!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
18. Dynamic Typography!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
19. Dynamic Typography!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
20. Dynamic Typography!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
21. Dynamic Typography!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
22. Dynamic Typography!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
23. Original Photography!
• Originality Vs. Cliché's 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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
24. Original Photography!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
25. Original Photography!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
27. Full Page Hero Images!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
28. Full Page Hero Images!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
29. My Framework brings all the
boys to the yard.!
• Clean, organized, well-formatted code is beautiful!
• Efficiency is paramount.!
• Focus on the user, by spending more time iterating not developing!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
30. My Framework brings all the
boys to the yard.!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
31. My Framework brings all the
boys to the yard.!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
33. Search is Navigating!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
34. Search is Navigating!
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
35. Final Thoughts!
As technology evolves, so does design, but they’re always based on
principals that have stayed the same for decades. The thoughts, ideas and
trends we’ve 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.com
To learn more about Station X: 604.639.2266 | www.stationx.ca
36. Thank You!
Thanks everyone.
If you want to share your own ideas, and thoughts around any of the
topics discussed today don’t 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.com
Twitter: @Marqui_CMS
To learn more about Marqui: 1.888.662.7784 | www.marqui.com
To learn more about Station X: 604.639.2266 | www.stationx.ca