Northeastern University

Défi

Redwerk a collaboré avec le département marketing de Northeastern University. Ils cherchaient quelqu’un avec une solide expérience dans la création, la personnalisation et la refonte de solutions WordPress pour les aider à simplifier la publication de contenu et la maintenance du site web.

Ils avaient également besoin d’un fournisseur de services informatiques capable de répondre à leurs besoins en matière de tests logiciels pour plusieurs sites de campus, afin qu’ils n’aient pas à chercher un autre fournisseur informatique.

Le département marketing de Northeastern University a développé une ressource dédiée à la gouvernance de marque, initialement construite avec le framework Divi. Ce dernier s’est avéré assez fastidieux et a introduit des complexités inutiles. C’est pourquoi ils ont décidé de reconstruire le site en utilisant un thème WordPress personnalisé développé en interne.

Passons brièvement en revue les exigences de notre client :

• Thème personnalisé. On nous a demandé de recréer l’ancien site de gouvernance de marque avec leur thème personnalisé utilisant l’éditeur de blocs Gutenberg. Nous devions également introduire des modifications dans le menu principal, les styles de liens, les styles de boutons, les styles de cartes et les animations.
• Utilisation minimale de CSS et JS supplémentaires. Nous devions implémenter les versions bureau et mobile du site web en utilisant les options de style et les classes intégrées. Le code CSS et JS personnalisé devait être réduit au minimum.
• Tests logiciels. L’équipe Redwerk travaillant sur ce projet comprenait un ingénieur QA dédié aux tests du portail du centre de marque et un autre responsable des tests des sites des campus d’Arlington, Mills, Oakland et Charlotte. Nous devions vérifier la conformité des sites avec les maquettes et effectuer des tests sur différents navigateurs et plateformes.

Enfin, notre client s’attendait à une livraison rapide conformément à son calendrier de développement et de révision.

Solution

Nous avons commencé par construire chaque page à l’aide de l’éditeur de blocs pour identifier les modèles dans les mises en page et le balisage. Une fois que cela a été prêt, nous avons stylisé les blocs avec du CSS pour qu’ils correspondent à la conception du site d’origine. Certaines fonctionnalités, comme le changement de couleur, nécessitaient du JS personnalisé.

Nous avons ensuite procédé au développement de mises en page réactives et à l’ajout d’animations. L’équipe de développement de Northeastern University a examiné attentivement chaque étape afin que nous puissions appliquer immédiatement les corrections et autres ajustements.

De notre côté, nous avons testé le site web une fois qu’il a été entièrement achevé – sur Microsoft Edge, Mozilla, Safari et Chrome. Les versions mobiles et tablettes ont été testées sur Safari et Chrome. Nous avons veillé à ce que l’implémentation de la conception corresponde entièrement aux maquettes ; il n’y avait pas de liens brisés, d’images coupées ou trop compressées sur mobile, d’incohérences de conception, ni d’autres défauts fonctionnels ou d’interface utilisateur.

Quant aux tests des sites des campus d’Arlington, Mills, Oakland et Charlotte, l’objectif était le même. Après un examen attentif, nous n’avons trouvé que des problèmes mineurs tels que de mauvaises redirections, un mauvais alignement des blocs sur les petits écrans mobiles, un ordre incorrect des sections de contenu, etc.

Dans l’ensemble, en moins de deux mois, nous avons construit 30 pages, y compris une page de générateur de signature électronique. Du temps supplémentaire a été consacré au processus de révision côté client, à la correction des bogues et aux touches finales.