FOR DRUGBANK

Building a design language for medication knowledge.

DrugBank is a globally recognized data resource for trusted information on medications, bioinformatics, and cheminformatics. DrugBank is a dynamic database operating in a complex environment, with over 1 million users per month accessing their information. ED&I was asked to expand the company identity and their web-based application, and to develop a design toolset for DrugBank's team of developers that would improve the functionalities and visual design of the database.

ED&I built a modular design language that can be applied across all DrugBank product touch points — providing an expansive visual language that can grow with Drugbank’s products. It was important to the DrugBank team that the redesign be approached using visual design strategies that would avoid large changes to the underlying structure of the web application, making the new design transition as easy as possible for users. ED&I developed a cohesive visual design system along with user experience strategies for their current web application that can be modularly applied to adaptations of the database and future products. Synchronizing features and developing across multiple products takes significant effort. The new design language mitigates repetition of the same work or inconsistencies across platforms, increasing the efficiency of the team to dynamically evolve their software and respond flexibly to demands and change.

The Client

DrugBank

Year

2017

Brief

To expand the company identity, improve UI aspects of the web experience and to develop a visual design toolset for DrugBank's team of developers.

Solution

ED&I developed a visual design language as a tool that the DrugBank development team could apply flexibly to multiple products and applications.

Links

drugbank.ca

Services

Product-Service-System Strategy

User Experience Design

Illustration

User Interface Design

Mobile App Design

The UI of key sections and functionalities were redesigned to improve the user experience, such as the landing page and filter functions, and considerable improvements were made for the device-responsive design.

UI ELEMENTS