Webdesigner Depot obtient une refonte
Il y a quelques jours, le 11 novembre, nous avons célébré notre 6ème anniversaire ici à WDD en dévoilant notre dernière refonte.
Si vous visitez souvent, vous devriez facilement remarquer la plupart des changements, cependant, si vous venez de passer une fois de temps en temps, le site se sentira similaire mais différent. En fait, si nous faisions notre travail correctement, il devrait être plus minimal, plus élégant et plus facile à lire.
Lorsque nous avons décidé de repenser WDD, nous voulions améliorer l'expérience utilisateur en adoptant une approche plus minimaliste, simplifiant et accélérant le site.
Nous avons envisagé une mise en page de magazine pour le nouveau design, mais celle-ci semblait impersonnelle et accablante avec trop de contenu et semblait quelque peu désordonnée. Nous avons parcouru d'innombrables itérations avant de décider de suivre cette direction. Sur le Web, nous voyons de plus en plus de contenu affiché ces jours-ci sur des sites (en particulier des sites technologiques) qui submergent les utilisateurs ayant trop de choix. Nous pensons que cette nouvelle mise en page est plus intime, plus personnelle et plus facile à parcourir, un peu comme un croisement entre un blog traditionnel et un site de style magazine sans que l'expérience utilisateur ne soit surpassée.
La barre latérale a été réduite au minimum. Il est maintenant plus étroit et même les annonces 200 × 125, qui sont maintenant affichées une par une, semblent respirer plus facilement grâce à un large espace blanc. À l'origine, nous avons retiré la plus grande publicité de 300 × 250 en haut de la barre latérale afin de créer une barre latérale minuscule avec seulement les annonces 200 × 125, mais cela a créé un problème pour certains de nos sponsors.
Nous avons également expérimenté la suppression de la barre latérale, mais lors de la tentative d'intégrer le contenu de la barre latérale et en particulier les annonces dans le contenu dans une seule colonne, la mise en page devenait lourde et désorganisée. Si WDD était sans publicité (un jour?), Nous aurions probablement pris une approche sans barre latérale . Pour l’instant, les annonces sont toujours nécessaires pour faire fonctionner le site et payer les factures, mais avec cette approche, nous pensons qu’elles sont moins gênantes et servent au mieux nos annonceurs et nos lecteurs.
L’une des idées que nous voulions intégrer dès le début était défilé interminable . Nous avons interrogé nos lecteurs via nos canaux sociaux pour obtenir des commentaires à ce sujet et avons effectué des recherches approfondies et avons découvert que ce serait surtout négatif pour nos objectifs. Nous pensons que le défilement à l'infini fonctionnera mieux pour les sites avec principalement des images, mais pas nécessairement pour un blog où il semble que l'engagement de l'utilisateur soit réduit (les lecteurs font simplement défiler et défilent, mais s'engagent moins avec le contenu). Bien sûr, il y a toujours des exceptions, mais pour WDD pour le moment, nous nous en tenons à une approche de pagination traditionnelle et nous disons «non» au défilement infini.
Nous pensons que cette nouvelle présentation est plus intime, plus personnelle et plus facile à parcourir, un peu comme un croisement entre un blog traditionnel et un site de style magazine.
Nous voulions que WDD ait un équilibre parfait entre ce que nous percevons comme des éléments de design masculins et féminins. Vous remarquerez une utilisation extensive de formes masculines telles que des angles vifs, des carrés et des rectangles, mais de nombreux cercles sont également utilisés sur tout le site pour apporter un côté plus féminin et plus doux.
De plus, nous avons ajouté de nombreuses lignes diagonales sur tout le site, et avons même rendu nos en-têtes en italique pour que cette diagonale soit visible. Le site se sent plus connecté à toutes les formes, tailles et formes, tout comme la conception devrait l'être. Cela représente également la diversité des contenus que nous diffusons sur le site, les différents auteurs, les multiples points de vue, etc.
L’idée derrière l’alternance de la disposition du texte et des images sur les pages principales est de créer un équilibre égal entre le texte et les images des deux côtés de la colonne principale. Nous avons opté, une fois encore, pour ne pas avoir un article en vedette, ce qui, à notre avis, préfèrerait inviter nos lecteurs à explorer davantage et vous vous retrouveriez peut-être à presser la page suivante plus souvent, car le site devrait parcourir et explorer.
Les en-têtes sont maintenant dans LFT Etica et tous les chapeaux. Nous nous sommes débarrassés de la Adelle La police de caractères pour cette nouvelle conception, car nous voulions minimiser les décorations et une police sans empattement, était tout simplement la meilleure solution. Le style gras extra-lourd rend les titres vraiment pop et plus faciles à lire. WDD a toujours été «audacieux» dans son approche de la conception, mais celle-ci est peut-être notre conception la plus audacieuse à ce jour.
Pour le corps du texte que nous utilisons Proxima Nova Soft , qui a changé de Open Sans dans notre conception précédente. La rondeur de cette police semblait appropriée pour le site car elle ajoute une touche plus féminine, tandis que les en-têtes semblent plus masculins. Encore une fois, nous cherchions à créer un équilibre dans tous les aspects.
Il y a de nouveaux effets d'animation, des renversements, des liens de texte et des petites touches ici et là qui rendent le site plus moderne et plus vivant. Certaines modifications ont également été apportées au backend pour améliorer la vitesse de chargement et optimiser le plus possible le site. Nous avons aussi une nouvelle page 404! :)
Nous espérons que vous apprécierez la nouvelle refonte et surtout que vous continuerez à profiter et à partager nos articles.
Nous nous efforçons de faire de WDD une destination de choix pour tous nos amis concepteurs et développeurs, et cette refonte n'est qu'une étape de plus dans notre voyage avec vous.
N'hésitez pas à nous laisser des commentaires ci-dessous avec des suggestions ou des questions que vous pourriez avoir. Nous espérons que vous apprécierez le nouveau WDD!