Magnify Biosciences Website

Magnify Biosciences Inc is a biotech company that provides user-friendly and rapid imaging kits. This project delivered a website that provides detailed information about the company and products at their current scope, with features that allow users to request and the company to provide a quote in a streamline manner.

  • Project Type: Freelance project

  • Duration: 2 weeks; 08-09/2024

  • My Role: Web Designer & Developer

  • Tools: WordPress, Elementor, Woocommerce

01. Product Pages: Enlist Detailed Information & Maintain Clean Interfaces

As a biotech company, Magnify Biosciences required the product pages to include all the detailed information about the products, which included rich text, procedure videos, sample gallery and more. Listing all the information on the page while keeping the layout clean with optimal user experience was a challenge. To do that, I incorporated accordions and tabs to ensure the information was laid out according to the sequence of reading and organized in a way that was easy to navigate.

02. Pop-up Forms: Streamline Quote Request

I implemented pop-up forms to intake all the necessary information for providing a quote. The forms were filled with multiple steps to implement conditional logic and avoiding overwhelming information on the screen.