BAF

Sales Portal

About the Product

The application was designed to help the sales staff create custom quote presentations. We met with BAFs sales staff to better understand their current process, what was working well for them, and what was lacking. The primary business driver for this application is to reduce the amount of time staff needs to create these presentations. The existing process was entirely manual for them.

Role

Generative Research, UI Design, Lo-Fi Prototyping, Visual Design

Project

This project was a significant redesign to replace an existing thick client tool with a more modern web-hosted experience. 

Challenges

Generative research provided product strategy and feature direction. We used these key principles to guide us during design and implementation:

Do No Harm
Build on existing command-line infrastructure (Identical commands and content)


Flexibility
Allow for quick, inexpensive addition of new capabilities.
No installation of software or plugins!


Efficiency, Efficiency, Efficiency
New web-enabled capabilities will make experts and new users more efficient
Little to no mouse interactions needed to use the interface

UX Process

To be sure we're addressing the right problems I built a prototype that we used to align the business's expectation with product direction. I worked with the in-house User Research Team to schedule a series of sessions to test the usability of primary task flows and understanding of new features. We went through several iterations adjusted labels, feature placement, and added functionality to better meet this user group's needs.

To ensure these users did not have to take their hands off the keyboard we provided keyboard shortcuts for accessing panels and pages. Certain interactions return focus to the command-line and the user can tab through the elements on the screen to interact with them.

The end result was a product that users found easier to use, 84% easier to use according to our marketing survey, and gave them a modern web experience.

  • 1492668456_Dribbble
  • LinkedIn Social Icon
  • Instagram
  • behance

© 2017 by mlbonneville