Esperancia
![](https://web.progressifmedia.com/wp-content/uploads/2023/02/esperancia-mockup.png)
Le fonds de dotation Esperancia n’a cessé de grandir depuis sa création en 2012. Dix ans après, en 2022, fort de son développement, il doit se refaire une beauté et clarifier son offre qui s’est considérablement étoffée.
![](https://web.progressifmedia.com/wp-content/uploads/2023/02/Esperancia-desktop-2.png)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-iphone-01.png)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-iphone-04.png)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-iphone-02.png)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-iphone-05.png)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-iphone-03.png)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-iphone-06.png)
![](https://web.progressifmedia.com/wp-content/uploads/2023/02/esperancia-img01.jpg)
Un ciblage éclairé
Afin de bien cibler les deux profils auxquels Esperancia s’adresse principalement, le menu principal a été scindé en deux parties distinctes. À gauche, le fonds interpelle ses prospects (les entreprises humanistes et les associations) et leur rappelle les raisons d’agir. À droite se trouvent les sections concernant Esperancia, ses actions concrètes et celles de ses partenaires.
Un parcours par persona
Les leviers d’actions du fonds peuvent donc se résumer à trois besoins concrets : interpeller les entrepreneurs, financer des associations et trouver des fonds.
Pour cette raison, le visiteur rencontre à toutes les étapes de sa navigation des CTA (call to action) agissant comme un entonnoir pour baliser son parcours utilisateur.
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img02.jpg)
Une charte à tomber par terre
L’objectif premier d’Esperancia est basé sur le développement humain, et principalement orienté vers l’enfance en difficulté. Aussi nous avons utilisé une charte empreinte de vivacité et de joie rappelant la raison d’être du fonds de dotation : agir pour ne laisser aucun enfant de côté !
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img03.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img04.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img05.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img05.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img06.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img06.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img07.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img07.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img08.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img08.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/02/esperancia-responsive-2.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/02/esperancia-responsive-2.jpg)
Un site 100% responsive
Appuyer un parcours utilisateur bien pensé nécessite une lisibilité parfaite, peu importe la taille de l’écran sur lequel le site est affiché. C’est pourquoi une attention toute particulière est accordée à chaque détail. Rien ne dépasse. 100% pixel perfect !
Dépasser les limites d'Elementor
Elementor est un système qui a fait ses preuves, tant pour la prise en main facilitée pour nos clients que pour la simplicité de mise à jour des différents projets. Seul problème, tous les Elementors se ressemblent… C’est pourquoi sommes aller plus loin, avec des animations faites maison, du code personnalisé, et autres contenus dynamiques spécialement conçus pour Esperancia !
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img04.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img04.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-img04.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-wallpics.jpg)
![](https://web.progressifmedia.com/wp-content/uploads/2023/08/esperancia-wallpics.jpg)