In the 2025/2026 academic year, this web design course explored archival practices through research-based and speculative web projects. Students investigated archives as dynamic systems of organization and meaning, translating their research into original web-based works. Each project was entirely conceived, designed, and developed by the students, covering the full process from conceptual research to UI design and back/front-end development. The course emphasized the web as a critical medium to develop web-based narratives on unexpected topics.
The laboratory aims to provide students with research, design and coding skills through a project that cover all phases of creating a digital interface, from user-centered research and data structure planning to visual and interaction design, prototyping, and full implementation. Students will learn to apply modern visual design principles, develop responsive and interactive websites using HTML, CSS, and frameworks such as Bootstrap, and manage content-driven sites with CMS platforms like Kirby, including templates, blueprints, and assets. The course encourages students to explore emerging web technologies and contemporary digital culture, fostering awareness of the social impact of the web and developing a critical design mindset that enables them to create digital experiences that are functional, visually striking, and socially responsible.
Phase 1
4 weeks
In this phase, the chosen topic is explored, content is produced, and the data structure is defined, organizing categories, tags, and relationships between elements.
1 Project manager
4 Researchers
Phase 2
5 weeks
In this phase, the project’s visual identity and user interface are designed, including layout, visual hierarchy, creation of images and videos, fonts, colors, and other visual elements.
1 Creative director
2 UI designers
2 Content designers
Phase 3
6 weeks
In this phase, the website is built by transforming the design into a functional interface, implementing structure, features, and interactions to create a complete digital project.
1 Creative director
3 Developers
1 Content manager
Google Classroom (communication)
Notion (research)
Figma (design)
Antigravity (coding)
HTML
CSS
Bootstrap
PHP
Kirby