Branding
Design
Webflow

Code Metal

Brand identity and dynamic website for the pioneers of next-gen edge development.

ABOUT THE CLIENT

CodeMetal redefines the rules of edge development, refusing to follow trends and choosing instead to set its own path. Built by engineers from MIT, IBM, and Microsoft, CodeMetal’s platform doesn’t just "support developers", it supercharges them. Run code anywhere. Smash supply chain bottlenecks. Own every line of your code

Project Type

UX/UI

Webflow Development

Deliverables

Website

Year

2024

01

Discovery

Overview

CodeMetal is reshaping edge development with a streak of rebellion and an unyielding drive for performance. Their mission isn’t about offering support, but rather about taking control. By enabling developers to run their code anywhere and untangle supply chain roadblocks, CodeMetal isn’t following the rules of software development, it’s rewriting them. Founded by engineers from MIT, IBM, and Microsoft, the company fuses technical mastery with fearless ambition, cementing its role as a leader in the future of edge technology

02

Define

The challenge

For all its technical swagger, their website was flat. It looked like it belonged to a company that "makes software," not one that’s tearing up the edge development rulebook. It failed to capture the disruptive energy and innovation that CodeMetal is known for

03

Ideate

Our approach

If CodeMetal were a person, it’d walk into a room and take up space. We needed the website to do the same. No quiet entrances. No "safe" design choices. The site had to feel like power at every click. Every scroll had to snap. Every headline had to hit like a punch. No fluff. No "about us" drivel. Just energy. Just edge

04

Create

The solution

We threw out the playbook. Templates? Forget it. This project wasn’t about "meeting expectations"—it was about defying them. Here’s how we did it:

  • Identity with Teeth: We didn’t "refresh" their visual identity. We sharpened it. Harder edges, bolder color hits, and a typographic presence that doesn’t blink first.
  • Words that Hit Hard: No tech jargon. No over-explaining. We wrote like we had something to prove. Short, sharp, and confident—like the way CodeMetal moves.
  • The Webflow Power Move: Built on Webflow for speed and agility. Custom animations make every scroll feel deliberate. The site moves with purpose, just like the platform it’s showcasing
No items found.
Vertically Results

05

Results

The Impact

This site isn’t something you "browse." It’s something you experience. It’s fast. It’s sharp. It’s intentional. You don’t click around aimlessly—you’re pulled into the world of edge development and suddenly, you’re part of it. Visitors stay longer. They move deeper. They get it.

Since launch, CodeMetal’s digital presence has shifted from "company with a website" to "company with presence." Conversions are up. Interest is up. People are talking. Visitors don’t just glance around; they immerse themselves, fully engaged in the experience. And that’s the difference. The power isn’t just in the platform anymore. It’s in the story that surrounds it.

No items found.
Vertically Results

06

Credits

whO MADE IT HAPPEN?

Barbara Mota - Webflow Designer
Alicia Calderon - Design Lead

Let's talk

Thank you! Your submission has been received!
Back to website
Oops! Something went wrong while submitting the form.
Wait, are we breaking up already?
We were just getting started. Let us know how we can help, and we’ll get back to you faster than you can say 'Studio by Miyagami.'