0%

Allure of the Sirens

2025

The beguiling Allure of the siren is an interactive web experience where the myth of the siren is brought to life. The exploration focuses on how immersive effects can be used to recreate the sensation of being lured by these mythical creatures.

Interaction Design | Front End Programming | typography | UI/UX Design

HTML | CSS | javascript | Figma

beguiling Allure of the Sirens

This project seeks to explore how immersive effects can evoke the sensation of being lured by these mythical creatures. Through fluid, water-like interactions, users will feel themselves sinking deeper, ensnared by the siren’s call.

Its primary inspiration comes from two excerpts in 'Music of the Sirens', edited by Linda Phyllis Austern and Inna Naroditskaya.

Project
Interaction Design
Type
Solo
Production
[2025]

The first excerpt serves as a cautionary tale about the siren’s ever-growing hold over the senses, ultimately leading to a man's downfall. Despite the clear warning signs, he is unable to escape his fate. This website seeks to interpret the poem’s themes and bring them to life visually. The second excerpt focuses on recognizing warning signs and understanding how to identify sirens more effectively which shows up in the end.

I was moved by flux— dynamic, flowing graphics, primarily in black and white typographic explorations. These references served as a foundation for representing water, movement, and fluidity through typography. Distortions, ripples, and waves led me to explore concrete poetry in a digital format, emphasizing fluid forms and overlapping layers of curved elements. Spiral text, undulating ripples, and wave-like patterns shape the visual language of this project.

To capture the essence of water and lure without sacrificing legibility, I realised that the visual effect must enhance rather than overshadow the text. Thus, gentle horizontal waves flowing across the screen striked as the perfect balance—simple, fluid, and engaging. This experience was also easily translatable into a mobile version which made it a win-win situation.

Reaching out your hand to progress further in the poem mirrors life itself, much like sailors who, in their final moments, stretched their hands toward the sea, entranced by the sirens’ beguiling allure.

Skills
Interaction Design, UI/UX Design, Front End Development, Figma Prototyping, Computer Vision
Tools
HTML, CSS, JavaScript, Figma, TensorFlow, Machine Learning

want more?