Have an idea?
We can help you bring it to life!
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 ManagementUX & UI DesignFrontend DevelopmentBackend DevelopmentBackoffice
Technology
Nuxt.jsWordPressRuby 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.
Makeover
Before & After
The platform’s redesign gave it a polished, lighter look.
Design
Design Elements
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.
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!
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.
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 Nuxt.js 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.
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
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
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.
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.
New Platform
Outcome
A fresher, more modern platform that better structures and displays Digital Infra Network’s sustainable information.