WEB DESIGN · INFORMATION ARCHITECTURE · VISUAL DESIGN

Laurea Digital
Living Lab.

Making a student-driven learning and innovation environment easier to understand through a clear, visually cohesive website.

Independent web design and development for Digital Living Lab, including site architecture, responsive page layouts, custom iconography, graphics and photography.

Photograph from the Laurea Digital Living Lab website
Original Digital Living Lab website photography.
Role
Website design · Iconography · Graphics · Photography · Development
Deliverable
Live responsive website
Focus
Information architecture and clear content
01 / Design challenge

A complex offering. A clearer way in.

Digital Living Lab brings together student projects, learning by developing, experimentation and collaboration with organizations. Visitors have different questions: what the lab does, how to join, what resources are available and who to contact. The design task was to connect those needs through understandable navigation.

02 / Information architecture

Organize content around visitor intent.

I structured the website so visitors begin with orientation before finding more specific studies, development projects, resources, partners and contacts.

01 / Understand

What is this lab?

Introduce the student-driven learning environment and its purpose.

02 / Participate

How do I get involved?

Make courses, projects and learning opportunities discoverable.

03 / Explore

What can we do together?

Provide pathways to equipment, partners, resources and contact information.

Overview → way of working / courses / projects / resources / partners and contact.
03 / Original visual identity

A visual language created for the project.

I designed custom icons, graphics and photography to make the web pages consistent and recognizable. The examples below represent three of the site's key themes.

Student Driven original icon
Student-driven learning.
Learning by Developing original icon
Learning by developing.
Co-creation and experimentation original icon
Co-creation and experimentation.
04 / Responsive web design

One hierarchy across screen sizes.

The layout adapts from desktop to narrower screens while keeping the same content order. My priorities included clear headings, flexible media, readable typography, useful navigation and generous spacing rather than simply shrinking desktop layouts.

Digital Living Lab website photography
Photography and a flexible, responsive content treatment.
05 / Development & reflection

A published website, not only mockups.

I implemented the site structure, pages, content and visual system, providing a consistent experience across the website. The live site is the deliverable; this case does not invent analytics gains or conversion measures.

The central design decision was to make a broad educational and collaborative environment understandable through strong information hierarchy and original visual storytelling.
Visit Digital Living Lab