Northeastern University

Herausforderung

Redwerk arbeitete mit der Marketingabteilung der Northeastern University zusammen. Sie suchten nach jemandem mit solider Erfahrung im Aufbau, der Anpassung und Neugestaltung von WordPress-Lösungen, um ihnen zu helfen, die Inhaltsveröffentlichung und die Website-Wartung zu vereinfachen.

Sie benötigten auch einen IT-Dienstleister, der ihre Softwaretestanforderungen für mehrere Campus-Websites erfüllen konnte, sodass sie nicht nach einem weiteren IT-Anbieter suchen mussten.

Die Marketingabteilung der Northeastern University entwickelte eine dedizierte Ressource für Brand Governance, die ursprünglich mit dem Divi-Framework erstellt wurde. Letzteres erwies sich als recht umständlich und brachte unnötige Komplexitäten mit sich. Daher entschieden sie sich, die Website mit einem intern entwickelten benutzerdefinierten WordPress-Theme neu zu erstellen.

Lassen Sie uns kurz die Anforderungen unseres Kunden durchgehen:

• Benutzerdefiniertes Theme. Wir wurden gebeten, die alte Brand-Governance-Site mit ihrem benutzerdefinierten Theme unter Verwendung des Gutenberg-Block-Editors neu zu erstellen. Wir mussten auch Änderungen am Hauptmenü, den Linkstilen, den Buttonstilen, den Kartenstilen und den Animationen vornehmen.
• Minimale Nutzung von zusätzlichem CSS & JS. Wir sollten die Desktop- und Mobilversionen der Website mit eingebauten Stiloptionen und Klassen implementieren. Benutzerdefinierter CSS- & JS-Code sollte auf ein Minimum reduziert werden.
• Softwaretests. Das Redwerk-Team, das an diesem Projekt arbeitete, umfasste einen QA-Ingenieur, der für die Tests des Brand-Center-Portals verantwortlich war, und einen weiteren für die Tests der Campus-Websites in Arlington, Mills, Oakland und Charlotte. Wir mussten die Übereinstimmung der Websites mit den Mockups überprüfen und plattform- sowie browserübergreifende Tests durchführen.

Zu guter Letzt erwartete unser Kunde eine pünktliche Lieferung gemäß ihrem Entwicklungs- und Überprüfungszeitplan.

Lösung

Wir begannen damit, jede Seite mit dem Block-Editor zu erstellen, um Muster in den Layouts und Markup zu identifizieren. Sobald dies erledigt war, stylten wir die Blöcke mit CSS, sodass sie dem Design der ursprünglichen Website entsprachen. Einige Funktionen, wie das Farbwechseln, erforderten benutzerdefiniertes JS.

Anschließend entwickelten wir responsive Layouts und fügten Animationen hinzu. Das Entwicklungsteam der Northeastern University überprüfte jeden Schritt sorgfältig, sodass wir sofort Korrekturen und andere Anpassungen vornehmen konnten.

Auf unserer Seite testeten wir die Website, sobald sie vollständig fertiggestellt war – in Microsoft Edge, Mozilla, Safari und Chrome. Die mobilen und Tablet-Versionen wurden in Safari und Chrome getestet. Wir stellten sicher, dass die Design-Implementierung vollständig mit den Mockups übereinstimmte; es gab keine defekten Links, abgeschnittenen oder übermäßig komprimierten Bilder auf mobilen Geräten, Designinkonsistenzen und andere funktionale und UI-Defekte.

Was die Tests der Campus-Websites in Arlington, Mills, Oakland und Charlotte betrifft, war das Ziel dasselbe. Nach sorgfältiger Prüfung fanden wir nur kleinere Probleme wie falsche Weiterleitungen, falsche Ausrichtung von Blöcken auf kleineren mobilen Bildschirmen, falsche Reihenfolge der Inhaltsabschnitte usw.

Insgesamt haben wir in weniger als zwei Monaten 30 Seiten erstellt, einschließlich einer Seite für einen E-Mail-Signatur-Generator. Zusätzliche Zeit wurde für den Überprüfungsprozess auf Kundenseite, Fehlerbehebung und abschließende Feinschliffe aufgewendet.