18 Coole Konzeptdesigns (Facelift) bemerkenswerter Websites
Wenn Inhalt König ist, sollte Design die Königin sein. Dies ist ein tödliches Element für den Erfolg einer Website, da sie entscheidet, wie Inhalte strukturiert und angezeigt werden sollen. Durch schlechtes Design wird die Benutzererfahrung einfach ruiniert und der Websiteverkehr wird zum Scheitern verurteilt.
Oft müssen wir als Webdesigner ein Handelsspiel spielen, während wir eine Website entwerfen. Wir tauschen entweder Schönheit gegen Funktionalität oder Funktionalität aus Gründen der Lesbarkeit, da es unmöglich ist, ein Design zu erstellen, das jeden in jeder Hinsicht erfreut.
Welches Design ist dann besser? Webdesigner lieben es, diese Frage zu stellen, und einige forderten sich sogar heraus, das Handelsspiel besser zu gestalten, indem sie bekannte Websites wie Facebook und YouTube umgestalteten und so potenzielle Designs in diesem Vorzeigepfosten bildeten. Besser oder schlechter, Sie als Benutzer entscheiden, es zu genießen!
Laut seiner offiziellen Statistik hat Facebook mehr als 500 Millionen aktive Nutzer bedient, wobei 700 Milliarden Minuten dafür aufgewendet wurden. Für diese Art von Statistik wird es sehr anstrengend sein, eine Webseite dafür zu entwerfen. Es könnte auch der gleiche Grund sein, warum so viele Designer sich herausforderten, Facebook neu zu gestalten. Lassen Sie uns einige großartige Versuche von unten stehenden Designern betrachten:
Konzeption Von: Barton Smith
“Das Facebook Facelift ist ein selbst initiiertes Projekt, um die Form und Funktionalität von Facebook zu hinterfragen. Die optimierte, strukturierte und lineare Benutzeroberfläche ist verständlicher und verbessert die Benutzerfreundlichkeit und die Aufnahmefähigkeit von Inhalten.”
Hauptseite. (Bildquelle: Barton Smith)
Fotos Seite. (Bildquelle: Barton Smith)
Veranstaltungen Seite. (Bildquelle: Barton Smith)
Kontaktseite. (Bildquelle: Barton Smith)
Benachrichtigungsseite. (Bildquelle: Barton Smith)
Konzeption Von: Information Architects
Dieses innovative Design wurde im Dezember 2006 geboren und später an zeitgenössische Designstandards angepasst, um einen fairen Vergleich mit dem aktuellen Design von Facebook zu ermöglichen. Die Idee war, eine Mail-ähnliche Anwendung mit Schnittstelle zu erstellen, die ein elastisches 3-Spalten-Layout enthält, das Filter, Informationsfluss und Reaktion klar voneinander trennt und in ihrem Beitrag klar erläutert wird.
Hauptseite. (Bildquelle: Informationsarchitekten)
Konzeption Von: Justin Dauer
“Eines meiner Hauptziele bestand darin, die Oberfläche auf eine Art Web-App-artiger Präsentation zu verschieben. Facebook hat rund 175 Millionen Menschen, die sich täglich anmelden. Alle sich wiederholenden Aufgaben, die einer solchen Verwendung inhärent sind, sind dieser Form des Ansatzes förderlich. Als ich dieses Redesign fertigstellte, startete die neue App-ähnliche Benutzeroberfläche von Twitter und gab mir einen Moment der Stuart Smalley-artigen Bestätigung.”
Hauptseite. (Bildquelle: Pseudoraum-Design)
Konzeption Von: Peter Knoll
Ein sehr schlankes Design von Peter Knoll. Die Grafik wurde stark verbessert, sodass die gesamte Website ansprechend und vielversprechend aussieht. Die Benutzeroberfläche ist außerdem viel sauberer und die Typografie ist gut lesbar.
Hauptseite. (Bildquelle: Peter Knoll)
Konzept Design By: AndasoloARTS
Facebook-Variante von AndasoloARTS, es wird sogar verkauft! Das Farbschema ist dem Design von Peter Knoll ziemlich ähnlich, aber insgesamt ist es ein anderes Design. Wieder ein sehr schlankes Design mit einem gewissen Minimalismus.
Hauptseite. (Bildquelle: AndasoloARTS)
Konzeption Von: Jonaska
Ein Design, inspiriert von AndasoloARTS 'Facebook-Design, ziemlich einzigartig! Ich mag die Implementierung von Status-Sharing und Suchfeld, eine durchdachte Variante.
Hauptseite. (Bildquelle: Jonaska)
Konzeption Von: Czarny-Design
Wie wäre es mit einem sexy Design mit abgerundeten Ecken? Ein völlig einzigartiger Design-Ansatz für Facebook mit leicht veränderter Farbgebung, können Sie es akzeptieren?
Hauptseite. (Bildquelle: Czarny-Design)
Mein Platz
MySpace war einst das Riesenstück sozialer Netzwerke und wurde letztendlich von seinem Hauptkonkurrenten Facebook überholt. Jetzt unter dem Namen My_____ umbenannt, zielt es darauf ab, die führende Social-Entertainment-Destination zu werden, die Musik, Filme, Promis, Fernsehen und Spiele umfasst und von der Leidenschaft der Fans angetrieben wird. Die folgenden Designs wurden für das alte Myspace versucht, aber es ist immer noch großartig, einen Blick darauf zu werfen, was Designer meint, dass Myspace sein sollte.
Konzeption von Rafael Oliveira
“Was wäre, wenn MySpace standardmäßig eine klarere, klarere und schönere Benutzeroberfläche hätte, die aber immer noch die Möglichkeit hat, sie zu personalisieren, aber auf verständlichere Weise? Das ist die Frage, die ich mir beim Start gestellt habe, und es war ein cooles Projekt. Neben dem visuellen Design habe ich einige Verbesserungen der Benutzerfreundlichkeit vorgeschlagen, die auf bereits auf der Website vorhandenen Inhalten basieren und deren Sitemap betrachten.”
Hauptseite. (Bildquelle: Rafael Oliveira)
Kanalmenü. (Bildquelle: Rafael Oliveira)
Fotos Seite. (Bildquelle: Rafael Oliveira)
Kundenspezifische Profilseite. (Bildquelle: Rafael Oliveira)
Künstlerseite. (Bildquelle: Rafael Oliveira)
Artist Page - Kundenspezifisch. (Bildquelle: Rafael Oliveira)
Videokanalseite. (Bildquelle: Rafael Oliveira)
Google ist die berühmteste Website der Erde, die mehr als eine Milliarde Suchanfragen auf der ganzen Welt verarbeitet. Es ist auch als Königreich bekannt, das versucht, das Internet zu dominieren, indem es benutzerfreundliche Produkte wie Android, Gmail und Analytics entwickelt. Da es bei Google viele Designer gibt, die an der Gestaltung ihrer Website arbeiten, ist jeder Umgestaltungsversuch eine direkte Herausforderung für ihre Designer. Interessant.
Konzeption von Craig Reville
“Da Google beschlossen hat, die Dinge vielleicht ein wenig umzugestalten, dachte ich, ich würde mal versuchen, wie ich Google sehen und verwenden möchte. Ich habe mich nicht mit den Symbolen oder dem Logo beschäftigt, hauptsächlich, weil Ikonendesigner einen besseren Job machen konnten und ich das Logo einfach so mag. Alle und alle Rückmeldungen waren dankbar.”
Hauptseite. (Bildquelle: Craig Reville)
Suchergebnisseite. (Bildquelle: Craig Reville)
Suchergebnisseite - 2. Konzept. (Bildquelle: Craig Reville)
Bildersuchergebnisseite. (Bildquelle: Craig Reville)
Konzeption von FloxDesign
Ein bisschen wie Bing, aber auf epische Weise. Mit freundlichen Grüßen, ich möchte dieses ultimative Design für meine Google-Hauptseite haben.
Hauptseite. (Bildquelle: FloxDesign)
Youtube
YouTube ist die Website Nr. 3 im globalen und Nr. 4 im US-Site-Traffic. Hier können Sie Videos entdecken, ansehen, hochladen und freigeben. Die meisten Inhalte wurden von Einzelpersonen hochgeladen. Berühmte Medien wie CBS, BBC, Vevo und Hulu haben im Rahmen des YouTube-Partnerschaftsprogramms eigene Videos zur Verfügung gestellt. Wagen Sie es, eine Website neu zu gestalten, die täglich mehr als zwei Milliarden Mal aufgerufen wird? Sie haben es geschafft.
Konzeption Von: Michele Byrne
Ein schlankes Redesign, das mehr auf das Ansehen und Teilen von Videos legt. Dieser Ansatz wird auf einen einzigartigen Ansatz angewendet, obwohl die Benutzeroberfläche etwas mit Vimeo vergleichbar ist. Großer Versuch trotzdem.
Hauptseite. (Bildquelle: Michele Byrne)
Video-Seite. (Bildquelle: Michele Byrne)
Benutzerseite. (Bildquelle: Michele Byrne)
Video Info. (Bildquelle: Michele Byrne)
Empfohlenes Video. (Bildquelle: Michele Byrne)
Konzeption Von: Josh Collie
“Einer meiner größten Probleme mit YouTube im Laufe der Jahre war die Unfähigkeit, während des Videos nach anderen Videos zu suchen und Kommentare zu lesen, ohne dass das Video vom oberen Bildschirmrand gescrollt werden muss. Das folgende Design versucht, dieses Problem zu lösen, indem es drei separat durchlaufbare Spalten einschließlich Suche, Video und Kommentare enthält.”
Hauptseite. (Bildquelle: Josh Collie)
Benutzerseite. (Bildquelle: Josh Collie)
Konzeption Von: Thadeu Morgado
Ein Redesign-Experiment für die YouTube-Hauptseite. Der Stil ist ziemlich gleich, mit der Ausnahme, dass das gesamte Layout umstrukturiert wurde und ein großer, schlanker Schieberegler hinzugefügt wurde, um den vorgestellten Videos mehr Aufmerksamkeit zu verleihen.
Hauptseite. (Bildquelle: Thadeu Morgado)
Amazonas
Amazon ging 1995 online und wurde zum multinationalen E-Commerce-Unternehmen, das die größte Auswahl an Büchern, Zeitschriften, Musik, DVDs, Elektronik, Computer, Software, Schuhen und so ziemlich alles enthält. Aufgrund ihres großen Geschäfts haben Designer auf der ganzen Welt sich selbst herausgefordert, das Design zu verbessern, um es noch schöner und natürlich benutzerfreundlicher zu machen.
Konzeption Von: Trevor Cleveland
“Ich wollte drei einzigartige Konzepte für die Neugestaltung der Amazon-Homepage über den Tellerrand untersuchen. Amazon ist eine der führenden Online-Shopping-Sites, deren fließendes Homepage-Design jedoch für Monitorgrößen mit kleinen Abmessungen gedacht ist, so dass die Site auf viel neueren Computern mit höheren Auflösungen sehr unglücklich wirkt. Ich wollte drei Ideen vorstellen, um Amazon auf den neuesten Stand zu bringen.”
Erstes Konzept - Hauptseite. (Bildquelle: Trevor Cleveland)
Erstes Konzept - Menü. (Bildquelle: Trevor Cleveland)
Zweites Konzept - Hauptseite. (Bildquelle: Trevor Cleveland)
Zweites Konzept - Menü. (Bildquelle: Trevor Cleveland)
Drittes Konzept - Hauptseite. (Bildquelle: Trevor Cleveland)
Drittes Konzept - Menü. (Bildquelle: Trevor Cleveland)
Konzeption Von: Maurice Kindermann
Es gibt keinen Redesign-Versuch, wenn im aktuellen Design kein Problem vorliegt. Das Amazon-Design von Maurice Kindermann ist das beste Beispiel für diesen Fall. Enttäuscht über das aktuelle Design von Amazon, hat Maurice die Seite neu gestaltet, um drei besondere Probleme zu lösen: übermäßige Bildschirmauflösung, fragmentierte Kaufoption und überflutete Inhalte.
Hauptseite. (Bildquelle: Maurice Kindermann)
IMDb
IMDb (Internet Movie Database) ist eine Online-Datenbank mit Informationen zu Filmen, Fernsehsendungen, Schauspielern, Personal der Produktionscrew, Videospielen und fiktiven Charakteren visuelle Unterhaltungsmedien. Die Neugestaltung dieser Website so, dass Informationen effektiv dargestellt werden, wird für Webdesigner eine große Herausforderung sein.
Konzeption Von: Vladimir Kudinov
“Warum haben Sie nicht das aktuelle IMDB-Design? Es ist überlastet. Große Menge unstrukturierter Informationen. Während die meisten Benutzer solcher Websites hauptsächlich auf die Bilder, Videos und mehr achten.
Also habe ich ein sauberes und schlankes Design erstellt. Hier erhält der Benutzer einen Bildschirm, auf dem sich Informationen zum Film befinden: Fotos, Schauspieler, Trailer, Story und mehr. Er muss sich nicht drehen, wirbeln, um zu lesen. Alles was benötigt wird - ist auf den Bildschirm zu schauen.”
Filmseite. (Bildquelle: Vladimir Kudinov)
Speisekarte. (Bildquelle: Vladimir Kudinov)
Player-Popup-Komponente. (Bildquelle: Vladimir Kudinov)
Oberes Panel. (Bildquelle: Vladimir Kudinov)
Konzeption Von: Rob Hendricks
“Es ist nicht schwer zu erkennen, warum die aktuelle IMDB-Website so unübersichtlich ist. Tatsache ist, dass sie eine Menge Inhalt haben. Die richtige Informationsarchitektur war der Schlüssel dazu.”
Hauptseite. (Bildquelle: Rob Atomic)
Foursquare
Mit Foursquare können Benutzer ihren aktuellen Standort über freigeben “Einchecken” Über eine Smartphone-Anwendung oder SMS können Sie Informationen zu den Veranstaltungsorten mit einem Lesezeichen versehen und relevante Vorschläge zu den nahe gelegenen Veranstaltungsorten hinterlassen. Lokale Händler nutzen den Foursquare auch, um ihre Kunden zu gewinnen und zu binden. Die Neugestaltung für Foursquare ist eine echte Herausforderung, da es sich um einen einzigartigen Service handelt, so dass weitere Studien erforderlich sind.
Konzeption Von: Clay Parker Jones
Clay Parker Jones ist der Ansicht, dass eine Karte eine wirklich clevere Ergänzung auf der Benutzerseite von Foursquare ist, da es sich bei dem Dienst nur um den Standort handelt. Wenn Sie auf die Karte klicken, werden die informativen Statistiken mit 4 verschiedenen verfügbaren Ansichten ausgeblendet. Andere Add-Ons auf dieser Seite sind Feeds, Likes, Tipps und Anregungen, die einer gewöhnlichen sozialen Netzwerkseite ähneln!
Benutzerseite. (Bildquelle: exitcreative)
Reflexion
Beim Design spielt es keine Rolle, jeder Benutzer braucht Zeit, um das neue Design anzupassen. Die Frage ist, ob Sie als Benutzer zu einem der oben genannten Designs wechseln möchten oder ob Sie mit dem aktuellen Design zufrieden sind. Denken Sie, dass dieses Design Ihr Benutzererlebnisproblem löst? Ich bin der Meinung, dass diese Designs dazu dienen, Ihre Meinung zu erhalten, also teilen Sie uns mit, was Sie darüber denken, jede Meinung zählt!
