Homepage
Three pillars, one hero
"Minds, Systems, Skies." The homepage opens with the brand triad. Each pillar links to the division that owns it.
Case Study · 02 · Multi-domain Tech
MegaSec. Brand and design system for a technology group.
MegaSec operates across cybersecurity, AI, and autonomous systems. Each division had its own visual identity and terminology. The work was to bring them under one brand and one design system, without erasing what made each distinct.
Year2026
RoleSenior UX / UI Designer
Duration4 months
ScopeBrand · UX · System
megasec.az · live
Overview
Three divisions, one brand.
Each division had shipped with its own colour, typography, and tone. Visitors saw three separate companies sharing a logo. The redesign rebuilt the brand and the website so the divisions read as one organisation, while keeping their own service pages recognisable.
Scope of work
- 01Brand identity
- 02Corporate website
- 03Design system
- 04Bilingual EN / AZ
A shared design system lets the divisions read as one company at the working level, not only in the logo.
Selected screens
Selected screens from the redesigned site.
Cybersecurity
Be protected
The cybersecurity surface opens with a single promise. Detail lives one click below, organised around what each service changes for the client.
Trust
Built for trust
Public-facing storytelling for an operator that runs around the clock. A photographic register grounds the brand in the people who do the work.
AI assistant
MegaSec Bot
The AI division ships with an embedded assistant. Answers in Azerbaijani about MegaSec's services, products, and legal matters — visible the moment a visitor lands.
Live answers
Live answers
Questions arrive in the user's language; the bot reasons in real time and returns a grounded response. The AI division as a working demo, not an illustration.
Approach
Design principles.
01
Brand pillars as navigation
The three brand pillars became the structure of the homepage. Message and navigation tell the same story.
02
Tokens before components
Tokens were defined as an abstract layer first. A change to "primary" propagates to every surface.
03
Shared taxonomy
Terms like "incident", "platform", and "detection" have one agreed meaning across all three divisions.
Process
Process.
-
01
Audit
Inventoried every existing surface across the three divisions.
-
02
Anchor the brand pillars
Mapped the three brand promises to the three real divisions, turning the framework into navigation.
-
03
Token system
Defined colour, typography, spacing, and motion before any component was built.
-
04
Stress test
Validated the tokens against a dense analyst table before applying them across the marketing site.
-
05
Roll out
Marketing, product, and documentation rebuilt from the same source.
Outcomes
Outcomes.
3
Divisions on one system
1
Token source for all surfaces
AA
WCAG 2.2 audit
EN / AZ
Bilingual launch