Béton Brut

Béton Brut

Béton Brut

Redefining Architectural Study

Redefining Architectural Study

Overview

Architecture students often struggle with dry textbooks. To solve this, I designed an interactive digital museum that replaces passive reading with active exploration. The platform transforms the study of 'urban eyesores' into a compelling narrative, making Brutalist history accessible and engaging.

My role

Research, concept, UX/UI.

Design Field

Web Design

Client

Studential Project

Year

2026

The problem

Architecture students struggle to connect with Brutalist history using traditional tools

Architecture students struggle to connect with Brutalist history using traditional tools

Through interviews with 5 architecture students, three main barriers emerged.

Inaccessibility

Existing resources overwhelm visual learners with heavy text, burying complex historical data.

Scattered Information

Research feels broken. students have to jump between unrelated sites to find the full story.

Poor Usability

Navigating the filters is unintuitive and heavy, breaking the student's creative flow.

The solution

Transforming static data into an engaging, interactive learning journey.

Transforming static data into an engaging, interactive learning journey.

The platform uses a structuralist UI, interactive glossary, and dynamic filtering to turn architectural history into an engaging experience.

Persona

Persona

I created the 'Architecture Student' persona to represent the main user. This character express the main pain points of the users.

Sitemap

Structuring the Learning Experience using Three Layers of Discovery

Structuring the Learning Experience using Three Layers of Discovery

Based on the interviews and the student persona, I organized the site into three simple layers to help the user learn.

Layer 01 - Introduction

Designed as an onboarding experience, this layer uses scroll interactions to guide users to three key geographic regions

Layer 02 - Main region

A regional deep dive featuring an interactive timeline and five key buildings for in-depth study.

Layer 03 - In-depth building analysis

Detailed building analysis with glossary integration. A final CTA guides users to the next landmark.

User Flow

User Flow

After building the sitemap, I mapped out the user journey. This illustrates the site's main flow.

Wireframe

Home page

Home page

Wireframe

Region page

Region page

Wireframe

Building page

Building page

Style Guide

Style Guide

The Design

The main flow

The main flow

After solidifying the visual style and gathering inspiration, I started designing the main flow and additional pages.

Buildings page

Buildings page

Glossary

Glossary

Shop

Shop

Conclusion

The pivotal moment in this project was realizing that for an architecture student, accessibility equals engagement. While the content is historical, the user is a modern visual learner. Addressing their frustration with dense, academic text allowed me to design an interface that turns research into a creative flow. I am proud to have created a platform that doesn't just store information, but actively helps students connect with it.