Digital Drug:
Discovery, Branding and Web Design

Creating the brand

To capture the essence of Tetra-d, we immersed ourselves in the world of organic chemistry, exploring the molecular structures and patterns that define the field. Our research inspired us to incorporate these elements into the visual design, creating a cohesive and scientifically grounded representation.

One of the key features of the concept is the use of the letter “T,” which is designed to mimic the structure of a helix, symbolizing the intricate processes involved in drug discovery. The helix serves as a metaphor for both the complexity and precision of the platform, embodying the connection between biology and technology.

In our continued search for the ideal logo, we took inspiration from tetrahedral molecular geometry. The custom “T” reflects the stable, balanced structure of the tetrahedron, symbolizing Tetra-d’s precision in drug discovery.

Next, we decided to introduce a human element by incorporating a playful doctor’s face wearing a mask into the logo. Masks are universally worn by lab professionals, serving as a recognizable symbol in knowledge-intensive fields such as biology and drug development. This addition not only adds a friendly touch to the design but also reinforces the connection to the medical and scientific communities.

In the next iteration of the logo, we drew inspiration from the structure of a protein and merged it with the letter “T.” This approach resulted in a unique symbol that works effectively both as part of the wordmark and as a standalone icon.

This version was the winning design. We developed a modern and tech-forward visual identity to support the logo, ensuring it aligned with the platform’s innovative nature. In addition, we created comprehensive brand guidelines to establish consistent usage of the logo and maintain the integrity of the brand across all platforms.

The initial plan was to create a multi-page website that would explain the workings of Tetra-D’s innovative model, detail its core principles, and provide insights into the broad applications of the team's developments.

However, after assessing the volume of information and the project timelines, we proposed creating a single-page presentation website based on Webflow. This option would clearly communicate the model’s uniqueness and applicability to pharmaceutical companies and top executives.

After several design iterations, we decided to move away from using stock images and videos. Instead, we discovered a graphical insight in utilizing hundreds of real images of diverse DNA molecules, which form the foundation of this specific product.

So this is how the hero section was born.

We also utilized simplified models of these molecules to visually demonstrate what lies 'under the hood' of the product without delving too deeply into the intricate details.

To showcase the competitive advantage of Tetra-D's technological solutions, we incorporated a small animation of key metrics into the design, which activates as users scroll through the page.

Speed

Confirmation per minutes

Tetra-D

Fpocket

deepsite

sitemap

1,000

82

0.2

0.2

5,000x

faster than the leading commercial solutions

2.5x

more true positives than by leading solutions

4x

less false positives than by leading solutions

And since this site is partially used as a presentation deck, some of the information was designed in a slide-style format.

Naturally, the website is fully responsive, optimized for fast loading, and easily updateable by the client.

Visit the website