UX - Complete redesign of Web portal

BeamReaders asked the creative team at Affirma to redesign their online web portal which dentist and imaging centers can upload their scans to be reviewed by their expert team of radiologists. After various interviews with the team and some brainstorming we created a UX roadmap that would eventually lead us to BeamReaders latest web portal. 

We started by nailing down our personas and landed on 3 different users; Customers (imaging centers, dental clinics, etc.,) Beamers (Radiologists) and Admins. We started with a list of workflows for each of the user groups that were currently in place and began picking those flows apart figuring out in which areas we could essentially reduce friction and expedite work streams. After an exhaustive list of workflows we began with a couple of variations of navigation concepts and from there we built the frameworks that the Web Portal would live on.

 
 
BR-Laptop-Mock.jpg

We wanted to build a platform that would not only streamline workflows but one that could support the growing workforce that is estimated to follow.

- Cory Hatcher, CEO BeamReaders

 
 

To test our designs we used Axure RP to produce a clickable prototype (yes, we made one prototype for each of the three user groups). Using the prototype we were able to quickly test workflows with their current user base to get immediate feedback from average users to the more advanced power user. The end result landed in an intuitive dashboard design that presented contextual data that helps the BeamReaders radiologist work faster which leads to increased volume of cases that are processed through the BR platform. While Patients and Practices are able to review their case information on a secure HIPAA compliant manner on their own dashboard view. The Web Portal was launched earlier this year and has been well received by users.

Graphic Design - Visual Refresh

After a complete UX refresh we were soon working on a visual refresh. Unfortunately it's hard to come by many stock photos of CBCT imaging centers so when asked to provide images for a list of services I decided to go the illustrated route. Meant to be used a fairly larger size these will always be accompanied by it's description just in case my doodle of Cephalometric Projections doesn't quite come across. 

 
 
 
Asset 40.png
 
 

Graphic Design - Visual Refresh

After a complete UX rehaul we were soon working on a visual refresh. This included a redesign of their current site beamreaders.com along with various trade show materials. We quickly found out that it's hard to come by many stock photos of CBCT imaging centers so when asked to provide images for a list of services I decided to go the illustrated route. Meant to be used a fairly larger size the icon set above will always be accompanied by it's description just in case my doodle of Cephalometric Projections doesn't quite come across. 

 
 
Squarespace Site.jpg
 
 

While things were moving along the public facing site was for lack of a better term a hot mess. It was built using older technology and was overall hard to digest any of the information plastered across the site. While we eventually plan on a complete rebrand, due to time constraints we stuck with their current logo but refreshed the overall design of the site. With time and budget restraints we decided to go the route of using SquareSpace (which you're on this very moment) as a sort of interim site while we hold off on a complete rebrand and build a custom site. We found it simple enough to design in while robust in features that the client needed such as e-commerce, announements and FAQs for people migrating to the new web portal.

While it's still limiting in some ways we find it to be a very useful platform and even gives site analytics to see who's coming to the site and what content gets clicked on the most. It's modular design allows us to play around with the way information is laid out on the screen to keep users engaged and keep them on the site long enough to decide they want to go with BeamReaders.