Top Web Design Trends 2013

To learn more about Marqui: 1.888.662.7784 | www.marqui.com

To learn more about Station X: 604.639.2266 | www.stationx.ca

Top Website!Design Trends!For 2013!Webinar!



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. !



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!



Introducing Shaun Scholtz!

As Senior Interaction Designer at Station X, Shaun works closely with the design team and digital strategists, creating engaging online experiences and innovative campaigns.!

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.!

His goal is to understand the connections between technology, art, science and culture, and how they influence peoples lives and impact their physical, social and digital experiences.!



Time to Mature: Responsive Design!

•  Not a new trend!

•  Responsive and adaptive – what’s the difference?!

•  The “Smart” TV era!









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!









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!









•  Focus on products not ‘stuff’!

•  Get to know where your users are coming from!

•  Vertical narratives!

•  It’s all about the story!

Goodbye Homepage!



Goodbye Homepage!



Goodbye Homepage!



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!



Dynamic Typography!



Dynamic Typography!



Dynamic Typography!



Dynamic Typography!



Dynamic Typography!



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!









Full Page Hero Images!

•  Lets start to forget the fold!

•  Image tell stories quicker than words do!









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!









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!









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.!

!



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 [email protected]

Twitter: @Marqui_CMS

Top Web Design Trends 2013

Design

station x

responsive design

graphic design

design team

design trends

microsofts metro design

appcentric design

digital experiences