Hi, I’m Joey.
Generative Branding & Interactive Systems
Email Linkedin Résumé AIM Geometry
UI/UX Design | Web Design | EdTech
AIM Geometry is an interactive web platform that reframes geometry as a human way of understanding space and dimension. Inspired by Flatland and the collaborative research culture of the American Institute of Mathematics, the project turns mathematical ideas into interaction, narrative, and visual intuition.
HomepageThe homepage introduces geometry through dimensional transformations and simple interactive cues. Hover reveals small examples that make abstract ideas intuitive, and the site unfolds into clear sections of Theory, Application, History, and Experiment. A hidden blue menu offers a direct navigation layer.
Theory SectionThe Theory section introduces geometry through shifting abstract forms, presenting fundamentals and dimensionality on the same page. Hover reveals reading suggestions, annotations, and notes, while clicking highlighted sentences opens related diagrams or articles. It turns the basics of geometry into an exploratory, interactive text.
Application Section
The Application section turns geometric principles into visual fields you can explore. Hovering reveals how abstract shapes map to real-world structures, while clicking opens high-resolution examples with layered annotations. Users can navigate across images and categories through a simple, continuous interaction system.
History Section
The History section offers two timelines—one highlighting major figures and theories, the other charting geometry’s growth from points to complex, higher-dimensional structures. Switching between them reveals how ideas evolve across time and abstraction, culminating in speculative illustrations of geometry’s future.
Experimental Section
The Experiment section turns geometry into a hands-on playground. Users can construct points, lines, shapes, and measurements through simple tools, and explore fractal logic with an interactive generator. These mini-games make abstract concepts tangible through direct manipulation.
Index Section
The Index consolidates all images, articles, examples, and tools used throughout the project into a single navigable interface. It reveals the full research system and lets viewers dive into specific dimensions as needed.
Motion Poster
The motion poster uses hover to reveal definitions for each dimension. Once explored, clicking opens the complete dimensional system. A continuous animation at the bottom traces the evolution from point to higher-dimensional forms.
Mobile
On mobile, AIM Geometry condenses into a touch-driven system: a single blue dot (0D) becomes the navigation key, guiding users through timelines, concepts, and generative patterns. The interface restructures into modular cards and scroll-based diagrams, keeping the project’s clarity and narrative intact in a compact format.
© 2025 Joey Hou
All rights are reserved
+16263948646