Big Boss Studio, 2023

Hermès

Internal platform dedicated to cybersecurity.

Role: Lead developer
Stack: [Stack]
Expertise: Web

01<Specs />

TOP BAR

KPI

CHART

ALERTS

1440 × 900 · 12 col.

02<Wireframe />

app/hermes/page.tsx
1export default async function Hermes() {
const data = await load('hermes');
return (
  <Page>
    <TopBar search />
    <Menu active="alerts" />
    <Stats data={stats} />
    <Chart series={incidents} />
    <List rows={alerts} filter={filter} />
  </Page>
);
12}

03<Code />

hermes.com

Hermès

04<Interface />

1navigate

2filter

3open

05<Interactions />

ease-in-out · 300 ms

06<Animations />

01 · Context

Give Hermès teams an internal platform to steer their cybersecurity topics.

02 · The problems to solve

[The first problem to solve.]
[The second.]
[The third.]

03 · Features

[Feature 1]

[What it enables, in one sentence.]

[Feature 2]

[What it enables, in one sentence.]

[Feature 3]

[What it enables, in one sentence.]

[Feature 4]

[What it enables, in one sentence.]

04 · The technical solution

[The technical solution, in one strong sentence.]

Internal web platform built at Big Boss Studio. [To complete: functional scope, security constraints, stack.]

[Building block]: [Its role in the solution.]
[Building block]: [Its role in the solution.]
[Building block]: [Its role in the solution.]

05 · Results

[Figure]

[What it measures]

[Figure]

[What it measures]

[Figure]

[What it measures]

Next project · 06 / 14Balenciaga