NEW, NOW, NEXT:
DESIGN TRENDS 2014
AGENDA • WHO IS LYONSCG? • DESIGN TRENDS 2014 • Q&A
THE ELEMENTS OF ECOMMERCE REALIZED
QUICK FACTS
4
When, Where
Buzz
• • • • • •
• • • •
Founded in 2003 160+ professionals globally Chicago, IL – HQ with all functions Rockford, IL – support focus Ann Arbor, MI – development and support International – development focus
Inc. 5000 in 2008, 2009, 2010 and 2012 Magento Excellence Award for 2011 & 2012 Magento “Innovator of the Year” for 2010 Recognized by Forrester as top US Magento systems integrator
Why, How
eCommerce Leadership
• Customer-centric in all we do • Build long term relationships • Decision making from the client’s POV
• Experienced eBay Enterprise partner • Over 100 ecommerce sites launched in both 2012 and 2013
Who • From startups to global brands • Hundreds of customers implemented • 75+ currently hosted or supported
The Difference • We guarantee our work • Every project, every time
TRENDS
TREND 1:
FLAT IS THE NEW BLACK
TREND 1: FLAT IS THE NEW BLACK
TREND 1: FLAT IS THE NEW BLACK
TREND 1: FLAT IS THE NEW BLACK
TREND 2:
MOBILE FIRST
TREND 2: MOBILE FIRST
A Mobile first approach to web design helps eliminate the excess and keep only what’s essential.
TREND 2: MOBILE FIRST
• With almost 87% of the world’s population having access to some kind of mobile device and 31% of the US population using mobile devices as the primary way they access the web, mobile is an opportunity to reach more people than ever. •
Mobile devices have constraints that force designers to focus on what really matters, providing an opportunity to evaluate the essential ingredients, and encouraging ease-of use and intuitiveness.
•
Designing on small screens first helps defines necessary functionality and how to deliver it to creates a superior mobile experience, progressive enhancement also can enhance by taking advantage of computing horsepower and device size as the experience scales to desktop and beyond.
TREND 2: MOBILE FIRST
TREND 3:
HAMBURGER!
TREND 3: HAMBURGER!
TREND 3: HAMBURGER!
TREND 4:
OFF CANVAS FLYOUT
TREND 4: OFF CANVAS FLYOUT
TREND 5:
FUN WITH GRIDS
TREND 5: FUN WITH GRIDS
TREND 5: FUN WITH GRIDS
TREND 5: FUN WITH GRIDS
TREND 6:
THE LONG SCROLL
TREND 6: LONG SCROLL
TREND 6: LONG SCROLL
TREND 4: LONG SCROLL
TREND 4: LONG SCROLL
TREND 7:
LESS IS MORE
TREND 7: LESS IS MORE
Originally stated in an 1855 poem called “The Faultless Painter� by Andrea del Sarto and Adopted by the Architect Ludwig Mies van der Rohe as a way to define minimalist design. The key concept of minimalism is reducing the subject to its necessary elements creating a design unity and simplicity of form and function.
Today with all the different devices that people use to access the internet including smart phones, tablets, gaming counsels, and TVs there is a greater need than ever to make experiences that seamlessly adjust for what ever device is requesting information. Simple web design uses white space and page structure to guide the way people access and interact with web pages, removing clutter and establishing focus for the task at hand. Simplicity does not mean generic.
TREND 7: LESS IS MORE
TREND 7: LESS IS MORE
TREND 8:
COOL WEB TYPOGRAPHY
TREND 8: COOL WEB TYPOGRAPHY
TREND 8: COOL WEB TYPOGRAPHY
TREND 8: COOLER WEB TYPOGRAPHY
TREND 8: COOL WEB TYPOGRAPHY
TREND 9:
BIG VIDEO
TREND 9: BIG VIDEO
TREND 9: BIG VIDEO
TREND 10:
CONTENT GETS RICH
TREND 8: CONTENT GETS RICH
TREND 8: CONTENT GETS RICH
TREND 8: CONTENT GETS RICH
TREND 8: CONTENT GETS RICH
DESIGN TRENDS 2014
QUESTIONS
THANK YOU Mark Rattin Executive Creative Director 312.564.3109 mrattin@lyonscg.com