SlideShare a Scribd company logo
1 of 62
Download to read offline
corporate
Webdesign trends
2010
Tijs Vrolix
@tijs on Twitter
So how did we get here? By Detlef C on Flickr
of the internet in 10 simple slides.
A brief history
Arpanet
Dial up modem
Early experiments
Browser wars
Ecommerce
Bubble
Search
Content management
Social
Mobile
Web design trends for 2010
faster connections
increasing screen estate
mind widgets, mobile, ... though
social
end of the desktop monopoly
search
shareable
design
technology trends
hardware
And how do we proceed? By Simon-K on Flickr
5do’s
for2010
dont’s
&
let’s run through the don’ts first
obvious
Forget about smiling business people ..
Puzzles ..
Globes ..
Gears ..
Light bulbs ..
and the typical corporate website template, for that matter
20092010
simplicity
subtle gradients
shadow to emboss (letterpress)
desktop-like user interfaces
clean illustrations
one page websites
minimalism
Clean illustrations meomi.com
Minimalistic owltastic.com
Less is more kylestanding.com
Clean illustrations goglamping.net
Letterpress esorganisers.com
Desktop like user interfaces getballpark.com
Modal windows nasibriyanilounge.com
invisible complexity
transparency
typography (text replacement)
javascript libraries
experimental html5/css3
Transparency silverbackapp.com
Text replacement shauninman.com/blog
CSS3 ANIMATIONS MACHEIST.com
Advanced javascript gomockingbird.com
big
type
headers
footers
images
call to action
everything
Type dustincurtis.com/sleep.html
Headers are the new splash page biola.edu/undergrad
Headers are the new bio ma.tt
Huge photo mcfc.co.uk
Call to action mailchimp.com
a!y
dark
grunge
sketch & hand drawn
typography
wood
magazine layout
retro
horizontal website
think outside the browser
Dark justincline.com
Grunge jrvelasco.com
Collage garynock.com
Magazine bmivoyager.com
Typography carsonified.com
Wood thethingswemake.co.uk
Horizontal site suiepaparude.ro
Outside the browser alexbuga.com
Outside the browser pastorant.eu
bigger picture
every page is your homepage
social chunks
websites are/become part of SN’s
think outside the desktop
Social chunks skittles.com
Large footers yodiv.com
Every page footer is your homepage mesa.cityofgrace.com
webdesign in 2010 is all about ..
simplicity
big & bold
invisible complexity
art & creativity
the bigger picture
Inspired by Benjamin Moore Cedar Green 2034-40 and Mark Chamberlain
Tijs Vrolix
@tijs on Twitter
tijs@vrolix.eu

More Related Content

Viewers also liked

How to create a jQuery Modal Window
How to create a jQuery Modal WindowHow to create a jQuery Modal Window
How to create a jQuery Modal WindowLikno Software
 
Purchasing power parity a unit root, cointegration and var analysis in emergi...
Purchasing power parity a unit root, cointegration and var analysis in emergi...Purchasing power parity a unit root, cointegration and var analysis in emergi...
Purchasing power parity a unit root, cointegration and var analysis in emergi...Giwrgos Loukopoulos
 
Connect.Tech- Enhancing Your Workflow With Xcode Source Editor Extensions
Connect.Tech- Enhancing Your Workflow With Xcode Source Editor ExtensionsConnect.Tech- Enhancing Your Workflow With Xcode Source Editor Extensions
Connect.Tech- Enhancing Your Workflow With Xcode Source Editor Extensionsstable|kernel
 
Creational pattern
Creational patternCreational pattern
Creational patternHimanshu
 
1.Buffer Overflows
1.Buffer Overflows1.Buffer Overflows
1.Buffer Overflowsphanleson
 
Representational State Transfer (REST)
Representational State Transfer (REST)Representational State Transfer (REST)
Representational State Transfer (REST)Abhay Ananda Shukla
 
Intrinsic Encounter - Cognitive Load Theory
Intrinsic Encounter - Cognitive Load TheoryIntrinsic Encounter - Cognitive Load Theory
Intrinsic Encounter - Cognitive Load TheoryDylan Grace
 
Minimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 TipsMinimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 TipsLucid Smart Pill
 
Buffer overflow and other software vulnerabilities: theory and practice of pr...
Buffer overflow and other software vulnerabilities: theory and practice of pr...Buffer overflow and other software vulnerabilities: theory and practice of pr...
Buffer overflow and other software vulnerabilities: theory and practice of pr...Roman Oliynykov
 
Representational State Transfer (REST)
Representational State Transfer (REST)Representational State Transfer (REST)
Representational State Transfer (REST)David Krmpotic
 
Hardware support for efficient virtualization
Hardware support for efficient virtualizationHardware support for efficient virtualization
Hardware support for efficient virtualizationLennox Wu
 
Xcode, Basics and Beyond
Xcode, Basics and BeyondXcode, Basics and Beyond
Xcode, Basics and Beyondrsebbe
 
Load-testing 101 for Startups with Artillery.io
Load-testing 101 for Startups with Artillery.ioLoad-testing 101 for Startups with Artillery.io
Load-testing 101 for Startups with Artillery.ioHassy Veldstra
 
How to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeter
How to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeterHow to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeter
How to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeterAlon Girmonsky
 
Representational State Transfer (REST) and HATEOAS
Representational State Transfer (REST) and HATEOASRepresentational State Transfer (REST) and HATEOAS
Representational State Transfer (REST) and HATEOASGuy K. Kloss
 

Viewers also liked (17)

How to create a jQuery Modal Window
How to create a jQuery Modal WindowHow to create a jQuery Modal Window
How to create a jQuery Modal Window
 
Purchasing power parity a unit root, cointegration and var analysis in emergi...
Purchasing power parity a unit root, cointegration and var analysis in emergi...Purchasing power parity a unit root, cointegration and var analysis in emergi...
Purchasing power parity a unit root, cointegration and var analysis in emergi...
 
Connect.Tech- Enhancing Your Workflow With Xcode Source Editor Extensions
Connect.Tech- Enhancing Your Workflow With Xcode Source Editor ExtensionsConnect.Tech- Enhancing Your Workflow With Xcode Source Editor Extensions
Connect.Tech- Enhancing Your Workflow With Xcode Source Editor Extensions
 
Creational pattern
Creational patternCreational pattern
Creational pattern
 
1.Buffer Overflows
1.Buffer Overflows1.Buffer Overflows
1.Buffer Overflows
 
Representational State Transfer (REST)
Representational State Transfer (REST)Representational State Transfer (REST)
Representational State Transfer (REST)
 
Intrinsic Encounter - Cognitive Load Theory
Intrinsic Encounter - Cognitive Load TheoryIntrinsic Encounter - Cognitive Load Theory
Intrinsic Encounter - Cognitive Load Theory
 
Minimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 TipsMinimize Cognitive Load + Maximize Conversions : 10 Tips
Minimize Cognitive Load + Maximize Conversions : 10 Tips
 
Buffer overflow and other software vulnerabilities: theory and practice of pr...
Buffer overflow and other software vulnerabilities: theory and practice of pr...Buffer overflow and other software vulnerabilities: theory and practice of pr...
Buffer overflow and other software vulnerabilities: theory and practice of pr...
 
Representational State Transfer (REST)
Representational State Transfer (REST)Representational State Transfer (REST)
Representational State Transfer (REST)
 
Lecture 13
Lecture 13Lecture 13
Lecture 13
 
Buffer overflow
Buffer overflowBuffer overflow
Buffer overflow
 
Hardware support for efficient virtualization
Hardware support for efficient virtualizationHardware support for efficient virtualization
Hardware support for efficient virtualization
 
Xcode, Basics and Beyond
Xcode, Basics and BeyondXcode, Basics and Beyond
Xcode, Basics and Beyond
 
Load-testing 101 for Startups with Artillery.io
Load-testing 101 for Startups with Artillery.ioLoad-testing 101 for Startups with Artillery.io
Load-testing 101 for Startups with Artillery.io
 
How to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeter
How to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeterHow to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeter
How to Run a 1,000,000 VU Load Test using Apache JMeter and BlazeMeter
 
Representational State Transfer (REST) and HATEOAS
Representational State Transfer (REST) and HATEOASRepresentational State Transfer (REST) and HATEOAS
Representational State Transfer (REST) and HATEOAS
 

More from Tijs Vrolix

Ai, ik ben een IA
Ai, ik ben een IAAi, ik ben een IA
Ai, ik ben een IATijs Vrolix
 
3 things I learned about strategy in a digital product world
3 things I learned about strategy in a digital product world3 things I learned about strategy in a digital product world
3 things I learned about strategy in a digital product worldTijs Vrolix
 
Eén Idee Per Dag (Tweetmeet Leuven)
Eén Idee Per Dag (Tweetmeet Leuven)Eén Idee Per Dag (Tweetmeet Leuven)
Eén Idee Per Dag (Tweetmeet Leuven)Tijs Vrolix
 
The average tweetthrough rate (April 2012)
The average tweetthrough rate (April 2012)The average tweetthrough rate (April 2012)
The average tweetthrough rate (April 2012)Tijs Vrolix
 
The future of apps
The future of appsThe future of apps
The future of appsTijs Vrolix
 
Tweetthrough rate
Tweetthrough rateTweetthrough rate
Tweetthrough rateTijs Vrolix
 
Outsourcing self-control
Outsourcing self-controlOutsourcing self-control
Outsourcing self-controlTijs Vrolix
 
Lokale overheden en sociale media
Lokale overheden en sociale mediaLokale overheden en sociale media
Lokale overheden en sociale mediaTijs Vrolix
 
Why you should get serious about the mobile web
Why you should get serious about the mobile webWhy you should get serious about the mobile web
Why you should get serious about the mobile webTijs Vrolix
 
10 things I will remember about 2010
10 things I will remember about 201010 things I will remember about 2010
10 things I will remember about 2010Tijs Vrolix
 
H.Y.P.E. Young Planners
H.Y.P.E. Young PlannersH.Y.P.E. Young Planners
H.Y.P.E. Young PlannersTijs Vrolix
 
Social CRM (Follow Fridays)
Social CRM (Follow Fridays)Social CRM (Follow Fridays)
Social CRM (Follow Fridays)Tijs Vrolix
 
10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile web10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile webTijs Vrolix
 
Social media voor kleinere ondernemingen
Social media voor kleinere ondernemingenSocial media voor kleinere ondernemingen
Social media voor kleinere ondernemingenTijs Vrolix
 
Why you should check out the check in
Why you should check out the check inWhy you should check out the check in
Why you should check out the check inTijs Vrolix
 
Facebook Inside Out
Facebook Inside OutFacebook Inside Out
Facebook Inside OutTijs Vrolix
 
Ten reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile webTen reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile webTijs Vrolix
 
10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile web10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile webTijs Vrolix
 
10 reasons why now is the perfect time to get started with the mobile web
10 reasons why now is the perfect time to get started with the mobile web10 reasons why now is the perfect time to get started with the mobile web
10 reasons why now is the perfect time to get started with the mobile webTijs Vrolix
 

More from Tijs Vrolix (20)

Ai, ik ben een IA
Ai, ik ben een IAAi, ik ben een IA
Ai, ik ben een IA
 
3 things I learned about strategy in a digital product world
3 things I learned about strategy in a digital product world3 things I learned about strategy in a digital product world
3 things I learned about strategy in a digital product world
 
Eén Idee Per Dag (Tweetmeet Leuven)
Eén Idee Per Dag (Tweetmeet Leuven)Eén Idee Per Dag (Tweetmeet Leuven)
Eén Idee Per Dag (Tweetmeet Leuven)
 
The average tweetthrough rate (April 2012)
The average tweetthrough rate (April 2012)The average tweetthrough rate (April 2012)
The average tweetthrough rate (April 2012)
 
The future of apps
The future of appsThe future of apps
The future of apps
 
Tweetthrough rate
Tweetthrough rateTweetthrough rate
Tweetthrough rate
 
Outsourcing self-control
Outsourcing self-controlOutsourcing self-control
Outsourcing self-control
 
Lokale overheden en sociale media
Lokale overheden en sociale mediaLokale overheden en sociale media
Lokale overheden en sociale media
 
Why you should get serious about the mobile web
Why you should get serious about the mobile webWhy you should get serious about the mobile web
Why you should get serious about the mobile web
 
10 things I will remember about 2010
10 things I will remember about 201010 things I will remember about 2010
10 things I will remember about 2010
 
H.Y.P.E. Young Planners
H.Y.P.E. Young PlannersH.Y.P.E. Young Planners
H.Y.P.E. Young Planners
 
Social CRM (Follow Fridays)
Social CRM (Follow Fridays)Social CRM (Follow Fridays)
Social CRM (Follow Fridays)
 
10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile web10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile web
 
Social media voor kleinere ondernemingen
Social media voor kleinere ondernemingenSocial media voor kleinere ondernemingen
Social media voor kleinere ondernemingen
 
Why you should check out the check in
Why you should check out the check inWhy you should check out the check in
Why you should check out the check in
 
Facebook Inside Out
Facebook Inside OutFacebook Inside Out
Facebook Inside Out
 
Loyalcation
LoyalcationLoyalcation
Loyalcation
 
Ten reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile webTen reasons why now is the perfect time to get serious about the mobile web
Ten reasons why now is the perfect time to get serious about the mobile web
 
10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile web10 reasons why now is the perfect time to get serious about the mobile web
10 reasons why now is the perfect time to get serious about the mobile web
 
10 reasons why now is the perfect time to get started with the mobile web
10 reasons why now is the perfect time to get started with the mobile web10 reasons why now is the perfect time to get started with the mobile web
10 reasons why now is the perfect time to get started with the mobile web
 

Web design trends for 2010