Aether Spatial Design System

Design tokens, glassmorphic spatial widgets, and component library for next-generation platforms

3
Glassmorphism Tokens
Glassmorphism Tokens
Design System
Spatial Data Visualization
Spatial Data Visualization
Dashboard
Mobile Banking UI Flow
Mobile Banking UI Flow
iOS App

FinTech Checkout: Legacy vs. 1-Click Biometric Flow

Interactive slider demonstrating checkout friction reduction from 6 form steps to a single biometrics sheet

After grade
Before grade
ProtoPie Prototype

VisionOS Spatial Workspace Prototype Walkthrough

Interactive prototype walkthrough demonstrating glass material depth, eye tracking, and pinch gestures

01:40 Cinematic 16:9
Aether Spatial
FigmaProtoPieSpline 3D

Design Impact & Conversion Lift KPIs

User engagement, app store ratings, and product conversion benchmarks

Post-redesign
+41%
Conversion Rate Lift
1-Click checkout checkout
+65% YoY
2.4M
Daily Active Users
Across iOS and Android apps
From 3.8 ★
4.9 ★
App Store Rating
Over 180,000 user reviews
Zero drift
84+
Design Tokens
Automated across Figma & Swift
NeoBank Global 9 Months

Complete Mobile Banking & Spatial UX Overhaul

Redesigning a legacy neo-banking app from fragmented screens into a unified gesture-driven experience

The Problem

Users struggled with high drop-off during international remittance, scoring low on System Usability Scale (SUS 54).

The Architecture & Solution

Created an intuitive gesture-based payment flow, complete with instant currency preview sheets and accessible high-contrast design tokens.

System Usability Score skyrocketed from 54 to 92 (top 5th percentile)
App Store rating climbed from 3.8 to 4.9 stars
International remittance volume increased by $180M within 6 months
FigmaDesign SystemsiOSSwiftUIMicro-Interactions

System Usability Score (SUS) & Task Completion Speed

User satisfaction benchmarking comparing pre-redesign vs. post-redesign across 6 user cohorts

Average Usability Score: 92 / 100

Evaluated across 450 monitored usability lab testing sessions.

Cross-Platform Design Tokens Architecture

design_tokens.json 
{
  "color": {
    "surface": {
      "primary": { "value": "#090d16", "type": "color" },
      "glass": { "value": "rgba(255, 255, 255, 0.05)", "type": "color" }
    },
    "accent": {
      "gold": { "value": "#f59e0b", "type": "color" },
      "glow": { "value": "rgba(245, 158, 11, 0.25)", "type": "color" }
    }
  },
  "motion": {
    "spring": {
      "stiffness": { "value": 300, "type": "number" },
      "damping": { "value": 28, "type": "number" }
    }
  },
  "elevation": {
    "modal": { "value": "0 20px 40px rgba(0,0,0,0.6)", "type": "boxShadow" }
  }
}
Design TokensJSONTailwindSwiftUIFigma API

Interactive Figma Design System & Component Library

Live prototype embedding featuring 84 accessible components, auto-layout tokens, and dark mode variants

Aether Design Tokens & Component System (Figma Spec)

Complete interactive specification showcasing button hierarchies, dropdown menus, modals, and responsive grid layouts.

Spatial UX Audio & Micro-Interaction Sound Suite

Harmonic tactile sounds designed for biometric approvals, card swaps, and visionOS gaze feedback

01:50
Tactile Chimes & Spatial Audio Haptics
NeoBank Spatial Lab
Sound DesignUI AudioHapticsVisionOS

Design Leadership & System Architecture Journey

Over 10 years designing intuitive user experiences and multi-platform design systems

Principal Product Design Lead • Maya Studio Design 2022 — Present
  • Advised Fortune 500 enterprises on spatial design systems and cross-platform token architectures.
  • Led redesign of NeoBank mobile experience, driving +41% checkout conversion lift.
Staff Product Designer • Aether Systems 2019 — 2022
  • Built unified design system utilized by 140+ engineers across 4 product suites.
  • Designed responsive data visualization widgets processing live financial streams.
Senior UX Designer • FinTech Innovations 2015 — 2019
  • Spearheaded user research and rapid prototyping for first-generation mobile wallets.