Portfolio
NX-SYS
VOL. 01 / 2025 — ACTIVE
NX-SYS · V2.1.0
VOL. 01 / 2025
GSAPP × ADD+ON
Q3 2023 SPRINT
NEXUS
NEXUS
Sustainable Autonomous Navigation System
Beyond Coordinates·Intuitive Intelligence·Conscious Journey
Role
System Designer
Product Designer
Duration
4-Week Design Sprint
Q3 2023
Skills
Cross-Device Experience
UX Design · Design Systems
Tools
Figma · Blender
After Effects · Principle
The Problem
1.0

The Challenge:
Attention Crisis

CHALLENGE 01
The "Screenification" Problem

Modern vehicles force constant focus-switching between road (far-field) and screen (near-field), causing cognitive overload and increased reaction time.

40%
↑ Increase in reaction time
CHALLENGE 02
The "Disconnected" Driver

Standard GPS treats the car as a solitary object in static space — ignoring rich V2X Smart City data, resulting in stop-and-go driving patterns.

0
V2X contextual awareness
THE CORE QUESTION
Chaotic Task → Seamless Flow

How do we design a cockpit that informs without distracting — transforming the daily commute from a chaotic task into a seamless flow state?

→
From demand to ambient
1.1 — Attention fragmentation · Road (far-field) vs Screen (near-field) · V2X gap · Chaotic→Seamless design question
Design Strategy
2.0

Three Pillars of
Sustainable Autonomy

2.1 — Paradigm Transformation
2.1 — More Screens (distraction) → Better Communication (V2X + Ambient) → Conscious Journey (Mind + Body)
2.2 — Beyond Coordinates: V2X Contextual Awareness
2.2 — Coordinates Only (reactive) → Vehicle-Infrastructure (V2X data) → Proactive Reaction (unseen hazards)
2.3 — System Decision Logic
2.3 — Vehicle enters smart zone → V2X signal → confidence threshold → Green Wave / Ghost Object / Ambient Alert / Eco Arrival
Visual Language
3.0

Design System:
Bioluminescent Aesthetic

Electroluminescent Bioluminescence — Color Semantics
VOID BLACK
#050A0E
Background · OLED efficiency
Night Vision Preserved
BIO-GREEN
#3BFF14
Flow state · Optimal speed · Regenerative braking
Responsive Driving
ELECTRIC BLUE
#00F0FF
V2X connected · Smart city grid · Infrastructure
Infrastructure Link
AMBER
#FFCD00
Prediction · Traffic forecast · Proactive alerts
So in Red Light
LIVING LIGHT
Dynamic
Data breathes · Biological signal · Organism mimicry
Organism Velocity

Inspired by deep-sea organisms, the visual language is functional, not merely aesthetic — designed for low-light driving environments where visual fatigue is a safety concern.

Each color carries semantic meaning, creating an intuitive hierarchy that drivers decode at a glance — bypassing cognitive overhead that text-icon interfaces demand.

High contrast on dark backgrounds for clarity
Semantic color coding for intuitive understanding
Glowing effects that mimic natural bioluminescence
Accessibility-compliant color combinations
Interface Features
4.0

The "Glass Box" Experience

4.1 / AR-HUD: Green Wave Tunnel · Ghost Objects · Direct Overlay
Feature 4.1 — AR-HUD

Visualizing the Unseen

Green Wave Tunnel — Floating semi-transparent green hoops projected onto the lane. GLOSA calculates perfect velocity to hit every green light.

When V2X detects a cyclist behind a building, the HUD renders a Ghost outline — giving the driver X-Ray vision before the hazard is physically visible.

Left Panel
Green Wave Tunnel · GLOSA
Center Panel
Ghost Objects · V2X
Right Panel
AR-HUD · No Console
Algorithm
GLOSA Velocity Opt.
4.2 / Trust Calibration: High Confidence · AI Uncertainty · Low Confidence
Feature 4.2 — Trust Calibration

The Confidence Glow

At High Confidence (95%), AR lane markers are crisp solid neon lines. As sensors degrade — heavy rain, obstructions — markers become "fuzzy" and diffuse.

The visual metaphor communicates "I'm not sure, please take over" without any alarm — a Calibrated Trust relationship.

High Confidence
95% · Crisp solid markers
AI Uncertainty
Visual metaphor transition
Low Confidence
45% · Fuzzy · Heavy Rain
Trust Model
Calibrated Transparency
4.3 / Ambient Dashboard: Breathing Horizon · Peripheral Co-Pilot
Feature 4.3 — Ambient UI

The Breathing Horizon

A light strip across the base of the windshield communicates situational awareness through peripheral vision — zero eyes-off-road time required.

In Flow State, a slow Bio-Green pulse moves left-to-right. When merging traffic is detected, light pools left and shifts Amber — triggering instinctive mirror-checking.

State A / Flow
Bio-Green pulse · L→R
State B / Alert
Pool left · Amber shift
Processing Mode
Peripheral (pre-cognitive)
Eyes-off-road
0ms required
Final UI Design
5.0

Interface Screens

NEXUS UI — Active, Eco, Commute, Navigation Map Views
5.1 — Active Mode · Eco Mode · Commute Mode · Navigation Map View 1/2/3 — Full cockpit interface system
Impact & Roadmap
6.0

Predicted Metrics &
System Outcome

-40%
Cognitive Load Reduction
Eyes-off-road time vs traditional touchscreen navigation systems
vs Touchscreen Navigation
-15~20%
Energy Efficiency Gain
Energy consumption reduction through Green Wave velocity optimization
Green Wave Routing
+Significant
Trust Enhancement
User confidence during V2X automated interventions through calibrated transparency
V2X Automation
6.1 — System Impact Flow
6.1 — V2X data pipeline · NEXUS AI core · Ambient + AR outputs → Eco Arrival outcome

"The Sustainable Autonomy Interface proves that the future of mobility isn't about more screens — it's about better communication. By leveraging V2X data and ambient design, we can create a vehicle that doesn't just transport the body, but supports the mind, turning the daily commute into a conscious, regenerative journey."

NEXUS — Sustainable Autonomous Navigation System
NX-SYS VOL.01 · System Design · Product Design · © 2025 add+on
← Portfolio add+on ↑ Top
0
Skip to Content
add+on
add+on
Project
About
RESUME
add+on
add+on
Project
About
RESUME
Project
About
RESUME

email@example.com