BioRasi
My role: UX/UI designer
Overview
While conducting the heuristic evaluation for Biorasi's landing page, I identified many inefficiencies such as the long scrolling that customers were experiencing in order to view all of the company's services, the user interface was missing back buttons and some of the CTAs were blended into their background making the website inaccessible and confusing.
While conducting the heuristic evaluation for Biorasi's landing page, I identified many inefficiencies such as the long scrolling that customers were experiencing in order to view all of the company's services, the user interface was missing back buttons and some of the CTAs were blended into their background making the website inaccessible and confusing.
Competitive Analysis
Before starting a redesign proposal, I started researching the information architecture of other companies similar to Biorasi. I looked at Syneos Health, CrownBio and Covance.
Before starting a redesign proposal, I started researching the information architecture of other companies similar to Biorasi. I looked at Syneos Health, CrownBio and Covance.
These companies had their information structured in a way that made it easier for users to navigate their sites. These findings helped to provide a foundation for the proposal for Biorasi's redesign.
The proposal
The redesigned homepage offered users a carousel functionality that allowed them to see all the services that Biorasi offered without having to scroll down the lengthy page. The pages would transition every 5 seconds, showcasing each of the company's highlights.
The redesigned homepage offered users a carousel functionality that allowed them to see all the services that Biorasi offered without having to scroll down the lengthy page. The pages would transition every 5 seconds, showcasing each of the company's highlights.
These screens were initially placed in vertical order, which the user had to scroll down the long page to access this information. The redesign puts these screens in focus on a carousel, showing the pages up top within the frame of the user's view.