Via Biomedical
website redesign concept

Via Biomedical Screenshot

The Project


Understanding the Client

The Challenge

Via Biomedical company specializes in custom catheter design and manufacturing. The project required an entire website overhaul, with an emphasis on improving content architecture, navigation, and designing an interactive component that showcased the unique features of custom-tailored catheters.

The Action

After adapted the print collateral to be web friendly, the copy was reorganized and consolidated into a fewer number of higher quality content rich areas to improve user experience. The main navigation was enhanced to reflect and reinforce the improved hierarchy. The interactive map included an icon based navigation bar where the user could select an icon that corresponded to a part in the body. Once clicked unique product content would then populate using JavaScript.

The Results

The development team built the new site based on the pixel perfect design files.

Role

  • UX & UI Designer

Tasks

  • Research
  • Sitemaping
  • Wireframing
  • Image preparation and Iconography
  • Visual Design

Tools

  • Photoshop
  • Illustrator

Features


Previous Design

Via Biomedical Previous design

Print Collateral

Via Biomedical Print Collateral

Color Schemes

Fonts

Page Titles — Titillium Web

font Titillium Web

Section Titles — Titillium Web

font Titillium Web

Paragraphs — Lato

font Lato

The Design


Homepage

Via Biomedical Homepage

Interior Pages

Via Biomedical Interior Page
Via Biomedical Interior Page
Via Biomedical Interior Page

Interactivity