• Add to Collection
  • Tools Used
  • About

    About

    BA Onboarding is a microsite to help facilitate the journey and build an impression of what working at BA will be like. The site is loaded with i… Read More
    BA Onboarding is a microsite to help facilitate the journey and build an impression of what working at BA will be like. The site is loaded with interactive features, 'funky facts', videos and light boxes to keep new recruits engaged and wanting to find out more. Read Less
    Published:
About BA Onboarding

BA Onboarding is a microsite aimed to initiate the transition across into the culture and values of British Airways. Initially for BMI employees and in future all new recruits will visit the site as part of the 'Onboarding' experience. The site is loaded with interactive features, 'funky facts', videos and light boxes to keep the user engaged and wanting to find out more.

This project was designed and developed in an agile fashion.
Motion Graphics Landing page
Motion Graphics developed by TILT
Example content page
Lightbox Content - Brands
Users can access a detailed layer of content by selecting interactive elements (diffuse glow). These balloon elements subtly float to draw attention.
Scamp - post daily team conference call
'Our Organisation' area is huge with potential to overload the user with information. 

We discussed an idea to layer the organisation into the main areas of operations and use the internal brand iconography to describe the area of operations with levity. The 5 primary battalions are listed down the page - The 7 secondary areas have been located together and have separate light-boxes. The speech bubbles with rays describe interactive elements. 

This scamp was quickly drawn but pivotal. The work was signed off by the stakeholders and iterative work on the sprint could continue.
Wireframe - Storyboard
A fully functioning microsite was required with very tight deadlines. An agile project management process was agreed, together with daily conference calls or face to face meetings. Final copy content was to be written by stakeholder and design and development took place with a day's separation for testing and review periods. 

The incomplete wireframe below was invaluable. It served as a model for 'effort required' within each section and the types of interaction we were aiming for. This rapidly prompted discussion, exploration and experimenting with different content types and interactions - enabling the design process.