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.

Discovery and Definition

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

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.

Design

Color and Branding

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

Design System

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.

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)

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.

Discovery and Definition

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

Design

Color and Branding

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

Design System

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.

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.

Interaction Design

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.

Mobile device with landing page content and button to start a search, and mobile device with left navigation open

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.

Delivery and Impact

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.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Design

Color and Branding

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

Design System

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.

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.

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)

Delivery and Impact

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.

Discovery and Definition

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

Design

Color and Branding

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

Design System

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.

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.

Delivery and Impact

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.
Client
AMSTAT
Year
2022
Industry
Aircraft Sales

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.

Discovery and Definition

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

Design

Color and Branding

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

Design System

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.

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.

Interaction Design

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.

Mobile device with landing page content and button to start a search, and mobile device with left navigation open

Delivery and Impact

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.
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.

Discovery and Definition

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

Design

Color and Branding

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

Design System

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.

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.

Search Results

Mobile
Responsive screen search results mobile view
Tablet
Responsive screen search results tablet view

Company View

Mobile
Responsive Design mobile view of fleet details screen
Tablet
Responsive Design tablet view of fleet details screen

Interaction Design

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.

Mobile device with landing page content and button to start a search, and mobile device with left navigation open

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)

Delivery and Impact

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.

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.

Discovery and Definition

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

Design

Color and Branding

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

Design System

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.

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)

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.

Discovery and Definition

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

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.

First Iteration

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)

Delivery and Impact

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.

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.

Design

Color and Branding

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

Design System

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.

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)

Delivery and Impact

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.
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.

Discovery and Definition

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

Design

Color and Branding

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

Design System

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.

blurred image with text overlay stating "member and authorization details take up more than half of the screen."
blurred image with text overlay stating "To edit an existing item they click the link."
blurred image with text overlay stating "All the sections can be expanded, but start off in the collapsed state."
blurred image with text overlay stating "Member and authorization details take up more than half of the screen."
blurred image with text overlay stating " There is no clear indication where a user should start or continue their workflow."

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.

Interaction Design

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.

Mobile device with landing page content and button to start a search, and mobile device with left navigation open

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)