End-to-End Website Design and Development Project

Robot with Drone Animation

What is Laurea Digital Living Lab?

The Laurea Digital Living Lab serves as a dynamic platform fostering innovation, collaboration, and experimentation in digital technologies.

Goal

The goal of this redesign project was to create a user-centric, visually engaging website that effectively communicates the Laurea Digital Living Lab’s mission and offerings while enhancing usability for a diverse audience. 

Laurea Digital Living Lab Website Home Page on Mobile
Laurea Digital Living Lab Website Home Page on Desktop
Laurea Digital Living Lab Website Mobile Menu

Project Overview:

The original website presented challenges including outdated aesthetics, inconsistent navigation, and limited responsiveness across devices. My redesign focused on:

  • User Experience (UX): Streamlining the site architecture to simplify navigation and improve information discoverability for students, researchers, and partners.
  • Visual Identity: Refreshing the look with a modern, clean design that aligns with Laurea’s branding while highlighting the innovative spirit of the Digital Living Lab.
  • Content Strategy: Organizing content clearly with prioritized calls-to-action, making it easier for visitors to engage with ongoing projects, events, and collaboration opportunities.
  • Mobile Responsiveness: Ensuring seamless functionality and readability on smartphones and tablets to accommodate on-the-go users.
  • Accessibility: Incorporating inclusive design principles to make the website usable for all visitors, including those with disabilities.

Desktop/Mobile version of the Laurea Digital Living Lab website:

There are 9 pages on the website

  • Home Page
  • WBL (Work-Based Learning)
  • Course Overview
  • Development Projects
  • Academic Writing
  • Content Picks
  • Equipment
  • Partners
  • Contact us
Laurea Digital Living Lab Website Footer on Page on Desktop

Icon Design:

These icons were designed for the Laurea Digital Living Lab Equipment, Content Pics, Partner and Home webpages. The icon colors were selected from Laurea’s main brand palette, and the visuals were chosen based on the content of the webpage.

Laurea Digital Living Lab Website Partner Page on Mobile
Laurea Digital Living Lab Website Equipment Page on Desktop
Laurea Digital Living Lab Website Content Pics Page on Mobile
Future Improvements

 

1. Regular Usability Testing
Perform ongoing usability testing with actual users to better understand how people interact with the Laurea DLL website. Each round of testing should result in actionable insights, which should then be implemented to enhance the overall user experience and usability of the site.

2. Regular Accessibility Testing
Conduct regular accessibility testing involving real users with disabilities. This will help identify and address barriers that affect their ability to use the Laurea DLL website. After each round of testing, all findings should be carefully analyzed and used to improve the website’s accessibility.

 

Tools
  • Adobe CC: Illustration, Photoshop, Premiere Pro, After Effects
  • WIX
  • MS Teams, MS Outlook
Laurea Digital Living Lab Website Equipment Page on Mobile
Laurea Digital Living Lab Website WBL Page on Desktop