Built interfaces and industry specific experiences that were very well received by customers.

Aircraft Portfolio Application

Responsive Design

Client
AMSTAT
Industry
Aircraft Sales
Year
2022
Duration
11 Months

In this project, I designed a mobile first responsive web application for a a platform that manages the buying and selling of aircraft. By collaborating closely with stakeholders, I improved existing workflows, enhanced usability, and incorporated key features like portfolio creation and real-time sale and maintenance status tracking.

Problem & Project Goals

The client has a desktop application that is widely used, but it is not currently offered on a mobile device. The goal is to build a mobile-first application, that offers users of the product the ability to access everything that is currently available on their desktop application.

Throughout the requirements phase of this project, I worked closely with the Product Team to document the requirements for this application. These requirements were established with both the customer and business in mind.

User Goals

  • Search and find aircraft sales information quickly
  • Know when specific events occur or when maintenance is required on an aircraft
  • Easy and accessible mobile experience
  • Ability to group aircraft to track sales in the future

Business Goals

  • Opportunity to expand the reach of the application
  • Offer a seamless experience working on desktop and mobile
  • Offer the ability to add new functionality while updating the current functionality from the web applications

Process

After understanding the goals of the user and the business, I started my process by auditing the color and branding. I created a small design system to document color and font styles as well as uses for components like buttons, form fields, and filter chips.

Color and Branding

The primary color I was working with was orange, which can be a very overpowering color.  I had to make sure I made an accessible orange to primarily use for buttons.

Responsive Design

I started this project by establishing a set of mobile-first design standards to build a responsive app that can be used on a mobile device. While working on this project I tested screens on both mobile and tablet views. There is some variation in components like tables that I needed to account for during design QA.

Home Screen

The home screen prioritizes search and previous searches conducted when applicable. The ability to search across the application is very important to users and internal stakeholders.

Navigation

The main navigation is behind a hamburger menu on the top left corner of the screen. This offers easy navigation to settings and account information can be easily scaled if the team decides to add more modules.

Details Page

The details page is one of the most complex pages I had to design. There was a variety of information that needed to be represented in an easy-to-read and visually appealing way.

Additionally, I needed to offer actions for users to take from an aircraft, company or contact details page. The product owner and I worked closely to establish what actions were required on each page.

Search

There are two types of search capabilities in this application: a keyword search and criteria search. The keyword search is built so that users can search across the full application. When a user types in a keyword results are grouped by aircraft, contact, and company.

Building Portfolios

Another component of this project is creating a portfolio of aircraft. There are several different ways for users to add items to a portfolio. Demonstrated here is through the aircraft details page.

Once an aircraft is added to a portfolio users can manage the portfolio itself. They can also set up notifications in a portfolio (for example, if an aircraft's sale status changes)

Outcome

User Feedback

As we begin rolling out this product to users the Product Owner has kept me involved in the process of collecting user feedback. So far users are excited about what this application can provide and are asking questions about what else will be available in the future.

The Director of Sales and Marketing at Pro Star Aviation stated the following:

AMSTAT’s new mobile experience is another innovation from AMSTAT that compliments to the full range of AMSTAT products and services. It is quick and easy, providing timely information when I’m visiting customers on the road

View Full Press Release

Reflections

Working on this project I had the opportunity to truly partner with a product owner while we iterated on requirements and designs. I have continued to hear positive feedback from them as they demo this new experience at trade shows.

Recommendation of my work from the product owner via LinkedIn:

In addition to being very knowledgeable about best practices in the UI/UX area, Lauren was a quick learner about our specific industry. This allowed her to design interfaces and experiences that were very well received by our customers. In addition, her collaborative working style made it easy to navigate through challenges to find the best solution while addressing both customer and technical concerns.

Let's stay connected

Connect with me on LinkedIn
or
Send me an email