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 Problem & User Needs

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 & Contributions

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.

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.

Fig 1.1 โ€” Final Render
Previous Project
Previous
Index
Home
Next Project
Next