UI Design Mockups on an iPad showing an order screen with data entry items

Btrue

Note: Btrue is an alias name

Btrue provides doctors and their patients leading-edge healing treatments with their innovative biomedical technology. Their sales team was looking for an easier way to engage with doctors, so an iPad App was created to manage the end-to-end relationship from lead to order.

Challenges

The project began in 2013, which was only a few years after the original iPad was released. This provided a fresh canvas for new interaction patterns and designs, but a challenge given the lack of conventions and familiarity.

Some of the project goals were fairly ambitious, such as a digital signature input, full CRM with scheduling, and inventory management.

Contributions

  • Prototypes
  • Wireframes
  • UI Design
  • Front-end Development

Design Process

Given a tight timeline I started with discovery. Through discussions with the stakeholders I was able to sketch out ideas and concepts of key components of the app.

The sketches provided a helpful starting point and upon gaining buy-in I quickly moved on to low-fidelity wireframes.

b true home and appointments wireframes

Btrue wireframe of landing page and calendar/appointments

b true order entry process wireframes

Btrue wireframe for entering orders

b true contacts and inventory wireframes

Btrue wireframe of inventory process and contacts view

Mockups

While the wireframes provided a solid foundation and mapped out the IA, the overall "feel" of the app was missing. To help develop a better picture of how the app would look, I developed a high-fidelity mockup (shown at very top of page) of the sales-entry page.

Implementation

To help speed up development, I took on some of the front-end UI work where I developed view templates for app.