Hero
Hero
Hero

Digital Infra Network

Sharing Sustainable Digital Infrastructure Thinking

Digital Infra Network is committed to connecting high level influencers and decision makers who design, build, own and operate all forms of digital infrastructure, with solution providers who have the technology and know how to reduce the industry’s carbon footprint.

Client

Digital Infrastructure Partners

Year

2020 — 2021

Services

Project Management UX & UI Design Frontend Development Backend Development Backoffice

Technology

Nuxt.js WordPress Ruby on Rails

Challenge

Project Goals

One of our clients recommended Concealed to the Digital Infrastructure Partners, who reached out to see if we could implement a virtual event platform that needed to be built on short-notice and then expanded over time. As the collaboration evolved, we ended up creating a full re-design of the platform, for a fresher, more on-brand visual.

Project Goals
Project Goals

Makeover

Before & After

The platform’s redesign gave it a polished, lighter look.

Cantinho de Coimbra before
Cantinho de Coimbra after

Design

Design Elements

Project Colors

Color Palette

Digital Infrastructure Partners was looking for a website upgrade that had the existing logo as its color foundation. This meant working with purple and orange, to which we added white and light grey colors for contrast and clarity.

Project Typography

Typography

Work Sans is a delicate font from a big font family, which allows for more dynamism in the pages while maintaining a clean look: the perfect choice for a news-related platform!

Project Illustrations

Illustrations

We created a visual identity with slightly irregular circles that represented the connectivity between all elements present in the network: Speakers, Partners and the Talks between them.

Design

Components

Once we defined the project’s design elements, we created the design system: the set of reusable components that could be assembled together like puzzle pieces to build new, consistent looking pages within the same style.

Components

Development

Tech Stack

This project had a very short timeframe for the MVP (two weeks) so we needed a framework that was simple to use but had powerful builtin features for the project specifity. We chose to work with a NuxtJS framework powered by Vue.js language that we connected to WordPress's API to manage Articles, News and Opinions. The stack was completed with a custom Ruby on Rails backend with personalized features such as partners management, talks with sessions connected to Twitter API and powerful analytics with custom reporting for partners.

Digital Infra Network Tech Stack demonstration

New Platform

Homepage

The homepage needed to feel more alive: we added sections for upcoming events, featured articles, and latest news and opinions, for a more dynamic feeling.

New Platform

Events

It was crucial that all relevant event information was easily accessible at all times.

Talks

Talks
Talks

Speakers

New Platform

Information resources

Articles, News and Opinions about digital sustainability: each an essential type of information that needed to be highlighted in an individual way.

Articles

Articles
Articles

News

News
News

Opinions

New Platform

Search Functionality

In a platform with so many rich resources, the implementation of a search results page with filtering was essential.

New Platform

Other Pages

Every page is consistent with the defined structure and graphical elements, creating a seamless navigation experience.

Other Screens
Other Screens

New Platform

Mobile

All pages were designed and implemented to be fully responsive so that users in different devices all have the best possible experience.

Mobile

New Platform

Outcome

A fresher, more modern platform that better structures and displays Digital Infra Network’s sustainable information.

Outcome

Have an idea?

We can help you bring it to life!