Modern Museum / Editorial
The visual system uses strong spacing, dark museum tones, structured typography, exhibit labels, captions, and quiet visual artifacts.
This page documents how the museum was planned, researched, generated, reviewed, and improved through a structured AI workflow.
The visual system uses strong spacing, dark museum tones, structured typography, exhibit labels, captions, and quiet visual artifacts.
The site teaches through reflection and clarity. The voice is educational, calm, and serious without becoming alarmist.
Visitors are asked small reflection questions throughout the route, ending with a realistic attention reset commitment.
The process was broken into stages instead of relying on one large prompt.
I used AI to identify the requirements: topic, guided route, research, design style, archetype, Cialdini principle, AI workflow, hosted site, and README documentation.
I chose phone dependency and reframed it as The Museum of Digital Attention, with the subtitle The Attention Trap.
I researched teen smartphone use, notifications, attention design, infinite scroll, screen time, and sleep/focus concerns to build the exhibit route.
I planned the museum as a guided tour: entrance, origin, attention economy, habit loop, human cost, attention reset, process, and sources.
I used AI to help produce a consistent HTML/CSS/JS system with exhibit labels, cards, timelines, museum captions, SVG graphics, and interactive reflection.
I selected the topic, tone, title, structure, and final direction. AI helped generate and organize, but the final decisions were directed and reviewed by me.
Phone dependency has a clear development over time, visible artifacts, emotional familiarity, research evidence, and a natural visitor journey from recognition to reflection.
The project was improved by making it multi-page, adding a guided route, using a consistent visual style, documenting the AI process, and building a final commitment interaction.