This is one part of a comprehensive breakdown of my work with Macrometa. Looking for the entry point? Start here or explore related projects below.

Revamping Macrometa's website was an essential first step in bringing Macrometa's brand refresh to light. The previous site design was based on a Webflow template that had fallen into a state of disrepair and could be scrapped entirely. This was an opportunity to start with a clean slate.

The new design introduced a sharp, modern aesthetic that captures the essence of Macrometa's cutting-edge technology. We prioritized simplicity and visual impact, resulting in a clean, minimalist style infused with bold typography, streamlined graphics, and a refined color palette.

Macrometa home page The new Macrometa home page.

Visual metaphors can be useful in conveying complex ideas and building visual associations in the minds of your viewers, without needingn to actually say anything. They can also just look nice and make a design more interesting.

The accent illustrations that frame the homepage and landing page hero sections introduce a visual metaphor for the underlying technology of the company. They give shape and texture to abstract concepts like "flexible, real-time data layer for the edge". They feel a bit futuristic without being overly indulgent.

Macrometa homepage graphic

Macrometa homepage graphic

Thematic illustrations used throughout the website and branded collateral.

Macrometa's brand typography is centered around the Averta typeface, a geometric san-serif family that combines the stable reliability of rounded geometric glyphs with an open, refreshing playfulness. It looks great for large headlines while maintaining sharpness and legibility at smaller sizes.

Macrometa web content Feature tiles from a product landing page.

I developed this streamlined graphic style for illustrating technical concepts in a way that's visually interesting without clashing with the flow of content.

Macrometa web graphics 1

Macrometa web graphics 2

Streamlined graphic style for illustrating technical concepts.

Macrometa landing page Product landing page.

This redesign effort not only elevated Macrometa's online persona but also set a new tone in how we communicate with our audience, blending technical sophistication with a clear, approachable style.

Macrometa Brand Refresh
Redefining Macrometa's visual identity and design aesthetic, with a little help from our most beloved cephalopod friend.
Preview image for "Macrometa Brand Refresh"
Macrometa Product Design
Reimagining Macrometa's core product experience with a sharp new visual aesthetic, interface patterns and best practices, and an emphasis on clarity and simplicity.
Preview image for "Macrometa Product Design"
Macrometa Design System
A comprehensive toolkit empowering Macrometa's design and web engineering teams with composable styles, patterns, tooling, and best practices.
Preview image for "Macrometa Design System"
Macrometa Video Production
Establishing Macrometa's video channel in support of our first online promotional event, producing hours of quality video content and supporting assets.
Preview image for "Macrometa Video Production"