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
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
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.
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
Design and Development
- 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
Original logotype
Suggestion for a new logotype
Suggest a logo update that harmonizes with the "blob" and the graphic profile by proposing an alternative font and an animated design reflecting their technical aspect associated with molecules and transformation
Different suggestions for a new logotype
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
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
