Format: AI-Assisted Email Design & Figma System Demonstration
Tools: Figma, Figma AI, Gemini / Claude (Copy & Narrative Brief)
Role: Art Direction, Design System & Responsive Layout Build
OVERVIEW
A conceptual Stage 01 onboarding email for a fictional parallel-dimension media network (Demetria’s Cousin / Babel Limited). The project explores an alternative to standard e-commerce email templates, utilizing a cold, retro-terminal administrative aesthetic: monospace typography, high-contrast green-on-black palette, bracketed system headers, and automated interface language.
AI-ASSISTED DESIGN WORKFLOW
This artifact documents an end-to-end AI-assisted design process:
- Narrative & Lore Brief: Conceptualized the “Bureaucratic Enlistment Protocol” using Gemini and Claude to establish terminal copy and system directives.
- AI Wireframing: Utilized Figma AI prompts to generate initial structural frames and component variations.
- Art Direction & Refinement: Art-directed typographic hierarchy, adjusted spacing and layout density, paired responsive desktop (600px) and mobile (375px) frames, and extracted modular UI components (System Headers and Terminal CTA buttons) into a reusable design library.
LIFECYCLE CONCEPT
[ STAGE 01: Welcome / Verification ] ──► [ STAGE 02: Archive Access ] ──► [ STAGE 03: Pre-Order / Asset Requisition ]
Note: Conceptual email design and layout mapping created in Figma. Not a live production email or deployed Klaviyo build.
