DMZ Hub - Digital Community.
product design: web app
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:
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.
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.
the
approach
I used the research to synthesize all my findings and create the following main goals.
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.
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.