Wie der Wechsel zu Webflow Virta half, Design und Barrierefreiheit zu verbessern

Die Reise zu Webflow

Updates waren mühsam. Häufige und einfache Änderungen, wie die an unserer Presse-Seite, erforderten die Beteiligung der Ingenieure, was nicht die beste Nutzung ihrer Zeit war.

Paul Sytsma, Senior Director, Corporate Marketing, Virta Health

Bevor Sie zu Webflow wechseln, Virta HealthDie Hauptseite wurde intern von einem UX-Ingenieur erstellt. Obwohl die Seite gut funktionierte, gab es kein CMS, was Updates für die Marketing- und Engineering-Teams schwierig und zeitaufwendig machte.

Zusätzlich wurde ihr Blog in WordPress erstellt, und im Laufe der Zeit wurde er mit Plugins überladen. Während es laut Garret Voorhees, Senior UX Design Manager bei Virta, „einwandfrei“ funktionierte, lebte es auf einer Subdomain, was sich negativ auf SEO und die Kontinuität zwischen ihrer Website und ihrem Blog auswirkte. „Es gab immer eine seltsame Trennung, bei der wir wollten, dass sich der Blog anfühlt, als wäre er auf derselben Seite, aber mit dem Blog in WordPress musste er auf einer Subdomain existieren“, sagte Garret.

Aus kommunikativer Sicht betonte Paul Sytsma, Senior Director of Corporate Marketing bei Virta, die Schwierigkeiten, die mit Änderungen aus einer inhaltlichen Perspektive verbunden sind. „Updates waren mühsam“, sagte Paul. „Häufige und einfache Änderungen, wie die an unserer Presse-Seite, erforderten die Beteiligung der Ingenieure. Webflow erhöht die Geschwindigkeit dieser Änderungen erheblich und optimiert gleichzeitig die Ressourcen unseres Teams.“

‍

Eine skalierbare Lösung entwickeln

Webflow gibt Ihnen die gesamte Designkontrolle, die Sie benötigen, ohne tief in den Code eintauchen zu müssen.

Garret Voorhees, Senior UX Design Manager, Virta Health

Als ihr Marketingteam zu wachsen begann, kam Garret zu der Erkenntnis, dass ihre Website ihnen einfach nicht so diente, wie sie es sich wünschten (oder in den Weisen, die sie wollten). Außerdem, als sie sich einem Rebranding näherten, wurde ihm klar, dass es „keinen Sinn machte, all diese Arbeit mit diesem System zu leisten, das nicht funktionierte.“ Also beschlossen Garret und sein Team, ein neues CMS zu finden, mit dem sie ihre Website neu aufbauen konnten. und ihren Blog.

Garret und sein Team haben ihre Optionen gründlich erkundet – nämlich WordPress, Webflow, Wix und SquareSpace. Am Ende ihrer Suche führten sie einen Funktionsvergleich zwischen WordPress und Webflow durch. Und nun, der Rest ist Geschichte. „Worauf es hinauslief, war, dass Webflow dir die gesamte Designkontrolle gibt, die du brauchst, ohne tief in den Code eintauchen zu müssen“, sagte Garret. Da das Designteam am meisten in Webflow arbeiten würde, trafen sie die endgültige Entscheidung – aber sie hatten volle Unterstützung vom Marketingteam.

Sie hatten auch die Unterstützung der Agentur, mit der sie zusammenarbeiteten, um ihre Webflow-Website zu gestalten, Edgar Allan„Wenn wir den WordPress-Weg eingeschlagen hätten, hätten wir mehr auf unsere Agentur angewiesen sein müssen, um Aktualisierungen vorzunehmen, abgesehen von größeren Änderungen“, sagte Garret. „Wir können neue Seiten erstellen, Dinge aktualisieren und unsere Website im Laufe der Zeit weiterentwickeln, ohne durch eine Agentur gehen zu müssen. Und für mich als Designer ist es wirklich wichtig, diese Kontrolle zu haben.“

‍

Sicherheitsstandards einhalten

Die meisten Fragen zum Bauen mit Webflow kamen vom Sicherheitsteam von Virta. In diesem Bereich arbeitete das Enterprise-Team von Webflow eng mit den Sicherheitsbeteiligten von Virta zusammen, um Fragen zu beantworten und sicherzustellen, dass das Tool ihren einzigartigen Anforderungen entsprach.

Obwohl es während des Aufbaus viel Hin und Her zwischen den Sicherheits- und Designteams gab, war Webflow (und ist es immer noch) die sicherere Lösung für sie. „Das gesamte Plugin-Ökosystem bringt so viele potenzielle Sicherheitsanfälligkeiten mit sich, dass es sich während der Sicherheitsdiskussion zu unseren Gunsten auswirkte, von WordPress wegzugehen“, sagte Garret.

‍

Ein erfolgreicher Wechsel und fortgesetzter Erfolg

Mit Webflow können wir mehr Projekte als zuvor übernehmen, mit besseren, schnelleren Ergebnissen. Die Partnerschaft zwischen Marketing und Design hat sich wirklich verbessert, ebenso wie die Begeisterung unseres Teams für die Arbeit an unserer Website.

Paul Sytsma, Senior Director, Corporate Marketing, Virta Health

Das Designteam von Virta arbeitete mit der Digitalagentur und Webflow-Experte Edgar Allan zusammen, um den Großteil der Migration nach Webflow sowie den Wiederaufbau in Webflow zu übernehmen.

Virta arbeitete neben Edgar Allan, der sich in den Prozess einbrachte, damit ihr internes Team gleichzeitig lernen konnte, wie man Webflow nutzt. Im Laufe des Prozesses lernte Virta alle notwendigen Schritte: Blogs von WordPress nach Webflow zu migrieren, sich im Editor wohlzufühlen, kleine Änderungen und Bereinigungen vorzunehmen und mehr. Aufgrund ihrer Absichtlichkeit und Lernbereitschaft kann das Virta-Team jetzt fast alles selbst in Webflow erledigen — ohne Unterstützung von der Agentur.

Paul ist ebenfalls ein großer Fan von Webflow, nachdem er gelernt hat, wie einfach und benutzerfreundlich es ist, Änderungen an der Website im Editor vorzunehmen. und der Designer. „Manchmal ist es tatsächlich schneller für mich, einfach etwas zu bearbeiten, ohne es jemand anderem zuzuweisen“, sagte Paul. Jetzt versucht er, all seine Freunde dazu zu bringen, es zu benutzen.

Ich empfehle Webflow anderen Unternehmen und freue mich, dies zu tun. Webflow bietet sowohl Leistung als auch Flexibilität, ohne dass ich mir Sorgen machen muss, etwas kaputt zu machen.

Paul Sytsma, Senior Director, Corporate Marketing, Virta Health

Was die tägliche Nutzung betrifft, verbringen Garret und ein anderer Designer in seinem Team die meiste Zeit im Designer, während das Marketingteam an Blogs, Bearbeitungen und Inhaltsaktualisierungen im Editor arbeitet. „Gelegentlich benötigen wir technische Unterstützung bei Barrierefreiheit oder Integrationen“, sagte Garret. Aber größtenteils können er und seine Teamkollegen autonom arbeiten und manchmal neue Seiten in „unter einer Minute“ erstellen.

Abgesehen von internen Vorteilen hat Webflow auch in den Kennzahlen seinen Wert bewiesen. „Unsere Seite lud buchstäblich doppelt so schnell, nachdem wir zu Webflow gewechselt hatten, selbst ohne jede Bildoptimierung rigoros durchzuführen“, sagte Garret. Paul fügte auch hinzu, dass sie ihre Website-SEO und Keyword-Rankings beibehalten und in einigen Fällen sogar verbessert haben.

‍

Eine Level AA zugängliche Website in Webflow erstellen

Ich habe eine Menge gelernt, und ich bin zuversichtlich, dass jedes zukünftige Projekt, das ich in Webflow umsetze, barrierefrei gestaltet werden kann, ohne dass dafür ein großer zusätzlicher Aufwand nötig ist.

Garret Voorhees, Senior UX Design Manager, Virta Health

Das gesamte Team von Virta Health ist sich bewusst und verpflichtet, ihre Website so barrierefrei wie möglich zu gestalten.Und wir teilen diese Werte.)

Im Laufe verschiedener Builds haben sie stets die häufigeren Überlegungen zur Barrierefreiheit im Auge behalten, wie Textkontrast und Alternativtext. Aber als sie einen Kunden gewannen, der gesetzliche Anforderungen an die Einhaltung der WCAG 2.1 AA-Standards hatte, begannen sie, ihre Website strenger zu überprüfen mit WebAIM und mit den Barrierefreiheits-Experten von Webflow zusammenzuarbeiten, um vollständig konform zu werden.

Sie wurden auch zur Beta-Gruppe für neue Barrierefreiheitswerkzeuge in Webflow hinzugefügt und haben eng mit unserem Team zusammengearbeitet, um Lösungen für Barrierefreiheitsanforderungen zu finden, die in Webflow noch nicht nativ unterstützt werden. „Es war für mich sehr aufschlussreich“, sagte Garret. „Ich habe eine Menge gelernt und ich bin zuversichtlich, dass jedes zukünftige Projekt, das ich in Webflow umsetze, ohne großen zusätzlichen Aufwand barrierefrei gestaltet werden kann.“