Flagship case study

Arsenal AI Branding & Public Website

A launched brand expressed through a public web system connecting identity, editorial communication, reusable interface patterns, and frontend implementation.

Timeframe: Dec 2025–present
Role: UX Design Engineer
Contribution: Owned end-to-end brand and public-site design, defined reusable visual and interface systems, and implemented most of the UI in the frontend codebase.

01 / The assignment

Turn an early-stage company into a coherent public presence.

The work was not a logo handoff. The public experience had to connect identity, company positioning, service communication, editorial publishing, and reusable interface behavior.

As UX Design Engineer, I owned the end-to-end brand and public-site design, defined the reusable visual system, and implemented most of the frontend UI. The branding is launched; this case study makes no performance or growth claim.

Evidence note

Role and launch status are user-confirmed; the responsive implementation is visible in the public site.

Arsenal AI homepage at desktop width showing the identity, positioning, navigation, and service modules — Desktop expression of the launched public brand, captured from the live site on July 17, 2026.

Arsenal AI homepage at mobile width preserving the identity, message hierarchy, and primary action — The same visual system adapted to a narrow mobile viewport.

02 / System, not surface

One identity had to hold together product credibility and editorial voice.

A restrained black, warm-white, and gold palette creates recognition without competing with the company story. The mark, typographic hierarchy, navigation, calls to action, service modules, and article treatments repeat as a small, reusable system.

Desktop and mobile preserve the same hierarchy while changing composition. That continuity is the useful design outcome here: the brand behaves as an interface system, not a collection of isolated screens.

Evidence note

Visual-system analysis is based on the approved public implementation and assets.

Arsenal AI editorial article page with a large serif headline, gold emphasis, author credit, and long-form layout — A visitor-facing editorial surface showing the brand extending beyond marketing modules.

Editorial identity treatment from the approved public-site source.

03 / Design engineering

The design artifact became the shared interface between disciplines.

The implementation work connected product intent, design critique, engineering feasibility, and UI QA inside the same production loop. Reusable patterns made decisions visible in code rather than leaving them in disconnected mockups.

The public editorial system also explains this working model: generation can produce options, but craft, direction, and evidence are what turn those options into a defensible product artifact.

Evidence note

Responsibilities come from the current resume; diagrams are visitor-facing public assets.

Diagram showing a design artifact connecting user, product, engineering, and designer inputs to a prototype — Public-site diagram showing design as the shared bridge between product, engineering, users, and prototyping.

Diagram moving from prompt through craft, direction, and evidence to a requirements-engineered design artifact — Public editorial diagram distinguishing option generation from craft, direction, and evidence.

04 / Delivered

A launched brand with a living public expression.

The delivered evidence is the identity in use across the current public website and editorial surfaces. The system can accommodate company communication, service explanations, recruiting, and long-form publishing without changing its underlying visual grammar.

What remains intentionally unclaimed: site performance, conversion impact, company growth, or sole ownership of organizational decisions.

Evidence note

Brand launch is confirmed; business outcome metrics are not claimed.

Arsenal AI blog index showing a structured set of articles across design, product, and company perspectives — The launched editorial system organizing multiple content types within the same brand grammar.