• Add to Collection
  • Tools Used
  • About

    About

    Safran is an international aerospace group on the look out for young applicants to inspire. We designed an interactive landing page on the Group'… Read More
    Safran is an international aerospace group on the look out for young applicants to inspire. We designed an interactive landing page on the Group's website to give an immersive feel of aviation to the future engineers and mechanics on the grounds. Read Less
    Published:
Safran          2017          web
concept • design • copy • code


Safran is an international aerospace group powering aircrafts and high tech drones to satellites and space launchers. We designed an interactive landing page on the Group's site to give an immersive feel of aviation to future engineers and mechanics.




concept
videos on scroll • interactive aircraft • ​​​​​​​visual game • ​​​​​​​animations on scroll


Safran asked de jaune et de bleu to build an orientation hub for aviation. After insightful iterations, we produced a behind-the-scene experience where high interactive contents spark the conversation between students and parents.

First, visitors are lead to take a closer look at an airplane, to analyze visually the very shape of it and identify main functions and equipments. By clicking on them, a brief introduction to technical job families is displayed.


interactive airplane


engines
landing gear
brakes and braking system
inertial navigation






Then, time for a try. Now that visitors can easily picture what makes an aircraft, they can practice on a short visual game and discover the job families working on both manufacturing and maintenance.



visual game inspired



grinding 
machining 
fitting 
non destructive testing 
coordinate measurement 






These processes and workspaces embody the Group's culture and values. The landing page highlights on what skills and people's evolution Safran counts for the future, and all the ways to take part of the journey.



links to job qualifications and full description
links to training programs in aviation
links to job offers





animation
videos on scroll • parallax • smooth scroll css animations lazy load • ​​​​​​​js es6




immersive content 
for storytelling







smooth scroll
parallax




design
desktop • mobile • integration into existing drupal cms • ​​​​​​​multilingual


The landing page had to live on the Group's site. So we played with the foundations of the existing graphic charter, using tiles and 3D models, and found the right design refill to convey tech spirit and fast movement.




desktop / laptop, mobile




launch
merit awwwards • hit top 3 on the group's site


After the launch, the landing page performed in the top 3 on Safran Group's site for several months. This collaboration brought about more HR investment from Safran into interactive projects to inspire the young.