AI-Driven Chemistry Tool for Medicine
2020 - entos.ai
This screen shows the workspace with four molecules and different properties.
Product Context:
The client uses machine learning technology for energy and force evaluations required for R&D labs. Its technology assists in analyzing quantum molecular simulation. The software uses mean-field-cost quantum calculations to analyze the data for the atomic representation of the molecules and can detect molecular spaces in a molecule. One of the products of the company is a simulation engine that assists with the molecular detection and modeling process.
In 2021 the company raised $53M in Series A, and in 2022 it was mentioned in Forbes AI50. It was selected from over 400 entries of companies making the most interesting and effective use of AI technology.
The Challenge:
I lead the design from scratch works of an advanced web-based utility tool that assists in solving chemical problems on molecular reactions using multiscale methods for the simulation of a small, chemically important region or in a larger, complex chemical environment. You can use it to calculate and compare properties of molecules, explore reaction pathways, measure bonds and angles, edit geometries, and export images and videos. I was responsible for both the design discovery and delivery phases.
I worked on both the discovery and delivery phases, from competitive analysis, defining user flows, wireframes, IA studies, ideation sketches, and explorations to high-fidelity prototypes, motion design, and documentation,
I designed for the client the marketing webpage, technical documentation, logo, and some branding elements
I work on chemistry computation dashboard design.
I worked on a tool that helps manage, plan, collect data, and visualize chemical experiments that lead to drug discovery.
Deliverables:
Ideation sketches and explorations
Workshops
Studies
User flows
Wireframes
Information architecture explorations
Low-fidelity prototypes
Iterative updates design
High-fidelity prototypes
Motion design
Documentation
Brand book
Design system
Webpage structure and design
With Envision you can calculate and compare properties of molecules, explore reaction pathways, measure bonds and angles, edit geometries, and export images and videos - image by entos.ai
Orbitals visualization - image by entos.ai
IR Spectra property - image by entos.ai
Surfaces property - image by entos.ai
Coordinate interpolation - image by entos.ai
Data browser - image by entos.ai
The creative process is complex and hard to define, but when ideas are generated, the simplest way of communicating them is by drawing.
We decided to make the app in both light and dark mode. All repetitive elements were saved in a design system.
A basic user flow. We wanted to give users an easy and quick access to all most used elements.
Early concept of the data browser.
Early concept of the main window - light mode.
Early concept of the main window - dark mode.
Early concept of the export modal - light mode.
One of the early concepts of workflows.
Early concept of the workflow details.
Early exploration of databases browser.
UI explorations
Webpage organization sketches
I made many high-fidelity prototypes to create convincing and credible testing materials.
The company website proposal
Team page details
Branding colors and their implementation in the design system
Company logo details
Fonts and typography grid details