Education Above All

À propos du projet :

Libérer le potentiel de chacun grâce à l'éducation

Emakina a été chargée de développer la présence de l’association, en ligne, pour promouvoir cette initiative mondiale de première importance. Le site web devait mettre en lumière les défis rencontrés, faire ressortir le profil de l'organisation et présenter son travail qui change des vies chaque jour.

Le challenge

Comment se démarquer et sortir du schéma classique des sites web monotones d'ONG, réputés pour être surchargés en informations ? Emakina s’est occupé de créer un nouveau site web pour l'association Education Above All (EAA), de sa représentation digitale à la mise en valeur de l'étendue de sa mission et de ses activités.

Notre solution

Pour se démarquer de la concurrence, nous avons créé un site web impactant et très visuel, tout en incluant tout le contenu pertinent de l’association. Nous avons mis l'accent sur la facilité d’utilisation du site, les transitions intelligentes et les call-to-actions pour créer une expérience fluide et graphique. Une page unique, à travers laquelle l’utilisateur peut très facilement scroller, combine de nombreuses images et vidéos émouvantes, visionnables en plein écran avec un texte percutant. La navigation horizontale est facile à utiliser et permet aux visiteurs de trouver facilement les informations qu’ils cherchent.

L'approche technique est un mélange de créativité et de technologie avancée. Les transitions fluides aident l'utilisateur à naviguer, et des tags, discrets et pouvant être masqués, apparaissent à côté de la navigation principale pour indiquer à l'utilisateur où il se trouve dans le site. Pour cela, nous avons utilisé les technologies Angular JS et Symfony 2.4, HTML5 et CSS3.

Le cœur des activités d’EAA est constitué de trois programmes phares, présentés dans des vidéos poignantes, auxquelles sont ajoutées toutes les informations à leur sujet ainsi que des liens vers des sites web connexes. La conception et l'architecture du site conduisent naturellement les utilisateurs vers ce contenu saisissant, qui met en image l’âme d’EAA.

“We have developed the website with the goal of ensuring education receives the priority it requires as an essential part of development. In addition to describing the EAA programmes, the information contained on the site will help raise awareness of the value of education, and inspire collective action to support wealth and well-being in developing and emerging countries.” Deputy CEO of Education Above All Foundation,
Fahad Al-Sulaiti

Les résultats 

Notre équipe a travaillé en étroite collaboration avec l’association et s'est chargée du planning, de l'architecture de l'information, de la stratégie et de la rédaction, de l'analyse fonctionnelle et technique, de la programmation et du script HTML, de l'intégration, des tests et des mises au point. Le projet a été réalisé de bout en bout en seulement 2 mois et demi.


Disponible en anglais et en arabe, le site est adapté au public occidental et moyen-oriental. Pour conserver la logique de défilement horizontal, l'ensemble du site est recréé en version miroir pour un public lisant de droite à gauche. Le résultat est un site entièrement responsive, fait pour durer, qui s’adapte en fonction de l’appareil utilisé pour le visionner.

Nous sommes très fiers de cette collaboration. Ensemble, nous avons créé un site web immersif attrayant et efficace qui partage des informations et des émotions avec un contenu impactant. Le style long-page avec des blocs qui peuvent facilement s’adapter, la navigation tactile et les transitions fluides apportent une expérience riche qui encourage les visiteurs à découvrir le contenu proposé. Mais bien plus que cela, nous considérons comme un grand honneur de pouvoir aider la Fondation EAA dans son travail pour rendre l’éducation accessible à plus de 57 millions d'enfants, qui méritent tous une chance d'améliorer leur vie. Brice le Blévennec,
CEO d'Emakina