DMZ Hub - Digital Community.

product design: web app

Portfolio-Portal-09

project scope

The DMZ hub was launched in 2015 as an internal web platform to act as a guide for all companies within the startup incubator. The digital hub provided relevant resources and was most commonly used by startups for membership and operational procedures. However, the platform quickly faded away into the background and failed to provide a purpose to its users. In mid 2018, it was evident that the hub required a shiny user-first experience.

user research

Research and findings
In its original state, the hub had outdated branding, leveraged a complicated user flow and lacked user value.

I conducted a range of in-person and online interviews to understand how the target audience was interacting with the existing platform. The key findings were:

  1. No real transfer of knowledge due to which returning users were low
  2. The UX was complicated making navigating through the platform frustrating
  3. Startups were only using it when they had to extend their membership since everything else was hidden in the complex user flow
  4. Entrepreneurs admitted to never using the platform or being unaware of its existence altogether
Portfolio-Portal-05
Portfolio-Portal-06
Portfolio-Portal-07

The portal required a complete overhaul to offer a more valuable, user-friendly and community-driven experience while being aligned with DMZ’s refreshed brand.

user personas

After the user research, I created two different personas of the founder and a staff member.

Portfolio-Portal-02

journey map

I put the user personas into the user journey map to evaluate a typical day from the user’s perspective. This helped me understand how the portal can streamline their overall physical and digital experience with the DMZ.

Portfolio-Portal-03

the
approach

I used the research to synthesize all my findings and create the following main goals. 

Portfolio-Portal-01

underlying idea

In order for the project to succeed, the platform had to deliver a large amount of information to a broad audience in the simplest manner. I boiled everything down and always kept the entrepreneurs at the forefront. The content was split up into relevant categories with search functionality sprinkled throughout the pages. The website interface is clean and minimalistic, working to set a scene of user-friendly endeavours.

The solution portrays the unique perception of the DMZ brand while giving a nice, tailored and informative user experience.

design process

My role in this project included ideation, concept development, content strategy, site architecture, UX design and UI design.

Site architecture and UX flow
With the amount of information the hub had to communicate, card sorting allowed to gather all the content buckets and decide potential website navigation paths. Low fidelity mockups were developed which included step-by-step user interaction and the website architecture.

Portfolio-Portal-04
Portal-Sketch1
Portal-Sketch3
Portal-Sketch2

UI design
After multiple feedback and user testing sessions, the low fidelity mockups were revised to produce the finalized product. This included a style guide covering all aspects such as visual language, iconography, photography and design patterns. The UI was carefully designed to mimic the clean, yet bold personality of the DMZ brand.

Portfolio-Portal-10
Portfolio-Portal-11
Portfolio-Portal-12
Portfolio-Portal-13
Portfolio-Portal-14
Portfolio-Portal-15