2010 corporate
Webdesign trends

Tijs Vrolix
@tijs on Twitter

So how did we get here? By Detlef C on Flickr

A brief history
of the internet in 10 simple slides.

Arpanet

Dial up modem

Early experiments

Browser wars

Ecommerce

Bubble

Search

Content management

Social

Mobile

faster connections hardware
shareable search
technology
design trends
increasing screen estate
mind widgets, mobile, ... though
social
end of the desktop monopoly

And how do we proceed? By Simon-K on Flickr

5 do’s &
dont’s for 2010

ob v io us
let’s run through the don’ts first

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
invisible complexity
big & bold
art & creativity
the bigger picture

Inspired by Benjamin Moore Cedar Green 2034-40 and Mark Chamberlain

Tijs Vrolix
@tijs on Twitter
tijs@vrolix.eu