#2 Web Design Inspiration – Flat Design

Nach der letzten Inspiration habe ich mich entschieden jeweils nur eine Kategorie von Websites in einen Artikel aufzunehmen. In dieser Web Design Inspiration gibt es dieses mal eine Sammlung mit 21 Websites im Flat Web Design, einem der Web Design Trends 2013.

Sehr häufig sieht man das Flat Design in Kombination mit einer One-Page Website. Diese Seiten bestehen nur aus einer einzigen Seite auf der sich der ganze Inhalt befindet. Diese Seiten eignen sich speziell für Kampagnen, Portfolios und andere kleine Websites.

Wem diese Art von Webseiten gut gefallen findet noch 9 Website Templates und WordPress Themes im Flat Design am Ende des Posts.

Letztes Update: 25.12.2013

21x Flat Webdesign Websites

Bei den ausgesuchten Websites sind viele Freelancer- und Agentur-Seiten dabei. Diese Firmen sind häufig Vorreiter und setzen die Trends noch konsequenter ein.

Flat Webdesign und Sexy Icons

Flat Webdesign und Coole Icons

Flat Webdesign und Coole Icons

Damn You Art School ist Flat Design in absoluter Reinform mit sehr stylischen Icons. Coole Seite mit jeder Menge Informationen und  Tools für Web Designer und Webentwickler.

zur Website

Online-Portfolio eines Webdesigners

Helle Gestaltung und Coole Buttons

Helle Gestaltung und Coole Buttons

Die One-Page Website und das Portfolio des Designer Justin Aguilar ist elegant und sauber gestaltet. Die Buttons haben sogar einen leichten 3D-Effekt.

zur Website

Kreativ-Agentur mit One-Page Webdesign

One-Page Website mit Flat Design

One-Page Website mit Flat Design

Die Agentur Creative Dash setzt ebenso auf eine One-Page Website, die sehr dunkel gestaltet wurde.

zur Website

Coole Gadgets für Designer & Entwickler

Moderne Farben und Grid-Tiles

Moderne Farben und Grid-Tiles

Die Website von The Gadget Flow ist eine Mischung aus Blog und Shop. Die Gadgets werden im Gridsystem dargestellt und können dort zusätzlich gefiltert werden. Die einzelnen Produkte öffnen sich dann in einer Fancybox.

zur Website

Online-Portfolio und Full-Width Design

Auffälliges Webdesign für ein Portfolio

Auffälliges Webdesign für ein Portfolio

Der Designer und Entwickler Robbie Tilton stellt sein Portfolio in Form einer One-Page Website dar. Elegantes Flat Design mit Parallax-Scrolling-Effekten.

zur Website

Schöne Buttons und viel Whitespace

Flat Design und viel Whitespace

Flat Design und viel Whitespace

Die österreichische Agentur Liechtenecker hat ein schönes Farbschema auf ihrer Website. Auch hier wird sehr großzügig mit Abständen und Freiräumen gearbeitet. Mir gefällt auch der Header mit den 2 großen Call-to-Action Buttons.

zur Website

Simples Webdesign mit schöner Typo

Mehrspaltiges Design und Minimale Gestaltung

Mehrspaltiges Design und Minimale Gestaltung

Die Berliner Agentur Negative Labs verwendet nur für die Referenzen Bilder. Im Header selbst wird auf Ablenkung verzichtet und es werden die 4 Kompetenzen erklärt.

zur Website

Fancy Slider mit Eingabemöglichkeit

Minimales Webdesign und Cooler Slider

Minimales Webdesign und Cooler Slider

Der Slider auf der Website von Symbolset ist sehr fancy und verspielt. Ihr könnt dort selbst tippe und die Wörter werden direkt in Icons umgewandelt.

zur Website

UX Design vom Feinsten

UX Design mit großem Referenz-Slider

UX Design mit großem Referenz-Slider

Geniales User Interface von dem UX-Designer Meng To. Hier zeigt sich deutlich, dass gutes User-Experience Design häufiger im Mittelpunkt stehen sollte.

zur Website

Einfaches Webdesign mit viel Whitespace

Minimales Webdesign

Minimales Webdesign

Ein einfache responsive One-Page Website des Freelancer Jeffrey de Groot.

zur Website

Full-Screen Portfolio als Slider

Full-Screen Portfolio Website

Full-Screen Portfolio Website

Absolute geniale Fullscreen Website des Designers Anthony Goodwin im Flat Web Design. Die Website ist praktisch ein Full-Screen-Portfolio mit Referenz-Slider und coolen CSS3-Animationen.

zur Website

Minimales Webdesign mit Flat-Elementen

Flat und Minimales Design

Flat und Minimales Design

Bei dieser Website handelt es sich um eine Landing-Page für ein App-Spiel mit dem Namen Spelltower. Sehr einfach gehaltenes Design aber mit gutem Storytelling.

zur Website

Landing-Page für eine App

One-Page Website mit Flat Design

One-Page Website mit Flat Design

Diese One-Page Website ist für die App SmartPhoot und hat viele CSS3 Gimmicks. Alle Elemente sind im Flat Design gehalten.

zur Website

Full-Screen Content-Blöcke

Full-Screen Content-Blocks

Full-Screen Content-Blocks

Auf dieser Webseite werden berühmte Möbelstücke im Flat Design dargestellt. Dabei passt sich der Inhalt responsive dem Endgerät an, so dass jeder Stuhl genau eine volle Seite einnimmt.

zur Website

Taskmanger App mit Coolen Farben

One-Page Website mit Klarer Struktur

One-Page Website mit Klarer Struktur

Passend zum sehr schönen mobile User Interface der App-Tasky hat auch die Webseite ein sehr schönes Design.

zur Website

Flat Webdesign und Schöne Icons

Flat Webdesign bei allen Elementen

Flat Webdesign bei allen Elementen

MapBox ist ein Service mit dem ihr individuelle Karten erstellen könnt. Ein cooles Online-Tool mit einer schönen Website.

zur Website

Blog-Tiles im Flat Design

Flat Webdesign und Moderne Farben

Flat Webdesign und Moderne Farben

Wistia bietet professionelles Video-Hosting für Unternehmen an. Sehr einfaches Webdesign mit guter Informations-Struktur.

zur Website

Simple Agentur-Website

Einfaches Webdesign mit viel Whitespace

Einfaches Webdesign mit viel Whitespace

Das britische Design Studio Supereight setzt auch auf Flat Web Design.

zur Website

Horizontaler Blog mit Vielen Farben

Minimal Blog Webdesign

Minimal Blog Webdesign

Der Blog von Minimal Monkey hat ein äußerst ausgefallenes, horizontales Layout. Die Blog-Posts sind nebeneinander und unterscheiden sich farblich deutlich.

zur Website

Hotel-Website mit Genialem Drop-Down Menu

Full-Screen Slider und Modernes Menu

Full-Screen Slider und Modernes Menu

Die Website für die Hotels von Cheval Blanc ist sehr elegant und hochwertig gestaltet. Besonders sehenswert ist das aufwendig konzipierte Drop-Down Menü.

zur Website

9x Flat Web Design WordPress Themes

Diese WordPress Themes sind alle im Flat Web Design gestaltet. Ich habe auch viele Portfolio & One-Page Themes herausgesucht, die speziell für Designer und andere kreative Unternehmen geeignet sind. Natürlich sind alle Themes auch responsive gestaltet.

Salient -Portfolio & Blog Theme

Flexibles Responsive WordPress Theme

Flexibles Responsive WordPress Theme

Das sehr elegantes Business Theme Salient im Flat Design eignet sich gut für Agenturen und kleine Firmen.

zur Website

Proxy – One-Page WordPress Theme

Fettes WordPress Theme

Fettes WordPress Theme

Ein cooles One-Page WordPress Theme im Flat Design. Das Theme eignet sich besonders für kreative Agenturen oder Freelancer.

Twisted – Showcase WordPress Theme

Elegantes Business WordPress Theme

Elegantes Business WordPress Theme

Das Theme Twisted eignet sich ebenfalls sehr gut für kleine Firmen, Agenturen oder Designer.

zur Website

Kula – One-Page Theme

One-Page Portfolio WordPress Theme

One-Page Portfolio WordPress Theme

Mein persönlicher Favorit unter den vorgestellten Themes. Das One-Page Theme hat eine sehr schöne große Typo und spielt mit Freiräumen. Eignet sich sehr gut für Designer und Entwickler.

zur Website

Senna – Portfolio & Blog Theme

Modernes WordPress Template

Modernes WordPress Template

Das Blog und Portfolio WordPress Theme Senna hat viele schöne Effekte und Slider. Durch den Einsatz von Schwarz/Weiß Bildern wirkt das Theme sehr elegant.

zur Website

theGrid – Innovatives One-Page Theme

Grid-Basiertes WordPress Theme

Grid-Basiertes WordPress Theme

Das One-Page Theme theGrid besteht aus einem großen Grid-System, wobei die Navigation der Filter ist.

zur Website

Barrci – WordPress Theme

One-Page WordPress Portfolio Theme

One-Page WordPress Portfolio Theme

Barrci ist ein weitere One-Page WordPress Theme speziell für Portfolios und Photos.

zur Website

Shift – Tumblog WordPress Theme

Tumblr-Style WordPress Theme

Tumblr-Style WordPress Theme

Shift ist ein WordPress Theme im Tumblr Style und Flat Design.

zur Website

MetroMAG – Magazin Theme

Metro-Style WordPress Magazine Theme

Metro-Style WordPress Magazine Theme

Zu guter Letzt gibt es ein Magazin im Flat Design und Metro Style.

zur Website

Titelbild: Quelle – www.taasky.com

  • inspiration

    Eine schöne Auswahl, robbietilton gefällt mir am besten

  • Pingback: #3 Website Inspiration - Parallax Scrolling und One-Page Websites()