18 Cool Concept Designs (Facelift) de sites Web notables

Si le contenu est roi, le design devrait être la reine. Il s'agit d'un élément crucial pour la réussite d'un site Web, car il détermine comment le contenu doit être structuré et affiché, et une mauvaise conception ruine simplement l'expérience de l'utilisateur, condamnant ainsi le trafic du site.

Souvent, nous web designer doit jouer à un jeu de trading pendant que nous concevons un site web. Nous échangeons la beauté pour la fonctionnalité, ou la fonctionnalité pour la lisibilité, car il est impossible de produire un design qui plait à tout le monde dans tous les aspects.

Alors quel design est le meilleur alors? Les concepteurs de sites Web adorent poser cette question, et certains se sont même mis au défi de mieux jouer au jeu commercial en redessinant des sites célèbres tels que Facebook et YouTube, formant ainsi des conceptions potentielles dans cette publication vitrine. Mieux ou pire, vous en tant qu'utilisateur décide, profitez-en!

Facebook

Selon ses statistiques officielles, Facebook a servi plus de 500 millions d'utilisateurs actifs, avec 700 milliards de minutes dépensées. Pour ce genre de statistiques, il sera vraiment stressant de concevoir une page web pour cela. Ce pourrait aussi être la même raison pour laquelle tant de designers se sont mis au défi de repenser le Facebook. Laissez-nous prendre une vue de plusieurs grandes tentatives des concepteurs ci-dessous:

Concept design Par: Barton Smith

"Le Facelift Facebook est un projet auto-initié pour défier la forme et la fonctionnalité de Facebook. Son interface simplifiée, structurée et linéaire est plus compréhensible, améliorant l'expérience utilisateur et l'absorption du contenu. "

Page principale . (Source de l'image: Barton Smith)

Photos Page . (Source de l'image: Barton Smith)

Page d'événements . (Source de l'image: Barton Smith)

Page de contacts . (Source de l'image: Barton Smith)

Page de notifications . (Source de l'image: Barton Smith)

Concept design Par: Information Architectes

Ce design innovant est né à partir de décembre 2006 et plus tard adapté aux normes de design contemporain, afin d'avoir une comparaison équitable avec le design actuel de Facebook. L'idée était de créer une application de type courrier avec une interface contenant une disposition élastique à 3 colonnes qui sépare clairement le filtre, le flux d'informations et la réaction, qui sont clairement expliqués dans leur message.

Page principale . (Source de l'image: Architectes de l'information)

Concept design Par: Justin Dauer

"L'un de mes principaux objectifs était de déplacer l'interface vers une présentation de type application Web. Facebook a environ 175 millions de personnes se connectent quotidiennement; toutes les tâches répétitives inhérentes à un tel usage sont propices à cette forme d'approche. Lorsque j'ai refait ce design, la nouvelle interface utilisateur de Twitter a été lancée et m'a donné un moment de validation similaire à celui de Stuart Smalley. "

Page principale . (Source de l'image: pseudo-design)

Concept design Par: Peter Knoll

Un design très élégant de Peter Knoll. Le graphique est grandement amélioré pour rendre l'ensemble du site attrayant et prometteur. L'interface est également beaucoup plus propre avec une belle typographie appliquée pour une bonne lisibilité.

Page principale . (Source de l'image: Peter Knoll)

Concept design Par: AndasoloARTS

Variation Facebook réalisée par AndasoloARTS, elle est même vendue! Le schéma de couleurs est assez similaire à la conception de Peter Knoll, mais dans l'ensemble, c'est un design différent. Encore une fois un design très élégant avec un minimalisme à l'esprit.

Page principale . (Source de l'image: AndasoloARTS)

Concept design Par: Jonaska

Un design inspiré du design Facebook d'AndasoloARTS, assez unique aussi! J'aime la mise en œuvre du partage de statut et de la boîte de recherche, une variation bien conçue en effet.

Page principale . (Source de l'image: Jonaska)

Concept design Par: Czarny-Design

Que diriez-vous d'un design sexy avec des coins arrondis? Une approche de conception entièrement unique pour Facebook avec des couleurs légèrement modifiées, pouvez-vous l'accepter?

Page principale . (Source de l'image: Czarny-Design)

Mon espace

Jadis le géant du réseautage social, Myspace a finalement été dépassé par son principal concurrent, Facebook. Rebaptisé comme My_____ maintenant, il vise à devenir la destination de divertissement social leader qui comprend la musique, les films, les célébrités, la télévision et les jeux, alimenté par la passion des fans. Les conceptions ci-dessous ont été essayées pour le vieux Myspace, mais c'est toujours bon d'avoir un regard sur ce que les concepteurs pensent que Myspace devrait être.

Concept design Par: Rafael Oliveira

"Et si Myspace avait une interface plus claire, définie et belle par défaut, mais toujours avec l'option de la personnaliser, mais d'une manière plus compréhensible? C'est la question que j'ai posée moi-même quand j'ai commencé, et c'est devenu un super projet. En plus de la conception visuelle, j'ai proposé quelques améliorations d'ergonomie, basées sur le contenu qui est déjà sur le site, et en regardant leur sitemap. "

Page principale . (Source de l'image: Rafael Oliveira)

Menu des chaînes . (Source de l'image: Rafael Oliveira)

Photos Page . (Source de l'image: Rafael Oliveira)

Page de profil personnalisée . (Source de l'image: Rafael Oliveira)

Page de l'artiste . (Source de l'image: Rafael Oliveira)

Page de l'artiste - Personnalisée . (Source de l'image: Rafael Oliveira)

Vidéos Channel Page . (Source de l'image: Rafael Oliveira)

Google

Traitant plus d'un milliard de requêtes de recherche à travers le monde, Google est le site web le plus célèbre de la planète Terre. Il est également connu comme le royaume qui tente de dominer l'Internet en créant des produits conviviaux comme Android, Gmail et Google Analytics. Depuis que Google a beaucoup de designers de premier plan travaillant sur la conception de leur site Web, toute tentative de redéfinition est un défi direct pour leurs concepteurs. Intéressant.

Concept design Par: Craig Reville

"Depuis que Google a décidé de re-concevoir un peu les choses, j'ai pensé que j'essaierai de voir comment je veux voir et utiliser Google. Je ne me suis pas déchaîné sur les icônes ou le logo principalement parce que les concepteurs d'icônes pourraient faire un meilleur travail et j'aime le logo simple comme ça. Tous et tous les commentaires appréciés. "

Page principale . (Source de l'image: Craig Reville)

Page de résultats de recherche . (Source de l'image: Craig Reville)

Page de résultats de recherche - 2nd Concept . (Source de l'image: Craig Reville)

Page de résultats de recherche d'images . (Source de l'image: Craig Reville)

Concept design Par: FloxDesign

Un peu comme Bing, mais d'une manière plus épique. Sincèrement je veux avoir ce design finalement impressionnant pour ma page principale de Google, s'il vous plaît.

Page principale . (Source de l'image: FloxDesign)

Youtube

Classé n ° 3 mondial et n ° 4 du trafic sur les sites américains, YouTube est un site Web qui permet de découvrir, regarder, télécharger et partager des vidéos. La plupart des contenus ont été téléchargés par des particuliers, mais des médias célèbres comme CBS, BBC, Vevo et Hulu ont fourni leurs propres vidéos dans le cadre du programme de partenariat YouTube. Oserez-vous reconcevoir un site visionné plus de 2 milliards de fois par jour? Ils l'ont fait.

Concept design Par: Michele Byrne

Une refonte élégante qui met davantage l'accent sur la visualisation et le partage de vidéos. Une approche unique est appliquée à cette conception, bien que l'interface utilisateur soit un peu similaire à Vimeo. Grande tentative quand même.

Page principale . (Source de l'image: Michele Byrne)

Page vidéo . (Source de l'image: Michele Byrne)

Page utilisateur . (Source de l'image: Michele Byrne)

Informations sur la vidéo (Source de l'image: Michele Byrne)

Vidéo recommandée (Source de l'image: Michele Byrne)

Concept design Par: Josh Collie

"L'une de mes plus grandes critiques avec YouTube au fil des ans a été l'incapacité de rechercher d'autres vidéos tout en regardant la vidéo, ainsi que la lecture des commentaires sans faire défiler la vidéo du haut de l'écran. La conception ci-dessous tente de résoudre ce problème en disposant de 3 colonnes déroulantes distinctes, y compris la recherche, la vidéo et les commentaires. "

Page principale . (Source de l'image: Josh Collie)

Page utilisateur . (Source de l'image: Josh Collie)

Concept design Par: Thadeu Morgado

Une expérience de refonte pour la page principale de YouTube. Le style est à peu près le même, sauf que l'ensemble de la mise en page a été restructuré, et un grand curseur élégant est ajouté pour donner plus de focus aux vidéos présentées.

Page principale . (Source de l'image: Thadeu Morgado)

Amazone

Amazon est entré en ligne en 1995 et maintenant il est devenu la société multinationale de commerce électronique qui contient la plus grande sélection de livres, magazines, musique, DVD, électronique, informatique, logiciels, chaussures, pratiquement tout! Parce qu'ils ont une telle entreprise énorme, les concepteurs du monde entier se sont mis au défi d'améliorer la conception pour le rendre encore plus beau et bien sûr, convivial.

Concept design Par: Trevor Cleveland

"Je voulais explorer trois concepts uniques pour la refonte de la page d'accueil d'Amazon au dessus du giron. Amazon est l'un des principaux sites de vente en ligne, mais sa conception de page d'accueil fluide est définie pour les tailles de moniteur avec de petites dimensions, laissant le site à regarder très gappy sur beaucoup d'ordinateurs plus récents avec des résolutions plus élevées. Donc, je voulais présenter trois idées pour amener Amazon à la vitesse. "

Premier concept - Page principale . (Source de l'image: Trevor Cleveland)

Premier concept - Menu . (Source de l'image: Trevor Cleveland)

Deuxième Concept - Page principale . (Source de l'image: Trevor Cleveland)

Deuxième concept - Menu . (Source de l'image: Trevor Cleveland)

Troisième Concept - Page principale . (Source de l'image: Trevor Cleveland)

Troisième concept - Menu . (Source de l'image: Trevor Cleveland)

Concept design Par: Maurice Kindermann

Il n'y a pas de nouvelle tentative s'il n'y a pas de problème dans le design actuel, le design Amazon de Maurice Kindermann est le meilleur exemple pour ce cas. Déçu par la conception actuelle d'Amazon, Maurice a redessiné la page pour résoudre trois problèmes particuliers: résolution d'écran trop étendue, option d'achat fragmentée et quantité de contenu submergée.

Page principale . (Source de l'image: Maurice Kindermann)

IMDb

IMDb (Internet Movie Database) est une base de données en ligne d'informations sur les films, les émissions de télévision, les acteurs, le personnel de production, les jeux vidéo et les personnages fictifs présentés dans médias de divertissement visuel. Redesigner ce site de manière à ce qu'il affiche efficacement les informations sera un grand défi pour les concepteurs de sites Web.

Concept design Par: Vladimir Kudinov

"Pourquoi ne pas avoir le design IMDB actuel? Il est surchargé. Grande quantité d'informations non structurées. Alors que la plupart des utilisateurs de tels sites font attention principalement aux images, vidéos et plus encore.

J'ai donc fait un design propre et élégant. Ici, l'utilisateur reçoit un écran sur lequel il y a des informations sur le film: des photos, des acteurs, des bandes-annonces, un scénario et plus encore. Il n'a pas à se tordre, à tourner, à lire. Tout ce qui est nécessaire - est de regarder l'écran. "

Film Page . (Source de l'image: Vladimir Kudinov)

Menu (Source de l'image: Vladimir Kudinov)

Player Pop Up Component . (Source de l'image: Vladimir Kudinov)

Panneau supérieur . (Source de l'image: Vladimir Kudinov)

Concept design Par: Rob Hendricks

"Il n'est pas difficile de voir pourquoi le site Web actuel de la BDIM est si encombré. Le fait est qu'ils ont beaucoup de contenu. Une architecture d'information appropriée a été la clé pour changer cela. "

Page principale . (Source de l'image: Rob Atomic)

Foursquare

Avec Foursquare, les utilisateurs peuvent partager leur position actuelle en «check-in» via une application smartphone ou SMS, en mettant en favori des informations sur les sites et en laissant des suggestions pertinentes sur les sites à proximité. Les commerçants locaux utilisent également Foursquare pour engager et fidéliser leurs clients. La refonte de Foursquare est vraiment difficile car c'est un service totalement unique, donc plus d'études sont nécessaires.

Concept design Par: Clay Parker Jones

Clay Parker Jones croit qu'une carte est un ajout très utile à la page d'utilisateur de Foursquare, car le service est centré sur l'emplacement. Un clic sur la carte réduirait les statistiques informatives avec 4 vues différentes disponibles. D'autres ajouts à cette page sont des flux, des goûts, des conseils et des suggestions, à peu près comme une page de réseau social habituelle!

Page utilisateur . (Source de l'image: exitcreative)

Réflexion

Peu importe le design, chaque utilisateur prend le temps d'adapter le nouveau design. La question est, en tant qu'utilisateur, souhaitez-vous passer à l'une des conceptions ci-dessus, ou vous êtes bon avec le design actuel? Pensez-vous que ces conceptions résolvent votre problème d'expérience utilisateur? Je crois que ces designs sont faits pour recevoir votre opinion, alors n'hésitez pas à partager ce que vous en pensez, chaque opinion compte!

Trouvez les codes hexadécimaux Pantone avec cette application gratuite

Le système de correspondance des couleurs Pantone définit des valeurs spécifiques pour les couleurs créées par Pantone. Ces couleurs sont principalement utilisées pour la décoration physique et l' impression, mais elles peuvent aussi bien fonctionner numériquement .Pourtant, c'est un travail difficile correspondant au code hexadécimal exact pour chaque couleur Pantone. Et, grâ

(Conseils techniques et de conception)

Comment vérifier le compte PayPal avec une carte Visa virtuelle

Bien que vous n'ayez pas besoin d'une carte de crédit attachée à votre compte Paypal si vous recevez de l'argent, vous aurez besoin d'un lien si vous envoyez de l'argent. Au lieu de votre carte bancaire habituelle, vous pouvez lier une carte Visa virtuelle ou une carte de débit bitcoin à la place.Dans

(Conseils techniques et de conception)