Interactive Web Experience ยท 2026

Aesthetic Synthesis

A digital field guide translating future design trend research into an immersive web experience. Built to make aesthetic movements accessible, explorable, and experiential for designers and curious creators.

The Challenge

Design trends and aesthetic research are typically presented in static, uninspiring slide decks. This interactive field guide turns those ideas into a scrollable, systemized experience with distinct visual chapters.

Role & Deliverables

Role

Web Developer & Creative Coder

Responsibilities

Translating static research into an interactive, performant web experience. Handling typography, layout, and deployment.

Collaboration

Visual execution based on research foundation by Ioana Adriana Teleanu.

Research Methods

Curated research on upcoming visual movements like Code Brutalism, Tech-Organic, Frutiger Aero, Heisei Retro, and Pixel Perfect. Analyzed how interaction design can reflect these specific aesthetic philosophies.

Design Process

01. Visual Translation

Designed interface metaphors matching the trends (e.g., terminal aesthetics for 'Technical Mono').

02. Interaction Design

Implemented scroll-based triggers and hover states that feel tactile and futuristic.

03. Performance

Optimized a single-page HTML architecture for immediate loading on GitHub Pages.

Key chapter illustration.
Key chapter illustration.
Click to expand

Measurable Outcomes

Successfully deployed a highly engaging interactive artifact. The final field guide demonstrates how abstract design research can be translated into a tactile, scroll-driven web experience.

Previous Project
Previous
Portfolio
All Work
Next Project
Next