Diabetes Portal Redesign

DESIGN CHALLENGE

Animas, a company that specializes in insulin pumps, approached us to redesign their online experience to better understand their customers' current needs.

RESULTS

A new website with updated navigation, design, content and imagery.
This redesign led to an 11% increase in pages visited per session, 13% decrease in bounce rate, 15% increase in session time, 27% increase in conversion rate and 87% increase in visits to the e-store.

Some of the new website features include:

  • Obvious links for supply reordering to improve the conversion rate.

  • Flexible tile design that allows for new content to be rotated in when needed.

  • Engaging contextual photos to increase interest and encourage users to read more

  • Persistent calls-to-action to guide users and convert them to leads.

  • New content and consistent and accurate breadcrumb trails.

  • Modern, colorful, responsive design to build trust in the brand.

My roles

Research
Wireframes
Prototypes
Usability testing
Aesthetics

Old Animas.png

INITIAL RESEARCH

To begin understanding which aspects of the current website were working and which weren't, we started gathering insights from anecdotal information from the inside sales team and customer feedback data.

We discovered that the current account pages were confusing, the top navigation structure and process of reordering supplies were unclear, the labels were too broad, and managing prescriptions and insulin pump warranties was difficult.

CURRENT/FUTURE STATES

With the findings collected we were able to create a current-state journey map highlighting pain points and future-state solutions.

Sketches.png

INITIAL SKETCHES

After multiple whiteboarding sessions and discussing the website's information architecture with our content team, I started sketching ideas for its possible appearance. I also sketched ideas for the e-store and responsive versions.

Wireframes.png

WIREFRAMES

Once the team agreed on this direction, I started designing wireframes for testing based on the client's web design framework for desktop and mobile devices.

For the main website, I designed wireframes for navigation, search, the online classes workflow, footers, and general page layouts.

For the e-store, I focused on navigation, login screens, search, modals, shopping carts, footers, the product purchase workflow, user accounts, and the bill payment workflow.

VISUAL DESIGN

Due to a tight deadline, other designers were brought onboard to collaborate on creating all the assets and components that define the aesthetics for both websites.

SPECIFICATIONS

As a final step, I created the specification documents required by the development team in India.