MetalloBio.

Our first step was understanding how to build MetalloBio’s new redesigned website and foundations as an organisation. We started with an Impact Mapping session, a collaborative exercise that distilled the company’s goals and challenges into clear actionable insights for the website. This allowed us to answer critical questions:

• What drives their mission?
• Who are the key stakeholders in achieving this mission?
• What behaviours or actions do we need to encourage?
• What barriers might stand in their way?
• How can we overcome these challenges?

This map didn’t just outline a strategy, it offered a lens through which we could prioritise content, identify user needs, and design a website structure that made sense. From here, we created a sitemap to visualise the flow of content, balancing accessibility with engagement. This structured foundation allowed us to design efficiently, ensuring every page had purpose and clarity.

Discovering MetalloBio’s brand ambition and identity

Through branding workshops, we dove deeper into MetalloBio’s identity. These sessions weren’t just about aesthetics; they were about uncovering the heart of the organisation - what drives them, how they want to be seen, and the impact they hope to achieve.

Through the use of different branding activities, we encouraged divergent thinking to uncover fresh perspectives. These exercises helped define MetalloBio’s ambition as a company that combines groundbreaking innovation with approachable expertise, challenging the norms of the pharmaceutical industry.

From these insights, we developed a brand foundation document - a guide that distilled their mission (“Driving out life-threatening infections with radical antibiotic solutions”), values (resilience, collaboration, excellence), and tone of voice (confident yet approachable, thoughtful yet purposeful). This document became a cornerstone for all design and communication efforts.

The visual identity

The aim of the branding work was never to start again from scratch, but instead the focus was building on top of and being sympathetic to the current logo, styles and colours to respect and pay tribute to the legacy of Dr Kirsty Smitten (MetalloBio’s co-founder), who sadly died from serial lung infections following treatment for the rare and aggressive cancer, cardiac angiosarcoma.

Building on their established aesthetic, we updated their visual assets to reflect their modern, confident, and innovative personality.

Deliverables included:

A refreshed logo - Adjustments ensured greater versatility across digital and print.

Updated fonts and colour palette - These elements balanced professionalism with a modern edge, emphasising clarity and approachability.

Business and presentation materials - From slide templates to letterheads and business cards, each piece was designed to reflect MetalloBio’s credibility and innovation.

These assets were packaged and organised for convenient use, ensuring that any future collaborators can maintain their visual identity and language consistently while allowing flexibility.

We ensured that the site wasn’t just visually compelling but also a platform to amplify their mission. The design needed to embody their “groundbreaking yet grounded” approach, using clean lines, calming colours, and bold accents to convey not only confidence but urgency.

We worked closely with MetalloBio to develop an effective and engaging website architecture. This was done by working with them to develop a content structure that informed the new website design. Each layout highlights MetalloBio’s three pillars of innovation, awareness, and advocacy while ensuring easy navigation for diverse audiences.

The website features and improvements had to appeal to their target audiences which were investors, partners as well as the general public with an interest in antimicrobial resistance (AMR).

Our Head of Creative, Allan, gathered all the relevant information to create fresh design templates that are modern, user-friendly and that better communicate MetalloBio’s work.

We helped transition MetalloBio from their old SquareSpace Content Management System (CMS), which restricted them by having limited features and functionality to WebFlow. WebFlow has a combined design tool and CMS which reduces the time we can design and develop a site, whilst still producing a high-quality product that is responsive and accessible.

By choosing this CMS for MetalloBio they will gain various benefits and free them from previous limitations. For example,

• A user-friendly experience that simplifies the design process.
• Freedom to create a website without being tied to a template, allowing them to differentiate themselves from competitors.
• The capability to concept and build all within one system, enabling rapid development and adaptability to change.
• An integrated responsive design feature which ensures minimal development work, means the new site will be responsive across the latest mobile and tablet devices.

Webflow: Designing a CMS-Driven Website

Webflow allowed us a quick and easy way to transform design concepts into a fully functional and content-managed website. It includes:

• Dynamic CMS - Giving MetalloBio the ability to manage blog posts, case studies, and other content independently, reducing reliance on developer or designer input.
• Responsive Design - A quick way to ensure that the site works across devices, providing a consistent experience for users.

Miro: Facilitation Workshops and Ideation

Miro was the backbone of our discovery and collaboration workshops. This tool helped us:

• Brainstorm Ideas - Using digital whiteboards, we developed ideas and mapped out concepts such as impact maps and audience personas.
• Enhance Engagement - Helped with interactive exercises like card sorting and branding analogies, which allowed us to keep sessions dynamic and inclusive.
• Maintain Alignment - All workshop insights were captured in one place, making it easy to reference and build upon as the project progressed.

Adobe Illustrator: refining the brand identity

Adobe Illustrator was essential for crafting and fine-tuning MetalloBio’s visual assets. We:

• Refreshed the Logo - Made adjustments to ensure scalability and readability across digital and print mediums
• Enhanced Visual Elements - created high-quality graphics and icons that aligned with the updated brand foundation

Developed Templates - Designed professional slide decks, letterheads, and business cards to ensure MetalloBio’s branding remained consistent across all channels.

We’re here to help you create digital and service experiences that are user-friendly and genuinely meaningful.

By working closely with you and focusing on inclusivity, we examine how people naturally interact with your products and services, helping you shape or improve your ideas.

Our services include research, design, and branding to develop accessible websites, software, and applications. We use the right tools and technology to bring your vision to life.

Want to start a new project? Contact us here.