WEBSITE REVAMP
Presentation hub · for client review

The brand, saturated and sharpened.

Four deliverables for the Pueo website redesign: a strategic mood board (with a presentation-ready client cut), two homepage mockups at different intensities, and a brand guidelines kit for the Elementor Pro build. The through-line is the positioning — Pueo as the cyber guardian of the nation's most classified missions, a focused National Security cyber company. We're not rebranding — we're leaning deeper into the brand Pueo already has.

National Security CyberDark-first · cyber-redTwo notchesElementor Pro readyBy J Media Group
Step 01 · Direction
Mood board

Visual direction & mood board

The north star (Pueo's Wi-Fi HUD), palette with proportions, type, the owl, heritage-as-geometry, real office imagery, the motif lab, the competitive field, and both notches — with notes throughout.

Open mood board ▸
Step 01 · Client view
Mood board · client

Creative direction — client view

The lighter, presentation-ready cut of the direction: the vibe, palette, type, the owl, materials, and motion — focused on look and feel, without the internal notes and rationale.

Open client board ▸
Step 03 · Handoff
Brand kit

Brand guidelines & Elementor kit

Tokens, a live component library, the effects vocabulary, do/don't, and a copy-ready Elementor Pro setup (global colors, fonts, and the custom-CSS signatures) for the web designer.

Open brand kit ▸
Step 02 · Notch 01
Homepage mockup · A

Homepage — “Dial Up”

The current brand, evolved: cleaner, more confident, more high-end. Generous space, restrained HUD chrome, red as a quiet signal. Safe but elevated.

Open Dial Up ▸
Step 02 · Notch 02
Homepage mockup · B

Homepage — “Dial Up More”

Edgier and cinematic: an expansive owl wingspan, animated radar, scan-line band, coordinate stamps, node-grid orchestration, glow and motion. A bigger swing — still mature.

Open Dial Up More ▸

How to use this: start with the mood board to align on direction, then compare the two homepage notches side by side. Once a notch is chosen, the brand kit hands the web designer everything needed to build it in WordPress + Elementor Pro. All files are self-contained and open in any browser — no internet required beyond the web fonts.