Soft blue gradient circle

Building Clarity Around
Complex Science

From brand identity to digital experience, we partnered with BioClé to transform a complex biotechnology platform into a clear, modern, and credible brand.

From brand identity to digital experience, we partnered with BioClé to transform a
complex biotechnology platform into a clear, modern, and credible brand.

Soft violet gradient circle

OVERVIEW

BioClé develops advanced delivery systems using bacterial extracellular vesicles to transport bioactive compounds with precision.
Our role was to build a visual identity and website capable of communicating that innovation in a way that felt accessible, differentiated, and ready for growth.

WHAT WE DID

Brand Strategy Platform

Brand Design System

Buyer Persona Development

 Decks & One-pagers

UX/UI High-fidelity Prototyping

Website UX & UI Design

Website Development

Website Copywriting

Visual Systems

Brand Identity

Direction Motion

PLATFORMS

Framer

Google Analytics

Google Tag Manager

Figma

Adobe  Premiere

Adobe After Effects

Adobe  Premiere

Foundations

A Brand Designed for Precision

Narrative & Messaging Structure

A communication framework created to simplify scientific complexity through clearer hierarchy, accessible language, and delivery-focused storytelling across the digital experience.

Precision and Protection

Precision and Protection

Engineered encapsulation systems designed to protect bioactive compounds while enabling targeted and controlled delivery.

Delivery

Bacterial extracellular vesicles designed to transport compounds with precision.

Efficacy

Improving the performance and real-world impact of bioactive compounds.

Brand Positioning Framework

A positioning system designed to communicate BioClé’s role as a next-generation delivery platform focused on precision, efficacy, and real-world application of bioactive compounds.

Title

Title

Aa

Aa

Aa

Literata

Literata

Typography

Typography

Subtitle

Subtitle

Aa

Manrope

Manrope

Color palette

Color palette

WEB

Creating a Distinct Visual Language

The visual identity was designed around concepts of movement, encapsulation, precision, and controlled delivery. The system balances scientific aesthetics with a more contemporary and approachable visual language.

Visual Language System

A modular identity system combining particle-inspired structures, soft gradients, minimal layouts, and motion principles connected to transport and delivery systems.

Transparent human body highlighting the digestive system, illustrating targeted delivery of bioactive compounds in the gut

Delivery Defines

Performance

Motion & Interaction Principles

A set of interaction behaviors and motion guidelines designed to reinforce ideas of movement and targeting while maintaining a calm and premium interface experience.

Pop-out Tilt Image
Pop-out Tilt Image
Pop-out Tilt Image
violet gradient

Visual Language System

A modular identity system combining particle-inspired structures, soft gradients, minimal layouts, and motion principles connected to transport and delivery systems.

Transparent human body highlighting the digestive system, illustrating targeted delivery of bioactive compounds in the gut

Delivery Defines

Performance

Motion & Interaction Principles

A set of interaction behaviors and motion guidelines designed to reinforce ideas of movement and targeting while maintaining a calm and premium interface experience.

violet gradient

Visual Language System

A modular identity system combining particle-inspired structures, soft gradients, minimal layouts, and motion principles connected to transport and delivery systems.

Transparent human body highlighting the digestive system, illustrating targeted delivery of bioactive compounds in the gut

Delivery Defines

Performance.

Motion & Interaction Principles

A set of interaction behaviors and motion guidelines designed to reinforce ideas of movement and targeting while maintaining a calm and premium interface experience.

Pop-out Tilt Image
Pop-out Tilt Image
Pop-out Tilt Image
violet gradient

Digital Experience

Translating Science Into a Clear Experience

The website was developed to guide users naturally through the platform, helping explain complex technology through structure, pacing, and modular storytelling.

Abstract circular shape inspired by a cell or vesicle, symbolizing targeted bioactive delivery
Abstract circular shape inspired by a cell or vesicle, symbolizing targeted bioactive delivery

11:34

11:34

See also

ONCOLIQ

How social media was used to validate patient recruitment

Ready to grow your impact?

If your innovation can change the world, we’ll make sure the world understands it.

Close-up of a hand holding a scientific instrument with a green filter effect.

Ready to grow your impact?

If your innovation can change the world, we’ll make sure the world understands it.

Close-up of a hand holding a scientific instrument with a green filter effect.

Ready to grow your impact?

If your innovation can change the world, we’ll make sure the world understands it.

Close-up of a hand holding a scientific instrument with a green filter effect.