Pushpay

En højteknologisk løsning til velgørende formål

Teaser image of Pushpay case study

Pushpay havde udviklet to forskellige sider: Pushpay.com, som var det højteknologiske hjem for Pushpay-produktet og eChurch.com, som var Pushpays vigtigste marketingsplatform rettet mod amerikanske kirker. Under en digital transformation i foråret 2018 besluttede Pushpay-teamet at kombinere de to platforme og forene deres forskellige mærker. Virksomheden indgik en kontrakt med FFW i juni 2018. Pushpay-teamet ønskede at få arbejdet udført i tide til en begivenhed i august 2018, og FFW var glade for at tage udfordringen op med at skabe en førsteklasses hjemmeside hurtigt. En blanding af onsite samarbejde og daglige check-ins tillod os til at arbejde i realtid med at designe og levere Pushpays drømmeløsning inden for den ideelle tidsramme, de havde sat.

Udfordringen

  • At forene to forskellige brandidentiteter med meget forskellige brugerbaser (højteknologisk og religiøs) under ét enkelt fremadrettet oplevelsesdesign
  • At fortælle "Pushpay-historien" - med fokus på virkelige kundeoplevelser, der viser, hvordan Pushpay hjalp dem med at nå mål, der tidligere var uden for deres rækkevidde
  • Behov for en sikker løsning, der ville beskytte brugernes følsomme personoplysninger og integrere godt med Pushpays produkt
  • At levere en hjemmeside, der afspejler og komplimenterer den førsteklasses løsning, Pushpay tilbyder - samtidig med at prisen/fordelene ved førsteklasses løsningen bliver demonstreret
  • Konsolidering af flere platforme førte til unikke udfordringer med sidestruktur og udseende

Løsningen

  • En førsteklasses Pushpay-branded brugeroplevelse afspejler produktets kvalitet og værdi - mens den driver øget kvalificeret leadgenerering.
  • Komponentbaseret design giver mulighed for strømlinet branding, storytelling og brugerjourneys
  • En statisk hjemmeside på en Amazon webserver sikrer, at WordPress CMS’en ikke berører Pushpay-produktet eller dataene på nogen måde
  • Specifikke URL-omdirigeringsmønstre giver brugerne mulighed for at navigere problemfrit mellem produkt- og Pushpay-markedsføringshjemmesiden uden at risikere huller i sikkerheden
Vores mål var at forene Pushpay og eChurch mærkerne, og med FFW's hjælp har vi opnået det og meget mere. Vi har været i stand til at dele vores historie om generøsitet og samfundsforbedring til et større publikum end nogensinde, og det ville ikke være muligt uden denne nye platform. Anthony Gomes - VP, Corporate Communications hos Pushpay
Images of Pushpay home page

Konsolidering af to forskellige mærker med et fantastisk design

Selv om Pushpay var kendt som go-to-platformen for kirkedonationer i New Zealand, stødte teamet på en udfordring, da de flyttede til USA. Platformen blev rebranded som eChurch for at hjælpe Pushpay-platformen med at få et stærkere fodfæste på det digitale marked for donationer, og det var denne identitet, der gjorde det muligt for Pushpay at vokse og udvide. Pushpay-teamet vidste imidlertid, at de i sidste ende måtte appellere til både kirker og sekulære fundraiseringsorganisationer og besluttede at kombinere det bedste af Pushpay med det bedste af eChurch som led i redesignet.

For at fuldende det nye design inden for Pushpays ideelle tidsramme, samarbejdede Pushpay og FFW onsite i en intensiv designsession, der sammenstuvede flere ugers arbejde på få dage. FFW-teamet rejste til Pushpay-kontorerne og slog lejr i et konferencelokale, hvor de blev brainstormede om designs, holdt møder direkte med Pushpay-teamet nogle gange om dagen for feedback og fortsatte med at forfine det. Det direkte samarbejde mellem de to virksomheder strømlinede designprocessen meget og resulterede i et smukt layout og branding, der kombinerer alle de vigtigste elementer i Pushpay’s brand med eChurchs varme og storytelling.

FFW-teamet skabte et designsystem til Pushpay bestående af visuelle komponenter (herunder typografi, ikonografi, billeddannelse, farve, layout, tekstur og komposition), der arbejdede sammen for at give en sammenhængende, visuel fantastisk oplevelse. Designsystemet er ikke kun visuelt optimeret, men også teknisk optimeret og bruger et slående slashmotiv og design til at fremhæve det bedste af Pushpay’s brand på tværs af enheder.

Storytelling er et centralt element i det nye Pushpay design. Pushpay giver en overlegen oplevelse af donationindsamling, og produktet er designet til at hjælpe organisationer med at bidrage mere og på et højere niveau til de lokalsamfund, der finansierer dem. Pushpay tilbyder et førsteklasses produkt til førsteklasses priser og har brug for en måde at vise deres store værdi. Pushpay-produktet har en historik med ægte, troværdig succes, som gjorde, at FFW-teamet inkorporerede overbevisende kundehistorier på alle sider på hjemmesiden. Video- og tekstbaserede udsagn fremhæves strategisk ved vigtige berøringspunkter for at fremhæve værdien af produktet og giver Pushpay’s kunder mulighed for at fortælle deres egne historier om succes og transformation.

Pushpay design guide displayed on a laptop screen


Fra to sider til én enkelt, indholdsrig platform

Før redesignet havde Pushpay to digitale platforme: Pushpay.com, deres produktside, og eChurch.com, som var deres markedsføringsside og var designet til at appellere til religiøse organisationer i USA.

På grund af deres branding og tekniske adskillelse kæmpede Pushpay’s content team med at dele indholdet mellem de to mærker, hvilket gjorde det vanskeligt at give brugerne konsekvent messaging og hjælp. Med foreningen af de to mærker sørgede Pushpay for at sikre, at alt deres indhold, arbejde med leadgenerering og produktionsinformation kunne forbindes og spores lettere, samtidig med at de stadig giver alle besøgende en unik brandoplevelse.

For at målrette deres produkt til et større publikum og konsolidere deres messaging og branding, integrerede teamet Pushpay.com og eChurch.com fuldt ud. Målet var at tage disse to helt uensartede platforme med forskellige informationsstrukturer, branding og marketingsmaterialer og bruge det bedste af dem begge til at lave én enkelt messaging og teknisk platform.

Design of different Pushpay pages

Pushpay-teamet ønskede en hjemmeside med gode redaktionelle muligheder og mange udgivelsesfunktioner, hvilket betød, at de valgte WordPress til deres nye, ensartede platform. For at hjælpe Pushpay-teamet med at overholde konsekvente, branded-visuals og storytelling-metoder på den nye platform blev der udviklet et atomic designsystem. Resultater fra brugerundersøgelser og opdagelsesfasen blev brugt til at informere sitedesignet og ny informationsstruktur for at hjælpe brugerne til lettere at gennemføre opgaver og interagere med forskellige vigtige berøringspunkter - baseret på Arrival Mindsets og High Value Task-færdiggørelse.

Det nye atomic design understreger, at Pushpay er et "kirke og mere"-produkt med udbredt non-profit appeal. Pushpay’s nye branding er blevet godt modtaget af både kirker og sekulære organisationer, og den nye WordPress platform og atomic design har hjulpet Pushpay’s content team med at oprette og offentliggøre godt indhold af høj værdi mere problemfrit.

Den nye Pushpay platform er et eksempel på en konvergens af teknologier, som vi er stolte af at arbejde med:

  • WordPress muliggør forenklet oprettelse og administration af indhold
  • Et Flynt-framework i WordPress muliggør et komponentbaseret design for hjemmesiden
  • Pattern Lab håndterer temaet for hver enkelt blok og side
  • Et Simply Static WordPress-plugin muliggør smertefri generering af statisk indhold på hjemmesiden, som derefter uploades til en Amazon Web Services-server og leveres til brugeren
Images of Pushpay mobile design


Valg af WordPress for en sikker, højtydende, statisk løsning

For at beskytte brugernes kreditkortoplysninger og forbedre sidens ydeevne, valgte Pushpay at implementere en statisk site-løsning på deres platform. En statisk hjemmeside er en webplatform, der har fået hele sit indhold eksporteret og uploadet til en Amazon Web Services-server. En statisk løsning afkobler indholdet helt fra det CMS-system, der genererer det, hvilket har flere fordele:

  • Hurtige indlæsningstider. Da indholdet allerede er genereret, kan serveren hurtigt levere sider uden at skulle spørge en indholdsdatabase
  • Sikkerhed. Hvis alt indhold bliver leveret som statiske sider, der ikke interagerer med eller integrerer noget back-end-system, øges platformens sikkerhed for at beskytte brugernes følsomme økonomiske oplysninger

Da hjemmesidens indhold er fuldt ud statisk og ikke bruger WordPress-plugins eller logik til at levere medier, udfører Amazon Web Services' Cloud Front opgaven med at levere indhold baseret på forespørgsler. For at sikre at brugerne har adgang til Pushpay-produktet, har AWS Cloud Front en række regler til styring og levering af trafik. Webadresser med forprogrammerede stier peger på indhold, der er gemt på AWS-serveren, mens webadresser med andre udpegede stier peger på Pushpay-produktet.

For at bevare sikkerheden kan brugerne kun få adgang til deres økonomiske og donationsoplysninger via Pushpay-produktet, mens hjemmesidens indhold forbliver helt adskilt fra disse systemer. Når en bruger logger ind på sin Pushpay-konto via hjemmesiden, gør han/hun det direkte via Pushpay-portalen, hvilket betyder, at ingen del af WordPress berører.


Besøg websitet: pushpay.com