#2 Web Design Inspiration – Flat Design

  1. Startseite
  2. Inspiration
  3. #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

[vc_separator icon=“star“]

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.

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

Einfaches Webdesign mit viel Whitespace

Minimales Webdesign

Minimales Webdesign

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

zur Website

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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.

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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.

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

[vc_separator type=““ size=““ icon=“star“ text=““]

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

2 Kommentare. Hinterlasse eine Antwort

  • inspiration
    13. Mai 2013 13:46

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

    Antworten
  • #3 Website Inspiration - Parallax Scrolling und One-Page Websites
    15. Mai 2013 17:44

    […] meiner letzten Ankündigung, dass ab sofort jeden Montag eine neue Website Inspiration erscheint, musste ich diese Ausgabe […]

    Antworten

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Bitte füllen Sie dieses Feld aus.
Bitte füllen Sie dieses Feld aus.
Bitte gib eine gültige E-Mail-Adresse ein.
Sie müssen den Bedingungen zustimmen, um fortzufahren.

Menü