UTOPÍA is the flagship project within the Arriaga Archive, embodying an aspirational look at future urban living. This walkthrough explains how the concept was conceived, the tools used to develop it, and the ways the website amplifies its narrative.
The Concept Behind Utopía
Utopía imagines a city where technology, ecology, and community intersect seamlessly. The brief called for a visual narrative that could convey optimism without sacrificing realism. Key themes included green rooftops, modular housing, and public spaces that adapt to seasonal changes.
Design Development Process
1. Research Phase – Studied contemporary eco‑city projects, gathered photographic references, and mapped out user journeys.
2. Sketching and Ideation – Produced hand‑drawn sketches of streetscapes, then refined them using Adobe Illustrator to create vector city blocks.
3. 3D Modeling – Utilized Blender to turn 2D concepts into realistic renders, paying special attention to light diffusion and material textures.
4. Integration into the Archive – Exported high‑resolution images for the full‑width component, added descriptive copy using IBM Plex Mono, and linked sections via the sticky navigation.
Visual Language on the Site
The UTOPÍA page follows component pattern three – centered title and subtitle, a full‑width image, then body text. This layout creates a dramatic pause, allowing the visitor to first absorb the title “UTOPÍA” in Archivo Bold, then soak in the full‑width image of the cityscape. The subsequent body copy elaborates on each design element with concise, monospaced paragraphs.
Key Features Highlighted
- Dynamic Light – Rendered sunrise and sunset cycles to illustrate how natural light shapes city life.
- Modular Structures – Showcased 3D models side‑by‑side, letting users compare different housing modules.
- Green Spaces – Used aerial photography overlays to emphasize rooftop gardens and vertical farms.
What Visitors Take Away
By the end of the UTOPÍA section, the audience should feel inspired to consider how design can solve real‑world challenges. The combination of bold headings, immersive images, and concise narration makes the futuristic concepts approachable.
Conclusion
UTOPÍA is a testament to how a portfolio site can do more than showcase work; it can tell a story that resonates. The careful use of component patterns, typography, and visual hierarchy ensures that the vision remains front and center.