CFM Aeroengines

Visual Design | UX | Social Strategy

Collaborated with various teams to design a 3D engine experience and optimized UX for a responsive website and strategic social content. 

Photo credit to Candyspace and Y&R

PROJECT ROLEs

I transitioned onto this project after the CFM website had been created. My role was to carry out a responsive design featuring a 3D experience of a LEAP engine on its specific page. With many pieces of content, and the task of keeping CFM at the forefront of innovation, I designed the LEAP Page while closely collaborating with developers, account teams and the client. View experience

Social content is another area of focus, in which I worked with the Account Director and Producer to devise a strategic approach for posting CFM content on Twitter. I designed short-form animations using statistics as Gifs, highlighting CFM history and other holiday-related content.

UX Optimizations

During Q3/Q4 of 2017, I conducted a design audit to identify where UX/UI enhancements can be implemented site-wide. We've actioned items on the Press Page and will continue to action each page throughout 2018.

Press Page

What We Did - A user had difficulty finding articles relevant to their needs on the Press Page. The filter system in place wasn't intuitive and didn't allow for multiple selections to filter content. (i.e. by year and category, or by multiple categories). The hierarchy of content on the page and Logins placed at the top right were confusing and not established. The client also wanted to add featured articles. With this addition, a distinction between 'Featured' and 'Most Read' needed to be visualized. After researching news platforms and other article-heavy experiences, using a tab approach was the best solution for our needs. A more organized filter system using checkboxes that implies 'select all the apply', meaning more than one, and a dropdown menu to choose a year, were great additions to the experience and allowed for users to find content they were looking for. 

Site Navigation

What We Did - The existing site's navigation structure didn't allow for a user to easily find content on the website. A user would have to land on a main content page before knowing there were secondary navigations within. (i.e. Main page: Engines, Secondary pages: LEAP, CFM56, Legacy Engines) We wanted to make a user's journey easier to navigate in a way that provided page categories at first-click. With analytics, we found that users were coming to one page and then leaving the site, providing insight that it was difficult to navigate through the site or find relevant content based on their needs. Revising the top navigation and menu structure with rollover states that show drop down menus with secondary pages is more intuitive and useful for a user to navigate the website.

Flight Tracker

What We Did - The Flight Tracker page on the CFM website was a page that while super interactive, didn't get as much dwell time as we'd hoped. Part of our issue was the never-ending load time of the page before the interactive experience even had a chance to begin. In order to reduce drop offs and engage more users, we revised our initial language on screen while the map feature was loading in the background. Using a relatable, human tone in our message and an animated airplane in place of a 'spinner', the experience provided more visibility of status to the user regarding wait time while being on-brand. We removed the "Tap to Explore Map" button on mobile and now take the user directly into the interactive map, allowing them to view data of real time flights in less steps. 

In collaboration with:

  • Creative Director: Julian Esposito, Jon Kelly
  • Account Director: Haley O'Haleck
  • Producer: Matt Autton, Alison Retz
  • Developers from Candyspace UK