Case Study: Project Name
This long-form case study explores the process of creating Project Name — detailing research, design, prototyping, and the technical art pipeline, structured for deep scrollytelling. Editorial summary (mono, #E89B3C, small caps, 0.08em spacing): YEAR: 2025 | ROLE: UI/UX Designer, Technical Artist | TOOLS: Unreal Engine 5, Figma | CLIENT: SELF-INITIATED | MEDIUM: Interactive Simulation | LINK: https://example.com↗. Captions use: FIG. 03 / EARLY UMG WIDGET LAYOUT. All section backgrounds are #0E0F11, all text uses #F4F1EA (primary), captions/meta #F4F1EA at 55%, accent/links/mono #E89B3C, borders #F4F1EA at 12%. Typography uses a golden ratio scale. All links and meta follow the defined mono label and amber accent rules. Spacing uses 8pt grid (128px section rhythm, 32px component padding, 96px page margin). Mono label style for: “01 / STATEMENT”, “02 / ENDORSEMENT”, section labels, year tags, all meta. Amber-outline buttons only. All prev. Framer blues and white backgrounds replaced accordingly. See below for new case studies.
Case Study: The Boat Game
A deep dive into “The Boat Game” — Cozy maritime vessel-identification game (2025–2027). Tags: UE5, Indie, Game Design. Sections: Overview, Core Loop, Journal System, Roadmap, Credits. Each content block uses mono label headers (amber), serif or refined sans body on #0E0F11, with amber links. Images are placeholders. Spacing, text, and borders adhere to site system: 8pt grid, 128px rhythm, mono meta and label. All links, meta, buttons, and dividers styled per spec.
Case Study: Stellar Sprint
Case study for “Stellar Sprint” — Roguelike menu system (2024). Tags: UI Design, Game Menu, Prototype. Sections: Overview, Menu Architecture, Visual Language, Outcome. Layout follows hero then alternating image+caption blocks, golden ratio scale applied, #0E0F11 background, serif/sans refined typography, all meta is mono amber small, all accents/links/buttons in amber. Spacing is on 8pt grid, 128px rhythm. All content labeled and styled per exact system.
Case Study: Techniekroute Hengelo
Design process of “Techniekroute Hengelo” — Educational tech route visual identity (2023). Tags: Identity, Editorial, Print. Sections: Overview, Visual System, Applications, Outcome. Layout uses hero image then alternating image+caption structure. Mono amber label headers, all backgrounds #0E0F11, text #F4F1EA, meta/labels/links #E89B3C. Strict 8pt grid, golden ratio scale, spacing and padding as specified. Placeholder images, strong system compliance in all details.
