Voyant Fax
Project Specs
Project:
web portal creation
Scope:
ongoing
Methods:
user interviews, design sprint, usability testing
Tools:
Sketch, InVision, Zeplin, Figma, Atlassian
Deliverables:
sketches, wireframes, clickable prototypes, user flows, hi-fi mockups
The Company
Voyant Communications is an industry-leading unified communications provider backed by a carrier network that reaches nearly 90% of the U.S. population. They offer a portfolio of cloud-based business services including voice, messaging, fax and data. But enough of that jibber-jabber. Let’s talk fax.
The Challenge
I know what you’re thinking. Who even faxes anymore? To be completely honest, that’s what I wondered, as well. What I learned is that the necessity comes down to one thing: compliance. While email clients are sufficient enough for most people to send and receive information, this method is not in compliance with HIPAA rules and regulations. That’s where faxing comes in and the reason why the people who need it, really need it. Hospitals, banks and schools all rely on facsimile to transmit billions of pages of confidential information every year. They need a user friendly way to achieve this virtually and efficiently.
The Goals
Adapt existing API fax capabilities into an accessible platform
Focus on creating flows tailored to nontechnical users
Construct varying levels of access and permissions across the portal
Enable digital faxing without disruption by mirroring manual processes
Implement rules to meet compliance requirements
Design
API docs
Behind the scenes of the Voyant Fax web portal is an API. While powerful, this API requires a fair amount of technical knowledge and understanding to operate. The complexity often results in needing the assistance of an IT manager, engineer or tech savvy specialist at companies from nontechnical industries. Since anyone could ostensibly need to send a fax, there is a gaping hole of opportunity to extend our faxing capabilities to a larger audience.
Web portal
The Voyant Fax web portal leverages the API’s adeptness while offering a simple user interface to initiate the same calls and functions. Buttons, steppers and confirmation messages lead the user through flows to complete these actions without even having to think about it.
Our Approach
Since we were building the portal from scratch, the first step was to speak with potential users to get a better idea of what they might be looking for. Conducting one-on-one interviews allowed me to develop potential use cases and scenarios to keep in mind. After gathering valuable feedback and feeling much more informed, I felt ready to move onto the next phase of our fax exploration.
We decided to hold an offsite design sprint with the product team and subject matter experts. We started the week with a broad idea and spent each day narrowing the scope and defining what should be included in v1. We leveraged affinity mapping, storyboarding, sketching and wireframing to develop our purpose and direction.
Initial Feature Set
Main functionality:
Faxing: ability to send and receive faxes
Fax tracking: dashboard to display fax activity and status
Roles: admin and user accounts with different levels of access
Numbers: allow fax numbers to be purchased and assigned
Stretch goal functionality:
Groups: ability for multiple accounts linked to a single fax number
Admin log: compilation of all user activity within organization
Fax log: live record of all incoming and outgoing faxes within organization
Number inventory: register of all numbers and assignments
Demo & Usability Testing
After compiling our initial feature set, I hunkered down to build out high fidelity screens based on the sketches and wireframes from our design sprint. Before any of the portal was developed, I wanted to test our assumptions to ensure that we were taking the best approach.
To my delight, there was a customer so interested in our product that they wanted to see a demo from the prototype, even though none of the portal had yet been built. I ventured out to West Virginia University to provide a presentation and run in-person usability tests with 5 individuals who would be active users. I arrived armed with my official test plan, script and meeting schedule. I recorded each of the sessions for reference and took detailed notes on the participants’ reactions, excited to share them with my team.
Synthesizing Results
The usability test recordings and notes came in handy as I could revisit each with renewed focus. I was then able to pick out three main topics that would benefit from further iteration:
Improved search: searching and sorting capabilities will be heavily depended upon right from the start so I needed to work with the developers to optimize them as much as possible
Directory service integrations: ability to sync with an existing catalogue of users such as Active Directory
Emails notifications: alerts of incoming faxes sent to users via email should be branded and easy to read
This process also uncovered some new feature requests that had not yet been considered or discussed:
Managers: an intermediary role that allows less access than an admin, but more access than an end user
Departments: a way to divide an organization into smaller segments to be overseen by a manager
This request was borne from a use case the university was anticipating in which they would prefer all of the onus not be on a single administrator. It introduced a new persona into our original assessment of potential users. We took careful measures before determining that the feature should be included in the second version of the product to avoid scope creep in the MVP.
MVP Launch
Following one final technical feasibility review with our engineering group, we landed on our minimum viable product with a date to release. Energy and anticipation flooded through our team as the launch approached. We knew we had done our research and felt confident that we would be presenting a cohesive, structured product that would solve a common problem.
Luckily, Voyant Fax was quite well received! There were some small issues, as always, so I was available to troubleshoot bugs with developers and respond to customer inquires. In the meantime, we were well on our way to the next round of features.
Added Features
Customer requests:
Managers/departments: another layer of access and permissions
Cover page: detail page sent along with a fax to provide additional information and security measures
Resend invite: if a user did not receive their invitation from the original create account flow, it may be trigger to send again
SSO: single sign on for authentication when logging in
In-flight webhooks: instead of needing to manually reload a page to see refreshed data, it can be pushed and updated automatically
Expansions & improvements:
Whitelabeling: allowing partners and VARs to add their own branding when selling the product to their customers
ATAs: analogue telephone adapters that allow our product to interact with an old-school fax machine
Fax to email: users have the ability to send faxes directly from their own email client
Number porting: customers may bring their existing batch of phone numbers instead of needing to buy new ones through the platform
Empty states: all pages without logs or data on them provide useful information or next steps
Rebrand & Migration to Figma
After our platform was launched, Voyant Communications was rebranded as Inteliquent*, requiring an update of the portal’s logo, color scheme and design patterns. I requested that we take the opportunity to pair the rebrand with a migration of all working files from Sketch/Invision/Zeplin to Figma. This transition required that symbols be converted to components and all hotspots be reprogrammed. While it was a heavy lift, I wanted to expand my skillset, encourage collaboration and downsize to a single end-to-end platform. Overall, it was a beneficial change for all product and dev individuals.
Roadmap
We continue to iterate on this portal every day to make it more and more in line with our customers’ needs. In the future, we have plans to tackle the following:
Address book: name and store frequently used fax numbers that can be accessed from a dropdown menu when composing a fax
Packages: customers can sign up for different levels of usage best suited for their amount of faxing activity
Tagging: mark faxes with tags to associate them with others
Bulk upload: even if a customer does not have a directory service, this will still enable them to add their users all at once
TO BE CONTINUED…
As this product is ever changing, check back soon for more updates.
There’s nothin’ like a good cliffhanger, am I right?
*I was originally hired by Voyant Communications and assigned to work on the previously-acquired Phaxio product. Voyant was merged with and absorbed by its parent company, Inteliquent, in 2020. Inteliquent is in the midst of an acquisition by Sinch (expected late 2021). This is the reason for any confusion in company name, logo or representation in my portfolio and professional profiles.