Web design trends

1. Design trends

2. 1. Single-Page Sites
O Big background images
O Rich illustrations
O Animation techniques are being used to
tell stories, entertain, and get a message
across loud and clear
O http://pepsized.com/demo/?id=665
O http://etchapps.com
O http://www.adidas.com/com/apps/snowboarding
/
O http://www.digitalatelier.ro/

3. 2. Infinite Scrolling
O Works best for unstructured information
O Live feed style, sorted by time.
O Sites with lots of images
O http://lookbook.nu/
O http://www.google.com/imghp
O http://pinterest.com/

4. 3. Persistent Top Navigation
(aka: Sticky Nav)
O Ideal for complex sites, long scrolling
pages, or applications with toolbar
functionality
O http://www.newzealand.com/us/
O Gmail

5. 4. Responsive design

6. 5. Typography
O Typography and layouts that are based on
content
O Easier to make responsive than
complicated layouts with different types of
images and JavaScripts
O http://tapmates.com/

9. Color blocks
O http://www.sheltonfleming.co.uk/
O http://www.spelltower.com/
O https://2012.twitter.com/

11. 6. Buh-bye Flash
O HTML5/CSS3, JavaScript
O Parallax Scrolling:
O http://www.evanshalshaw.com/bondcars/
O http://www.helentsanossheinman.com/
O http://eephusleague.com/magazine/
O http://www.nike.com/jumpman23/aj2012/
O http://paris.3ds.com/en-
index.html#Restorations

12. 7. Large images used for large
impact visuals.
O Using large images on home page to
make an impact.
O Also keeping bandwidth and data usage in
mind by only serving large images to
those with large screens
O Responsive considered!
O http://grainandmortar.com/
O http://getflywheel.com/

16. 8. Give me (more) white space!
O Lend an air of gravitas
O Seem professional and knowledgeable
O https://new.myspace.com/

18. 9. More sharing on social
networks.
O Sharing buttons at the end of articles is
very old news
O Deeper integration
O Single sign-on
O Pay by tweet
O Pay by status
O More advertising on social networks.

19. 10. Mobile apps will start to
replace mobile browsing.
O Websites are working on all devices
O Twitter, Facebook, Pinterest, G+, etc.:
apps are much better than their mobile
browsing UX
O More and more people are using their
phone for everything.