Personal
Visual Identity, Data Visualization, UI/UX (Web & Mobile), Prototyping
Figma, Midjourney
FW25
Arsenal
Arsenal is a dynamic database that archives and maps the current military equipment of every country, accessible across all devices and platforms.
Project Role
01. Authored and implemented a cohesive visual identity system to unify the complex data application's digital experience.
02. Designed cross-platform UI/UX for the database, ensuring legibility and accessibility across web and mobile interfaces.
03. Established interaction designs, hierarchies, and navigation patterns to make complex content discoverable and visually comparable.
04. Justified core visual and structural design decisions based on foundational design principles, visual theory, and conceptual frameworks.
Final Designs
Desktop
Home Page
The database's entry point, presenting an interactive, dark world map alongside a navigable sidebar containing the filterable list of all nations with their designated military classifications.
Country Detail
Clicking a nation reveals a deep-dive summary of its military power, and a fully navigable hierarchy of its specific military assets (Aircraft, Naval Vessels, Ground Systems).
Weapon Detail
Selecting an asset reveals all technical specifications and data of the chosen piece of military equipment.
Full Flow / Interaction
Interact with the navigation panel to navigate the database.
Mobile
Mobile Architecture
A dedicated mobile design to maintain accessible design across smaller devices.
Mobile Interaction
Drag the bottom drawer to reveal and interact with the full database hierarchy and navigation structure on mobile.
About
Project Statement
In an unstable world, maintaining strong defense capabilities is essential. This project highlights how strategic investment and military readiness act as tools of protection. Reflecting a belief in the pursuit of security through innovation.
Arsenal is an interactive database that visualizes the global landscape of military power and celebrates innovation by showcasing each nation’s defense systems.
Ideation
IA Map
A real-time view of fleet activity, ride performance, earnings, conditions. All in one centralized screen.
Design System
Typographic System
This typographic architecture utilizes a dual system. The serif creates expressive visual identity for large titles and representation, while the san-serif guarantees legibility across all complex data fields.
Color System
The color system employs a palette anchored by a single, high-saturation accent color set against a monochromatic foundation of quiet, dark tones. This architecture ensures the accent color provides a striking visual identity while the neutral background maximizes legibility on the data.
Layout System
This layout system was designed specifically to organize datasets and ensure their legibility, utilizing dedicated areas like a persistent sidebar for navigation and filters. The system adapts to meet the requirements of both desktop and mobile layouts, guaranteeing cross-platform accessibility.