Pushpay

Header image of Pushpay case study

Pushpay

Pushpay crée des applications et des solutions qui simplifient les dons. Pushpay a été fondée en Nouvelle-Zélande en 2011, sa clientèle est constituée essentiellement d’églises qui souhaitent offrir à leurs membres la possibilité de faire des dons directement depuis leurs smartphones.

Services fournis:
wordpress
design

Pushpay a développé deux sites différents : Pushpay.com, la vitrine high-tech du produit Pushpay, et eChurch.com, la plateforme de marketing principale de Pushpay destinée aux églises américaines. À l’occasion d’un effort de transformation numérique au printemps 2018, l’équipe de PushPay a pris la décision de combiner les deux plateformes et d’unir leurs différentes marques. L’entreprise a fait appel à FFW en juin 2018. Pushpay souhaitait que le travail soit terminé à temps pour un événement qui devait se dérouler en août 2018. FFW a été ravie de relever le défi et de produire rapidement un site de très haute qualité. Un mix de collaboration sur site et de points quotidiens nous a permis de travailler en temps réel pour concevoir et livrer dans les meilleurs délais la solution dont Pushpay rêvait.

Le défi

  • Unifier dans un même design deux identités de marque distinctes aux bases utilisateurs très différentes (high-tech et religieuse).
  • Raconter « L’histoire Pushpay » — en se concentrant sur des cas concrets qui montrent comment l’entreprise a aidé des clients à atteindre des objectifs qui étaient auparavant hors de leur portée.
  • Besoin d’une solution sécurisée qui protège les informations sensibles des utilisateurs et qui s’intègre bien avec le produit Pushpay.
  • Fournir un site Web qui représente la solution haut de gamme proposée par Pushpay et qui la met à l’honneur — tout en démontrant la valeur et le rapport qualité/prix de la solution au tarif avantageux.
  • La consolidation de plateformes multiples a donné lieu à des challenges particuliers en ce qui concerne la structure et l’apparence du site.

La solution

  • Une expérience utilisateur premium de la marque Pushpay qui rend compte de la qualité et de la valeur du produit — tout en générant plus de prospects qualifiés.
  • Un design basé sur les composants qui permet de rationaliser l’image de marque, la narration d’histoires et le parcours de l’utilisateur.
  • Un site statique sur un serveur Web Amazon qui isole le CMS WordPress du produit et des données Pushpay.
  • Des modèles spécifiques de redirection d’URL qui permettent aux utilisateurs de naviguer de manière transparente entre le produit et le site marketing de PushPay sans risque de failles de sécurité.
Notre objectif a été d’unifier les marques Pushpay et eChurch, et avec l’aide de FFW, nous y sommes parvenus et nous avons fait plus que ça. Nous avons pu raconter notre histoire à un large public, une histoire de générosité et de progrès pour la communauté, et ça n’aurait jamais pu se faire sans cette nouvelle plateforme. Anthony Gomes - Vice-président, Communications institutionnelles chez Pushpay
Images of Pushpay home page

Consolider deux marques disparates avec un design époustouflant

Bien que Pushpay ait été la référence pour les dons aux églises en Nouvelle-Zélande, lorsque la plateforme a déménagé aux États-Unis, ses équipes ont dû relever un défi. La plateforme a été rebaptisée eChurch pour permettre à Pushpay de mieux s’implanter sur le marché des dons en ligne, et c’est cette identité qui a permis à Pushpay de croître et de se développer. Cependant, les gens de chez Pushpay savaient qu’ils allaient devoir attirer aussi bien les églises que les collectes de fonds laïques. Ils ont donc pris la décision de combiner le meilleur de Pushpay et d’eChurch dans le cadre de la refonte.

Pour terminer la refonte en respectant le calendrier de Pushpay, Pushpay et FFW ont collaboré sur site à l’occasion d’une session de design intensive qui a permis de condenser plusieurs semaines de travail en quelques jours. L’équipe de FFW s’est rendue dans les bureaux de Pushpay et s’est installée dans une salle de réunion. Elle y a itéré les designs, rencontré les équipes de Pushpay toutes les quelques heures pour entendre leurs retours, tout en continuant à peaufiner les choses. La collaboration directe entre les deux entreprises a fortement optimisé le processus de design et a abouti à une mise en page et à une image de marque magnifiques, combinant l’ensemble des éléments phares de la marque Pushpay avec la chaleur et le narratif d’eChurch.

L’équipe de FFW a réalisé au profit de Pushpay un design fait de composants visuels (incluant la typographie, l’iconographie, l’imagerie, la couleur, la mise en page, la texture et la composition) qui mis ensemble ont produit une expérience visuelle cohérente et visuellement magnifique. Le système de design est non seulement optimisé visuellement, mais aussi techniquement, avec un motif et un visuel slash saisissants pour mettre en valeur le meilleur de la marque Pushpay sur tous les appareils.

La narration a été un élément central du nouveau design de Pushpay. Pushpay propose une expérience de collecte de dons supérieure. Le produit a été conçu pour aider les organisations à faire plus et mieux pour les communautés qui les financent. Pushpay propose un produit haut de gamme à prix abordable, l’entreprise avait besoin d’un moyen de mettre ses mérites en valeur. Le produit Pushpay a fait ses preuves par des succès réels et crédibles, ce qui a poussé FFW à inclure dans chaque page du site des témoignages éloquents d’anciens clients. Les témoignages vidéo et écrits sont mis en valeur de façon stratégique à des points clés sur le site, pour mettre en valeur le produit et pour donner aux clients de Pushpay un moyen de raconter leurs propres histoires de succès et de transformation.

Pushpay design guide displayed on a laptop screen


De deux sites à une plateforme unique et riche

Avant la refonte, Pushpay tournait sur deux plateformes numériques : Pushpay.com, la vitrine du produit, et eChurch.com, le point central marketing conçu pour attirer les organisations religieuses aux États-Unis.

En raison la séparation des images de marque et des infrastructures techniques, l’équipe en charge du contenu chez Pushpay avait du mal à partager le contenu entre les deux marques. Ce qui fait qu’il était malaisé de donner aux utilisateurs une aide et un message cohérents. En unifiant les deux marques, Pushpay a voulu s’assurer que tout le contenu, le travail de génération de prospects ainsi que les informations de production puissent être liés et suivis plus facilement, tout en offrant une expérience de marque unique à chaque visiteur.

Pour élargir la cible du produit à un public plus large et pour consolider le message et l’image de marque, Pushpay.com et eChurch.com ont été entièrement intégrés. L’objectif a été d’utiliser ces deux plateformes totalement disparates avec des architectures d’information, une image de marque et des supports marketing différents, et de s’appuyer sur ce que chacune avait de meilleur pour créer une plateforme unifiée, au point de vue de la technique et du message.

Design of different Pushpay pages

Pushpay souhaitait un site doté de solides capacités éditoriales avec des fonctionnalités de publication riches, ce qui a conduit au choix de WordPress pour la nouvelle plateforme unifiée. Un système de conception atomique a été développé pour permettre Pushpay d’adhérer à des visuels et à des méthodes de narration cohérents et personnalisés sur leur nouvelle plateforme. Les résultats de la phase de recherche et de découverte des utilisateurs ont été utilisés pour orienter le design du site et la nouvelle architecture de l’information, afin d’aider les utilisateurs à accomplir leurs tâches plus facilement et à interagir avec les points importants du site. Le tout sur la base des états d’esprit d’arrivée et de la réalisation de tâches de valeur élevée.

Le nouveau design atomique souligne le fait que Pushpay est un produit orienté sur les églises, mais pas seulement, avec un caractère de non lucratif clair. La nouvelle image de marque de Pushpay a été bien accueillie aussi bien par les églises que par les organisations laïques. La nouvelle plateforme WordPress ainsi que le design atomique ont permis à l’équipe de contenu de Pushpay de créer et de publier plus facilement un contenu qui soit beau et avec une valeur forte.

La nouvelle plateforme Pushpay est un exemple de convergence de technologies avec lesquelles nous sommes fiers de travailler :

  • WordPress permet de simplifier la création et la gestion du contenu
  • Un framework Flynt dans WordPress permet de concevoir un site orienté composant.
  • Pattern Lab s’occupe des thèmes de chaque bloc et de chaque page.
  • Le plugin Simply Static permet de créer du contenu statique en un clin d’œil, contenu qui est ensuite téléchargé sur un serveur Amazon Web Services et livré à l’utilisateur.
     
Images of Pushpay mobile design


Choix de WordPress comme solution sécurisée, performante et statique

Afin de protéger les informations bancaires des utilisateurs et d’améliorer les performances du site, Pushpay a choisi la solution d’un site statique sur sa plateforme. Un site statique est une plateforme Web dont tout le contenu a été exporté et téléchargé sur un serveur Amazon Web Services. Une solution statique découple complètement le contenu du CMS qui le génère, ce qui présente plusieurs avantages :

  • Temps de chargement rapides. Parce que le contenu est déjà généré, le serveur est capable d’envoyer les pages rapidement sans avoir à aller chercher le contenu dans une base de données.
  • Sécurité. Le fait que tout le contenu soit distribué sous forme de pages statiques qui n’interagissent pas avec les systèmes back-end et qui ne les intègrent pas, améliore la sécurité de la plateforme et permet de mieux protéger les informations bancaires des utilisateurs.

Comme le contenu du site est entièrement statique et qu’il n’utilise pas les plugins ou la logique de WordPress pour diffuser les médias, c’est le Cloud Front d’Amazon Web Services qui est en charge de présenter le contenu en fonction des requêtes. Pour s’assurer que les utilisateurs puissent accéder au produit Pushpay, AWS Cloud Front dispose d’une série de règles pour diriger et faire passer le trafic. Les URL avec des chemins préprogrammés pointent vers le contenu stocké sur le serveur AWS, tandis que les URL représentant d’autres chemins pointent vers le produit Pushpay.

Pour préserver la sécurité, les utilisateurs ne peuvent accéder à leurs informations bancaires et à leurs dons que par l’intermédiaire du produit Pushpay, tandis que le contenu du site reste complètement séparé de ces systèmes. Lorsqu’un utilisateur se connecte à son compte Pushpay via le site Web, il le fait directement via le portail Pushpay, ce qui fait qu’aucune partie de WordPress ne touche le produit Pushpay.


Découvrez le site: pushpay.com