Digital Spaces Living Lab

Client: DSLL

Sofia, Bulgaria

January, 2025

Tools:

Brief: To create a new visual identity for Digital Spaces Living Lab, including its many trials and projects.

Company Mission:

Digital Spaces Living Lab (DSLL) is a leading European living lab dedicated to enhancing novel products, services, and applications that transform daily life by testing them in real-world environments. Over the past 14 years, DSLL has conducted more than 45 large-scale product and technology validation trials across diverse sectors, including smart cities, location-based services, Earth Observation, smart agriculture, mobile applications, wearables, well-being, sports, museums, art galleries, gaming, and digital media. DSLL contributes to one of the few platforms worldwide that enables multi-scale, multi-sensor Earth Observation, facilitating the seamless integration and joint analysis of Earth Observation, IoT, and wearable sensor data. DSLL co-founded Smart Fab Lab, the oldest digital fabrication lab in Sofia, Bulgaria.

My Role:

I was responsible for redesigning DSLL’s website, rebranding its logo and visual identity, and restructuring its content. The company had an extensive portfolio of projects, partner collaborations, trials, and events that needed a more intuitive and organised presentation.

The new branding draws inspiration from the mathematical elegance of Voronoi diagrams, combining structured geometry with more organic forms. My work was wireframing, prototyping, and developing the website’s graphic and visual design language, restructuring the site’s layout, refined navigation, and optimising SEO to ensure an engaging user experience.

Logo Design & Exploration

#167E8E

#145FAD

#3B8DCC

Final Logo & Branding

Codan is the main font used for both DSLL’s website and logo, maintaining a consistent typographic identity. To ensure visual cohesion across all website pages, graphical elements inspired by the logo appear in the About and Services pages. These elements incorporate varying sequences of geometric Voronoi patterns.

Website Flowchart

I created a flowchart to visually map out the website’s structure. The previous DSLL website had a cluttered layout, with trials, projects, and events all merged into a single page. To improve clarity, I worked with the client to establish a well-defined structure that distinctly separates these categories.

Each project and trial is now organised to highlight key details, including the client, timeframe, location, website, awards, distinctions, and a brief description of the initiative.

User Interface Design

Desktop Experience:

The desktop version of the Digital Spaces Info website is structured for clarity and ease of navigation. The homepage serves as an entry point, providing a organised overview of the platform’s content.
A top navigation bar ensures quick access to key sections, maintaining a clean and professional look. The layout is spacious, with content blocks arranged to enhance readability while keeping users engaged.
Each content section is distinctly separated, allowing users to explore topics without information overload.

Mobile Experience:

The mobile version is fully responsive, reformatting the structured desktop layout into a streamlined vertical format. All contact forms and events blogs are reformatted to be mobile-friendly.
A collapsible hamburger menu replaces the full navigation bar.
Interactive elements and hover effects are optimised for touch gestures, maintaining good performance on smaller screens.