For our educational program, when an author/chemistry content member has to make a molecular drawing for a problem, they have to go through this process:

User makes drawing in ChemDraw (3rd party tool)

User exports drawing in code and edits code

Code is sent off to developers to put into software

How could we simplify the process? The solution: make our own drawing tool.


To get inspiration for this tool, I looked at the layouts of different types of drawing tools.

Adobe Illustrator

I also looked at our chemistry drawing tool in our student interface:

Initial Designs

Based off my research and business needs, I came up with the following options:

Final Design

Final design based off feedback from stakeholders and the development team.

Interactive Prototype: https://o4yads.axshare.com

Developed Version

Final version of the chemistry drawing tool