Osons vivre
Webdesign et intégration Elementor d'un site de campagne
ANNÉE
2012 – 2021
CLIENT
SFAP – Société française d’accompagnement et de soins palliatifs
MISSION
Webdesign et intégration du site de pré- campagne sous un environnement WordPress et Elementor.
Création de modules Elementor customisés pour les besoins de l’intégration.
Intégration et tests des différents formulaires de contact et d’appel aux dons.
Mise à jour du site de pré-campagne en site de campagne (refonte des menus, intégration de la nouvelle charte graphique…).
Intégration d’une carte recensant tous les établissements de soins palliatifs et d’un blog.
Webdesign et intégration du site de pré-campagne
La campagne Osons Vivre de la SFAP s’est déclinée en deux étapes.
D’abord un site de pré-campagne à ayant pour buts de dédramatiser l’image des soins palliatifs et de récolter des dons et des soutiens de la part du personnel soignant français.
Dans un second temps, une campagne plus impactante visant à ouvrir le débat public.
Pour le site de pré-campagne, la direction artistique choisie s’est portée sur des couleurs acidulées et sur un iconographie décalée évoquant la joie et la bonne humeur qui peuvent persister malgré l’adversité, dans une période de fin de vie.
Hero de la landing page
FAQ à propos de soins palliatifs
Carte stylisée et détails de la campagne
Footer
Webdesign et intégration du site de campagne
Le site de campagne s’est accompagné d’une campagne média nationale renvoyant vers le site dédiée.
Pour cette campagne, la SFAP s’est dirigée vers une direction artistique orientée sur des phrases chocs et des jeux de typographie simples et impactants.
Le site de campagne, plus complet, nécessitait l’intégration de nouvelles fonctionnalités, telles qu’un blog ou encore une carte interactive présentant les différents établissements de soins palliatifs présent dans l’hexagone, ainsi que la réutilisation de certains modules déjà présents sur le site de pré-campagne.
Les chartes graphique n’étant pas tout à fait similaires, cette contrainte s’est avérée parfois compliquée à surmonter.
Hero du site de campagne
Intégration d’une carte interactive
Texte explicatif de la démarche
Intégration d’une partie blog au site
Développement et intégration de modules sur mesure au sein d'Elementor
Les limitations d’Elementor empêchaient l’intégration de ce module, pourtant nécessaire à la bonne diffusion des informations de la campagne.
J’ai donc du l’intégrer « from scratch » tout en permettant son édition par le client au sein du constructeur de page d’Elementor.
Elementor ne permet pas (encore ?) nativement l’édition de cartes sortant de l’écran et se déroulant horizontalement. Aussi ai-je du dépasser cette limitation par l’intégration de code CSS personnalisé afin d’outrepasser les réglages par défaut d’Elementor.
Elementor ne permettant pas simplement de construire un menu couvrant l’intégralité de l’écran et intégrant différents éléments, tels que les liens de réseaux sociaux ou encore un bouton personnalisé, j’ai du utiliser des moyens détournés afin de construire celui-ci.
La direction artistique de la campagne est basée des phrases impactantes soutenues par un jeu de typographies. Je ne pouvais donc pas me permettre de risquer de « déformer » la mise en page globale.
Ainsi, j’ai du jouer sur des réglages CSS afin que le bloc contenant les textes ne se déforment pas et restent toujours proportionnels à la taille de l’écran.
