t3n News Design

20 inspirierende Websites im Flat Design

20 inspirierende Websites im Flat Design

Der Flat-Design-Trend ist weiterhin ungebremst. Big Player wie , und nutzen die minimalistische Ästhetik in ihrer und feuern den Trend weiter an. 20 schicke Beispiele für deine Inspiration, stellen wir dir heute vor.

20 inspirierende Websites im Flat Design
Screenshot: Nextr

Guilbento

Guibento Screenshot
(Screenshot: Guibento)

Die Website von Guilhaume Bento setzt auf die Flat-Design-Ästhetik und einen Parallax-Scrolling-Effekt, der im Zusammenspiel mit dezenten Animationen und großflächigen Fotos einen schicken One-Pager ergibt.

White Rhino

White Rhino Screenshot
(Screenshot: White Rhino)

White Rhino ist eine Agentur aus den USA. Die Website des Unternehmens nutzt kräftige Farben und Parallax-Scrolling, ohne dabei den Lesefluss der Seite zu stören.

SAP Mobile Consumer Trends

SAP Mobile Consumer Trends Screenshot
(Screenshot: SAP Mobile Consumer Trends)

Diese Website von SAP ist eine interaktive Infografik, die die Nutzung von mobilen Diensten auf der ganzen Welt visualisiert. Eine spannende Möglichkeit weniger spannende Daten gekonnt in Szene zu setzen.

Wrist

Wrist Screenshot
(Screenshot: Wrist)

Diese Website ist keine „normale“ Website, aber ein schönes Beispiel für den ansprechenden Einsatz der Flat-Design-Ästhetik. Wrist ist ein Projekt, das neue und alte Uhren mit Web-Technologien zum Leben erweckt.

Inky

Inky Screenshot
(Screenshot: Inky Webseite)

Inky ist nicht nur eine schicke Mail App für Mac OS - auch die Webseite, die als Onepager im Flat-Design aufgebaut ist, kann sich sehen lassen.

A Day In Big Data

A Day in Big Data
(Screenshot: A Day in Big Data)

Auf „A Day In Big Data“ erklärt Ogilvy One Worldwide, was es mit Big Data auf sich hat und das Konzept eingesetzt werden kann.

Wistia

Wistia Screenshot
(Screenshot: Wistia in Flat Design)

Wistia ist eine Video Hosting Plattform und lässt dich unkompliziert Videos in deinen Webprojekten einbinden – ohne Format- und Hostingkopfschmerzen. Die Produktseite von Wistia präsentiert die Dienste im Flat-Design-Style und setzt zusätzlich auf große Fotos und Videos.

Online-Portfolio von Danyel Perales

Screenshot: Danyel Parles Portfolio
(Screenshot: Danyel Perales Portfolio)

Der Designer Danyel Perales stellt sein Portfolio im Flat-Design vor. Dabei setzt die Seite neben typisch flachen Elementen und Icons auf den Einsatz von Mockups, die durch die neutralen Hintergründe zum angenehmen Gesamtbild beitragen.

Karma

Screenshot: Karma Webseite
(Screenshot: Karma Webseite)

Karma ist ein mobiler Hotspot, der Benutzer mit Traffic belohnt, wenn sie ihre Verbindung mit anderen teilen. Auf der Produktseite wird Karma mit bildschirmfüllenden Bildern, Flat-UI-Elementen und kleineren Grafiken vorgestellt.

Treehouse

Screenshot: Treehouse Webseite
(Screenshot: Treehouse Webseite)

Treehouse bietet interaktive Trainings für Web-Entwicklung und Webdesign. Die neue Website des Unternehmens präsentiert sich im schicken Flat-Design-Stil, der von großen Stimmungsbildern unterstützt wird.

Fhoke

Fhokhe: Flat Design
(Fhoke: Flat Design)

Das Design Studio Fhoke arbeitet mit stimmungsmachenden Headern, die beim Scrollen von dezenten Grafiken und Typografie abgelöst werden. So entsteht ein angenehmer und frischer Eindruck. Lediglich in der Portfolio-Sektion wird es bunter, was jedoch keinen Stilbruch zum restlichen Design darstellt.

Tripagent

Screenshot: Trip Agent
(Screenshot: Trip Agent)

Tripagent hilft dir dabei, die besten Plätze auf der ganzen Welt zu finden. Da die iOS-App selbst in Flat-Design-Optik gestaltet wurde, liegt es nahe, dass die Webseite zur App ebenfalls diesem Design-Ansatz folgt. Das Ergebnis ist eine schicke Produktseite mit außergewöhnlich starken Farben.

Layervault

Screenshot: Layervault
(Screenshot: Layervault)

Layervault bietet eine Versionskontrolle für Designer. Die neue Webseite von Layervault verzichtet komplett auf den Einsatz von Bildern und nutzt minimalistische Animationen, um die Funktionsweise des Dienstes zu illustrieren.

Ghost Studio

Screenshot: Ghost Studio
(Screenshot: Ghost Studio)

Das Electronic-Arts-Studio Ghost stellt sich und den Standort Gothenburg mit Flat-Design-Illustrationen, Parallax-Scrolling und bildschirmfüllenden Fotos vor.

Seàn Halpin

Screenshot: Sean Halpin
(Screenshot: Sean Halpin)

Der Webdesigner und Entwickler Seàn Halpin stellt sich in dieser sympathischen Flat-Design-Website vor.

Issue Stand

Screenshot: Issue Stand
(Screenshot: Issue Stand)

Issue Stand portiert gedruckte Magazine auf iOS und Android. Auf der Produktseite wird Issue Stand mit stimmungsvollen Bildern und Flat-Design-Elementen erklärt und in Szene gesetzt.

Gadget Flow

Screenshot: Gadget Flow
(Screenshot: Gadget Flow)

Gadget Flow präsentiert dir täglich neue Gadgets. Durch das aufgeräumte und einfache Design findet man sich selbst zwischen der Fülle der vielen Bilder auf der Seite gut zurecht.

Nedd

Screenshot: Nedd
(Screenshot: Nedd)

Nedd ist eine Agentur aus Paris und präsentiert ihre Dienstleistungen und Referenzen im schicken Flat-Design-Gewand.

Wallmob

Screenshot: Wallmob
(Screenshot: Wallmob)

Wallmob bietet mobile Point-of-Sale-Lösungen und präsentiert seine Produkte mit neutral gehaltenen Fotos und minimalistischen Elementen.

Nextr

Screenshot: Nextr
(Screenshot: Nextr)

Nextr kennt alle Haltestellen und Verkehrsmittel in deiner Nähe und in ganz Deutschland. Die Seite zur App demonstriert mit Device-Mockups die Funktionsweise der App und hat sich bis auf wenige Stimmungsbilder ganz der Flat-Design-Ästhetik verschrieben

Vorheriger Artikel Zurück zur Startseite Nächster Artikel
3 Antworten
  1. von gravik am 08.01.2014 (12:21 Uhr)

    Sehr schöne Beispiele dabei... s. http://www.gravik.de

    Antworten Teilen
  2. von Janosch7384 am 04.06.2014 (16:27 Uhr)

    Auch gut gemacht ;-)
    http://www.droste-klatt.de/

    Antworten Teilen
  3. von rolf.s am 08.01.2015 (09:22 Uhr)

    Sehr schöne Icons im Flat Design, besonders schön auf Retinageräten
    https://www.revision6.de/internetagentur-webdesign-leistungen.html

    Antworten Teilen
Deine Meinung

Bitte melde dich an!

Du musst angemeldet sein, um einen Kommentar schreiben zu können.

Jetzt anmelden

Mehr zum Thema Flat Design
Flat 2.0: Was hinter dem neuen Design-Trend steckt
Flat 2.0: Was hinter dem neuen Design-Trend steckt

Je mehr Designer die fehlende Usability von Flat Design wahrnehmen, desto schneller hat sich ein neuer, mehr vollendeter Trend entwickelt: Flat 2.0. Wir gucken hinter den Trend. » weiterlesen

Flat Design: 10 Tipps und Infos für bessere Grafiken
Flat Design: 10 Tipps und Infos für bessere Grafiken

Flat-Design ist ein Trend, über den man in den letzten Jahren viel gehört hat. Gucken wir uns diesen Trend doch mal genauer an: Wir zeigen dir, was Flat Design genau ist, wo es her kommt und wie du … » weiterlesen

Der nächste Design-Trend: Floating-Action-Buttons und wie du sie umsetzt
Der nächste Design-Trend: Floating-Action-Buttons und wie du sie umsetzt

Floating-Action-Buttons sind ein Android-Trend – und demnächst vielleicht auch vermehrt im Web zu sehen. Wir zeigen euch, auf was ihr bei der Umsetzung achten müsst. » weiterlesen

Alle Hefte Jetzt abonnieren – für nur 35 €

Kennst Du schon unser t3n Magazin?