Flat Web Design Examples

Flat Web Design Examples

Realism used to dominate digital design. Not any more. The world is flat.

One word that has become one of my favourite ‘isms’ to bandy around the office like so much jargon confetti is skeuomorphism, the practice of making something artificial appear real.

Skeuomorphic design up until the end of 2012/early 2013 was everywhere. The clearest example can be found in the pre-iOS7 iPhone, where the Notes app was a yellow-papered, ring bound pad or the Newsstand app that looked like a rickety bookcase.

Apple has since ditched these old-fashioned links to the real world following on from the lead of Windows 8, which jettisoned 3D semi-realism for sharp, clean-edged tiles in 2012.

I’ve been interacting with the digital world for half my life now, I don’t need the comfort of a button on a desktop or mobile screen to look exactly like a button in the real world. The faster we consumers get used to this, the faster digital design can move forward.

The fast adoption of flat design has practical applications as well as aesthetic ones. With mobile devices becoming the primary screen on which we browse the internet, there is a growing need for desktop sites to utilise responsive design. Flat tile shaped sections on a site are much more adaptable and easier to shrink down and rearrange when viewing on different screen sizes.

Also without fancy graphics and animation, page load times are much quicker. Making your site more user friendly and accessible, and will ultimately improve its SEO.

If you want to know about flat design and its history, there is a gorgeous website called Flat Vs Realism that explains everything in a scrolling, animated and of course beautifully flat way.

Responsive:

The following ecommerce sites feature responsive design, therefore shrinking or rearranging to fit any screen size.

The Gadget Flow

Cat-nip for gadget-heads and flat design fans, this is a curated hub highlighting the best tech from around the internet, featuring direct links to product pages on third-party ecommerce sites and the ability to create a wishlist.

AB Aeterno

The only wooden watches made in Italy apparently. It's quite the specialty and this is a hugely informative, beautifully designed site with equally attractive and effective product pages.

Flat Guitars

Okay, so I'm only three examples in and so far there's probably only one and a half true ecommerce sites so far, however this is too brilliant not to highlight. Plus there are links dotted throughout to the individual guitar pages.

Source: econsultancy.com
RELATED VIDEO
Web Design Explainer
Web Design Explainer
How to Create a Website in Flat Design Style (Video Tutorial)
How to Create a Website in Flat Design Style (Video Tutorial)
Photoshop Tutorial Web Design Flat Style
Photoshop Tutorial Web Design Flat Style
RELATED FACTS
Share this Post

Related posts

Choosing BI Solution: Tibco Spotfire or Tableau?

Choosing BI Solution: Tibco Spotfire or Tableau?

DECEMBER 17, 2017

Recently Business Intelligence (BI) is gaining increasing importance among successful companies. Business Intelligence allows…

Read More
Flat Design Websites

Flat Design Websites

DECEMBER 17, 2017

Lately, there has been a big discussion going on about flat web design. Some think it’s just a trend. Others believe it will…

Read More