Total Inspiration

TRENDS: Top 7 Website Design Trends of 2013

WebDesign_trend_2013_hashslush
Sheldon Ferrao

Sheldon Ferrao

Dec 29, 2013

Our top 7 design trends of 2013 have been finalized (after scouring the internet and back and forth night-long debates).

Websites in 2013 have undergone serious transformations- as visual appeal is a key focus to increase engagement and relevancy. Any  app/web/graphic designer, creative, or business owner should be aware of them when designing their website. They are the root of inspiration, as their contagious nature directly and indirectly influence every element. Here are our top 7:

 

1. Flatness

  • Gone are the skeumorphic days, as websites and apps are turning towards Apple’s latest simplistic flat design.

flat design trends 2013_Hashslush flat design trends 2013 hashslush

 

2. A picture is worth a thousand words

  • Websites and apps are removing the long descriptions on landing pages, and replacing them with beautiful imagery. A single photo stretching across the full width of an interface can speak volumes.

Imagery Website Design Trends 2013

Imagery Website Design Trends 2013

 

3. Responsive/Adaptive Content

  • Websites now adapt and reconfigure themselves based on viewing platforms and changes to window pane sizes. Text become bigger/smaller, images are rearranged, and content shuffled.

adaptive content Website Design Trends 2013

 

4. Story telling below the fold

  • Sometimes explaining a company or a product can be exhausting and retaining a viewer’s attention can be challenging. Instead of text filled explanations splurged throughout different pages, websites are telling their story on the landing page- below the fold. Using easy-to-follow videos or graphics layered, they narrate a story by simply scrolling down.

Narrative Website Design Trends 2013 Hashslush Narrative Website Design Trends 2013 Hashslush

Narrative Website Design Trends 2013 Hashslush

Narrative Website Design Trends 2013 HashslushNarrative Website Design Trends 2013 HashslushNarrative Website Design Trends 2013 Hashslush

 

5. App influenced interfaces

  • Websites developed to look and function like apps gained momentum in 2013.  As smartphones penetrate the cellphone market with millions of apps downloaded from Google Play and App Store, apps have become familiar and websites streamlined that same familiarity. Windows 8′s grid-lock style of apps, is a perfect example of this.

App Web Design Trends 2013 Hashslush

App Web Design Trends 2013 Hashslush

App Web Design Trends 2013 Hashslush

window 8 2013 Web Design Trends Hashslush

 

6. Typography

  • Fonts are an essential part of branding. One of 2013′s biggest design trends was the moving away from serif style fonts, and more towards creative typography.  There was a rise in showcasing the font and text through landing pages dominated by bolded large words. 

Typography Web Design Trends 2013 Hashslush

Typography Web Design Trends 2013 Hashslush

Typography Web Design Trends 2013 Hashslush

 

7. Taste the rainbow

  • Colour came back this year as monochromatic designs were being substituted with the full spectrum. Muted pastels, grayscale websites with colour accents, and bright neon hues grew in popularity.

Colors Web Design Trends 2013 Hashslush

Colors Web Design Trends 2013 Hashslush

Colors Web Design Trends 2013 Hashslush

Colors Web Design Trends 2013 Hashslush

Test text here

Comments

comments