Sentra

Summary

Sentra is a data-security company: data security posture management for the cloud. The branding came from studio Firma as a brand book, and the build was passed to studio N1, where I worked as a freelancer. From that brand book, I designed the entire Sentra website, solo: every page and every pixel. A full multi-page site, with a custom isometric illustration system that turns an abstract security product into something a visitor understands at a glance.

Problem Framing

The brief wasn't "make it pretty." It was: take a brand book and an abstract, technical product, and turn them into a complete website a non-expert immediately gets.

Two things made that hard:

• The product is invisible. Data security posture management, cloud data, attack surface: abstract ideas with nothing to photograph. The site had to make them concrete.
• The brand existed only as a book. A brand book defines the pieces (colors, type, tone). It doesn't tell you how a whole multi-page website should behave, page by page. That I had to build.

Role and Team

I designed the entire website, solo, as a freelance designer inside studio N1. The chain: Sentra commissioned Firma (a branding studio), which supplied the brand book and outsourced the build to N1, where I took it end to end. Firma owned the brand foundation; every pixel of the website, the UX, the layout, and the illustration system, was mine.

Approach

Extend the brand book into a system. I took Firma's foundation and derived what a full site needs: page structures, hierarchy, component behavior, so eight-plus pages would read as one coherent product.

Make the invisible visible. Instead of stock imagery, I built a custom isometric illustration language to represent the product's core idea directly.

Design for a non-expert first. The audience makes buying decisions without being security engineers, so clarity beat technical completeness.

Challenges

Representing data and risk, visually. The hardest and most interesting part was the illustration system. The product is about knowing where your data lives and how exposed it is, so I built exactly that into the visuals: isometric cubes represent the data itself, and color carries the risk, green, yellow, and red, the familiar language of safe, warning, and danger.

The illustrations don't decorate, they show what the product does. A visitor sees data as objects and risk as color, and gets the pitch before reading a word.

A full site from a book, solo. Turning a brand book into a complete multi-page site (home, product, "why we started", blog, contact, schedule a demo) is a thousand decisions no book makes for you. I made all of them, alone, and kept everything consistent.

Solution

A complete multi-page website, designed from the brand book:

• A homepage that leads with the promise: "know that every data asset is protected and secure."
• Product pages that explain data security posture management through the cube-and-color system.
• "Why we started Sentra", a blog, contact, and a schedule-a-demo flow.
• One consistent visual language across all of it: the green palette, isometric 3D, and the data-as-cubes / risk-as-color motif carried throughout.

Results and Impact

• A complete, coherent Sentra website, designed solo from a brand book: every page, every pixel.
• A custom illustration system that encodes the product's meaning (data plus risk) instead of decorating around it.

An honest note on outcome: the client ultimately shipped a different design; the live sentra.io is not this one. What stands is the work itself, a full site and a visual system I built end to end.

👉 See the live demo of the design →

Next Steps

What this project taught me: a brand book is a starting point, not a finished site. The value wasn't in following it, it was in extending it, and in finding a way to make an invisible product visible.

When the subject is abstract, the illustration system is the product story.