Frida Andersson

Anyo Labs

Project Overview

We were tasked with analyzing Anyo Labs' website during the winter of 2022/23 and providing input to enhance the user experience and visual appeal, as well as suggestions for animations and new images.

Anyo Labs is a medtech company specializing in AI-driven solutions for drug discovery. They have developed the world’s fastest small molecular drug discovery tools, merging chemistry and AI to accelerate research and redefine the drug discovery process. Their groundbreaking Machine Learning software, i-TripleD, rapidly screens vast libraries of compounds, revolutionizing the identification of new drug candidates.

Previous version

new version

[data-wf-bgvideo-fallback-img] { display: none; } @media (prefers-reduced-motion: reduce) { [data-wf-bgvideo-fallback-img] { position: absolute; z-index: -100; display: inline-block; height: 100%; width: 100%; object-fit: cover; } }

Challenges

Flow

Review the website flow and structure, making it intuitive

Accessibility

Ensure the website meet accessibility standards

Aligning Core Values

Review core values and adjust colors and design to align with them

Logo Evaluation

The customer appreciates their current logo but may benefit from a review since the icon shares similarities with other logos, and adapting it to the new visual identity could enhance brand distinctiveness

Priority

What should be prioritized within a tight timeline, infographics, illustrations or images?

Uncertainty

The client is uncertain about what types of images they would like to include on the website, and there are challenges in understanding the technical specifications required for the illustrations

Approach

Analysis and Research

Review the current website’s flow, content and identify gaps, through user tests
Conduct market analysis and competitive benchmarking
Identify and strengthen core values and USP through research and positioning
Recommend visual elements to make the website memorable and distinct

The "Go To" should be timeless yet distinctive

core values

Reliability

Competence

Simplicity

Speed

Accuracy

Visual Identity

Colors, Fonts & Elements

Anyo Midnight Sky HEX: #00457A

Anyo Moonlit Sky HEX: #18829C

Anyo Daylight Sky HEX: #A4CDD0

Anyo Sunny Sky HEX: #E8F3F3

Anyo UV Black Light HEX: #1D1653

Anyo UV Light HEX: #362C84

Anyo UV Cream HEX: #B1AAE9

Anyo UV Radiation HEX: #D8D4F4

Anyo Dead Nebula HEX: #3C1653

Anyo Warm Nebula HEX: #622A84

Anyo Bright Nebula HEX: #C19CD7

Anyo White Nebula HEX: #E0CDEB

Blue

Symbolizes trustworthiness, loyalty, and technology

Petrol

Evokes a clinical and fresh atmosphere with associations to technology and laboratory settings

Violet

Represents determination, passion, and a clinical tone, suitable for a technological environment

Purple

Conveys warmth, uniqueness, and a laboratory ambiance

Gradients

Enhance the clinical and technological atmosphere

Brightness

Light Background and spacing to create a clean, fresh and welcoming feeling

COMFORTAA

A font that harmonizes with the shapes of the logo icon, and is also suitable for headings with its soft, organic and welcoming forms that reflect movement

BARLOW

Ideal for body text due to its technical, serious, and professional appearance, offering clarity and readability.

Button

Shapes

Circles, molecules and organic elements in a technological laboratory environment

Motion

Enhance vitality and evoke a sense of precision and focus, while maintaining a serious impression

Brand & UI Guidelines

Develop style guidelines integrating colors, fonts, logo and animations for a unified look that aligns with core values and the customer's wish for a bright and inviting website
Recommend color adjustments to meet WCAG standards and strengthen brand identity
Propose fonts that blend simplicity and seriousness, embody timelessness and an airy feel, with organic forms and technological elements that align with the brand's core values
Introduce micro-animations to enliven the user experience

Client Priorities

Focus on enhancing the website's visual identity, colors and design language
Prioritize the development of illustrations, starting with the logo icon, followed by elements on the website that strengthen the brand's identity

Logotype Design Concept

Development of a logotype that evolves the brand identity, unifying the "blob" with the graphic profile. Through a carefully selected typeface, balanced composition and motion design, the concept highlights molecular interactions and transformation, embodying innovation and scientific precision.

Suggestions for new Logotype

Suggestions for new Logotype

Original Logotype

Result

Through research, user testing and dialogue with the customer, we identified core values and improvement areas to implement in the visual identity and website development, enhancing the overall user experience in the website and strengthening the brand