Share
Web Design Workshop est notre projet communautaire habituel dans lequel nous demandons aux lecteurs de soumettre leurs travaux à vos critiques amicales et constructives. C'est le moyen idéal pour apprendre, donner son opinion et faire critiquer son propre travail! Cette semaine, un nouveau site fessée pour le couturier britannique Matthew Williamson…
Joue bien! Nous choisissons délibérément un travail qui bénéficiera de conseils et d’indications. Si vous ne pouvez pas être constructif dans vos commentaires, ne le faites pas. Autre que cela, offrez tous les conseils que vous pouvez donner. N'hésitez pas à faire un lien vers des exemples et des images qui sauvegardent vos points.
Nous avons travaillé sur ce projet aux côtés de Matthew et de son équipe pendant environ 4 mois. L'objectif était de placer la marque à la pointe de la mode numérique et de leur donner une plate-forme sur laquelle ils pourraient raconter l'histoire de leur marque. Une partie de ce briefing incluait la création d'un magazine en ligne connu sous le nom de "MW Daily". Nous avons pris énormément de références parmi une vaste gamme d’impressions modernes et traditionnelles du magazine sur papier glacé comme Vogue et Tatler jusqu’à des publications plus obscures comme The Travel Almanac et Monocle..
Nous avons essayé de reproduire de nombreux éléments que vous pourriez trouver dans les impressions traditionnelles. Nous utilisons des éléments tels qu’un livre relié en bas à gauche de la page et un graphique de test pour essayer de donner vraiment l’impression que c’est un magazine en ligne. Dans les articles eux-mêmes, nous avons permis aux auteurs d'utiliser des mécanismes tels que des guillemets, des majuscules, des ajustements de texte, des extraits et des légendes. Chaque article est lié à une couleur d'accent, souvent la couleur prédominante de l'image principale. Cela permet de lier l’article ensemble et de lui donner une présence unique lorsque vous vous déplacez entre les articles..
L'un des nombreux défis consistait à le faire fonctionner de manière réactive. L’un des problèmes les plus difficiles a été de permettre au site une largeur large, presque semblable à une feuille large, sans gêner la facilité d’utilisation des navigateurs dont la hauteur était limitée. Si vous réduisez lentement la hauteur du navigateur, vous verrez le clip se mettre en place avec moins de largeur pour l'article lui-même, ce qui empêchera les images de dominer le site et de le rendre "trop gros". Mais si vous avez la chance d'avoir un moniteur de bureau plus grand, vous remarquerez que nous sommes beaucoup plus luxueux avec de l'espace..
Tout au long du site, nous utilisons les dernières technologies Web, des rotations 3D CSS3 sur l’écran d’accueil à une approche générale de récupération de fragments de page ajax lors de la navigation entre les pages. Cela rend le site plus agréable et vous permet de feuilleter un magazine plutôt qu'un site Web où la page disparaît entre les rechargements de page. Nous avons créé une roulette de chargement personnalisée qui utilise certaines des conceptions d’imprimés emblématiques de Matthew Williamson, ce qui lui confère une sensation personnelle, amusante et sur mesure. Dans la section Boutique, nous filtrons et commandons les produits côté client. Trouver le produit qui vous convient le mieux devrait donc être très facile..
Nous voulions vraiment que le produit soit beau. Ainsi, sur la page du produit, vous verrez qu'il occupe une place centrale et utilise tout l'espace disponible pour celui-ci (l'image du produit n'est en aucun cas une taille définie). Cela aide à montrer le produit dans toute sa splendeur - Matthew Williamson est connu pour les détails précis de ses vêtements et cela vous permet d'être vraiment proche et personnel avec les vêtements. Le magazine et le magasin se réfèrent constamment, ce qui augmente la circulation sur le site et contribue à renforcer la notoriété et la fidélité de la marque..
Matthew Williamson présente sa dernière collection ce dimanche à 19h à la Saatchi Gallery de Londres pour la Fashion Week de Londres.
Accentsconagua