DrugBank is a dynamic database operating in a complex environment, with over 1 million users per month accessing their information. We were asked to develop a design toolset for DrugBanks’s team of developers that would improve the functionalities and visual design of the database. It was important to the DrugBank team that we approach the redesign 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.
Based on Drugbank’s values and insights gathered through research, Educe developed a visual design language as a tool for the Drugbank team. A cohesive visual design system along with user experience strategies was designed for their current web application and 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. In addition to the global look and feel, we worked with DrugBank to redesign their landing page and filter functions, as well as making considerable improvements to their device-responsive design.