Caz de utilizare: Relansarea site-ului web al Asociației Federale a Crucii Roșii Germane cu o abordare "mobile first" și o navigare modernizată
Sector: Organizație neguvernamentală fără scop lucrativ (ONG)
Tehnologii: TYPO3 V 11.5, găzduire Docker, căutare Solr
Time info: Perioada proiectului octombrie 2021 - ianuarie 2023

Crucea Roșie Germană (DRK) este una dintre cele mai importante organizații umanitare din Germania și parte a Mișcării Internaționale de Cruce Roșie și Semilună Roșie din întreaga lume.

Prezentare generală a proiectului

Noul site web al Crucii Roșii Germane

Asociația federală a Crucii Roșii germane și-a reînnoit complet site-ul web, concentrându-se pe "mobile first" în UX și UI. Acest lucru este menit să se adreseze mai bine unuia dintre principalele grupuri țintă - utilizatorii de smartphone-uri care își folosesc telefoanele mobile pentru donații. În plus, conținutul extins al vechiului site web era dificil de accesat și nu era foarte vizibil, ceea ce a îngreunat și munca editorilor DRK.

Pentru relansare a fost utilizată versiunea TYPO3 11.5 LTS, susținută de o găzduire Docker puternică. Un inventar al conținutului a condus la restructurarea a peste 4 000 de pagini de conținut. Importantul modul de donații a fost, de asemenea, mult îmbunătățit pentru a face față sarcinilor de vârf și oferă performanțe ridicate pentru toate opțiunile de plată existente. Testele de încărcare au asigurat performanța noului modul.

Reproiectarea părții frontale include imagini și grafice emoționale pentru a atrage mai bine grupul țintă și pentru a crește în mod durabil dorința de a dona pe termen lung. În general, relansarea a îmbunătățit experiența utilizatorului și interfața cu utilizatorul. Sprijinită de timpi de încărcare mai rapizi și de optimizări SEO suplimentare, aceasta a condus la clasări Google mai bune, măsurabile și durabile.

Ca urmare, utilizatorii sunt mai mult în centrul atenției

Relansarea site-ului web al Crucii Roșii Germane (DRK) de către +Pluswerk a adus rezultate remarcabile. Un succes cheie a fost implementarea noii vizualizări "Mobile First", inclusiv o vizualizare desktop bazată pe aceasta. Noua bază TYPO3 a permis o structură de navigare îmbunătățită cu meniuri ghidate care conduc utilizatorul eficient și intuitiv la conținutul dorit. Aceste meniuri sunt atractive din punct de vedere vizual și dispun de un meniu de deasupra paginii care se reduce la minimum în timpul derulării, contribuind la o îmbunătățire estetică și funcțională.

Toate acestea au îmbunătățit semnificativ experiența utilizatorului (UX) și interfața cu utilizatorul (UI). În special, frontend-ul mai rapid, cu timpi de încărcare mult reduși, contribuie la o experiență de utilizare mai plăcută. Împreună cu alte optimizări SEO simultane, cum ar fi viteza optimizată a paginii și fișierele media bazate pe dimensiunea ecranului, sunt îndeplinite toate criteriile cheie pentru o clasare ridicată în Google. Concluzia este că noua pagină de pornire DRK este mai simplă și mai atractivă - atât pentru editori, cât și pentru utilizatori.

Cazuri de utilizare

De la confuz la de neratat

În timpul pandemiei Covid 19, DRK Bundesverband și-a asumat sarcina de a-și moderniza fundamental site-ul web existent. Accentul central a fost pus pe o abordare coerentă și consecventă "mobile first" atât în UX, cât și în UI. DRK este finanțată în mare parte din donații, iar majoritatea donatorilor își folosesc în prezent smartphone-urile în acest scop - acest grup țintă trebuia să fie abordat în mod optim după relansare.

Un alt motiv pentru relansare a fost restructurarea conținutului paginii de pornire. Pagina de pornire a DRK conținea o cantitate foarte mare de conținut cu câteva mii de site-uri web individuale, care, cu toate acestea, nu mai erau suficient de accesibile. Unele dintre site-uri erau practic invizibile pentru utilizator de pe pagina de pornire - nu apăreau în structura meniului și nici nu erau conectate între ele prin legături interne. Acest lucru a dus la dificultăți considerabile - inclusiv pentru editorii online ai GRC, care uneori trebuiau să recurgă la căutări pe Google pentru a găsi conținut pe propria lor pagină de pornire.

Una dintre cele mai importante componente ale paginii de pornire a DRK este sistemul de donații online. Aici, UX și UI ale paginii de donații trebuiau să fie modernizate în mod fundamental, în conformitate cu abordarea mobile-first. În plus, vechiul sistem avea probleme semnificative de performanță, în special în perioadele de vârf, cum ar fi situațiile de criză sau în timpul perioadei de Crăciun. Cu mai mult de o jumătate de duzină de furnizori de servicii de plată conectați, dezvoltarea unui sistem mai eficient era imperativă. Anterior, o prăbușire a paginii de donații în perioade de criză ducea în mod regulat la o scădere a donațiilor.

Mai bine și mai frumos: inventarierea conținutului și proiectarea front-end

Pentru relansarea site-ului DRK, am relansat mai întâi TYPO3 versiunea 11.5 LTS. Tot conținutul existent a fost preluat și importat în noul sistem. O caracteristică cheie a noii instalații este găzduirea Docker de înaltă performanță, care a fost dezvoltată special pentru cerințele DRK. În plus, +Pluswerk a implementat o căutare globală Solr de la Apache.

Al doilea pas decisiv a fost realizarea unui inventar cuprinzător al conținutului site-ului DRK, care cuprinde câteva mii de pagini individuale. Pe baza acestui inventar, am dezvoltat noi criterii tehnice și de evaluare a conținutului, care au permis deținătorilor de cunoștințe ai DRK să decidă dacă să păstreze, să modifice sau să elimine elemente de conținut.

În urma inventarierii reușite, conținutul a fost restructurat, majoritatea fiind transferat în modulul editorial TYPO3 revizuit și reorganizat la nivelurile superioare ale meniului. Această reorganizare a avut ca rezultat câteva mii de pagini de conținut individuale, dar acum ușor accesibile, ceea ce simplifică considerabil munca editorilor DRK și face pagina de pornire mai atractivă pentru utilizatori.

Modul de donații de înaltă performanță pentru timpi de încărcare mari

Un alt element central al proiectului a fost revizuirea modulului de donații pentru a-l menține eficient chiar și în cazul unui număr mare de solicitări. Furnizorii de servicii de plată disponibili au fost grupați, astfel încât donațiile pot fi făcute acum prin debit direct, PayPal, transfer bancar online și carduri de credit. În plus, un buton CTA "Donează" este acum clar vizibil pe fiecare site web, personalizat în funcție de conținutul respectiv.

Operarea modulului de donații pentru angajații care colectează fonduri în backend a fost, de asemenea, simplificată și mai ușor de utilizat. Pentru a garanta disponibilitatea modulului de donații chiar și în cazul multor cereri paralele, am efectuat teste extinse de încărcare care au simulat un număr mare de patru cifre de donatori simultani. Cu noul modul de donare, DRK este acum poziționat optim pentru mulți ani de acum înainte.

La nivel de design, am revizuit complet partea frontală a paginii de pornire a DRK. În noul design, pagina de pornire utilizează acum imagini și grafice atractive, de format mare, pentru un apel emoțional la grupurile țintă ale DRK. Noua calitate a informațiilor disponibile acum cu privire la proiectele specifice crește dorința de a dona și promovează interesul de durată pentru proiectele de ajutor specifice.

info(at)pluswerk(dot)ag