Haus Hub

Building a web/mobile platform designed to transform the manual student onboarding journey of Experience Haus into a unified, user-friendly hub

Client

Client

Experience Haus

Experience Haus

Date

Date

2024

2024

Industry

Industry

Education & Design

Education & Design

Duration

Duration

2 weeks (MVP)

2 weeks (MVP)

Tools

Tools

Figma, FigJam, Miro

Figma, FigJam, Miro

Context

Experience Haus is a London based design hub that offers workshops and courses. Currently, students are onboarded through a largely manual process involving emails, forms, and spreadsheets. This process created friction, information gaps, and a reduced sense of community during crucial early weeks

Problem Statement

Students reported difficulties finding course materials, connecting with peers, tracking requirements, and accessing after-course opportunities — resulting in reduced engagement and duplicated workloads for staff

Solution

Build a cross-device, responsive product that merges onboarding, learning content, and alumni community tools into one platform — replacing emails, forms, Slack, and Google Drive with an integrated workflow

*product prototype

Target Audience

  • New Students, Returning Students & Alumni

  • Course instructors providing relevant content

  • Administrators managing onboarding

Primary User Goals

  • Quickly access course materials & onboarding tasks

  • Connect with peers, projects & alumni

  • Receive relevant updates without platform switching

Project Constraints

  • Limited resources and time-to-launch

  • Diverse student schedules and device usage

  • Need for seamless integration with Slack and G-Drive

Business Challenges

Automating Student Onboarding: Reducing Manual Tasks

Automate student onboarding by identifying and digitizing manual tasks, streamlining communications, and integrating data efficiently

Launching a Tiered Community Platform: Tailoring Access Levels

Introduce tiered access levels for the community platform based on user interactions like information sessions or workshops, providing a smooth transition from limited to advanced access

Unified User Journey: Seamless Website-to-Platform Experience

Create a consistent user journey from the Experience Haus website to the community platform, ensuring a cohesive design and user experience

Optimizing Circle Onboarding: Integration and UX

Customize Haus Hub's onboarding process for a seamless brand alignment and user-friendly experience, catering to both desktop and mobile users

Responsive Design: Accessibility Across Devices

Ensure the community platform and processes are responsive, offering a user-friendly experience on desktop and mobile devices through comprehensive testing

Automating Student Onboarding: Reducing Manual Tasks

Automate student onboarding by identifying and digitizing manual tasks, streamlining communications, and integrating data efficiently

Launching a Tiered Community Platform: Tailoring Access Levels

Introduce tiered access levels for the community platform based on user interactions like information sessions or workshops, providing a smooth transition from limited to advanced access

Unified User Journey: Seamless Website-to-Platform Experience

Create a consistent user journey from the Experience Haus website to the community platform, ensuring a cohesive design and user experience

Optimizing Circle Onboarding: Integration and UX

Customize Haus Hub's onboarding process for a seamless brand alignment and user-friendly experience, catering to both desktop and mobile users

Responsive Design: Accessibility Across Devices

Ensure the community platform and processes are responsive, offering a user-friendly experience on desktop and mobile devices through comprehensive testing

Automating Student Onboarding: Reducing Manual Tasks

Automate student onboarding by identifying and digitizing manual tasks, streamlining communications, and integrating data efficiently

Launching a Tiered Community Platform: Tailoring Access Levels

Introduce tiered access levels for the community platform based on user interactions like information sessions or workshops, providing a smooth transition from limited to advanced access

Unified User Journey: Seamless Website-to-Platform Experience

Create a consistent user journey from the Experience Haus website to the community platform, ensuring a cohesive design and user experience

Optimizing Circle Onboarding: Integration and UX

Customize Haus Hub's onboarding process for a seamless brand alignment and user-friendly experience, catering to both desktop and mobile users

Responsive Design: Accessibility Across Devices

Ensure the community platform and processes are responsive, offering a user-friendly experience on desktop and mobile devices through comprehensive testing

Process

Research
interviews + surveys
🔎
📌
Define
pain points + goals
Ideate
journeys + wires
💡
🎨
Design
hi-fi prototypes
Iterate
testing + repeat
🔁
Research
interviews + surveys
🔎
📌
Define
pain points + goals
Ideate
journeys + wires
💡
🎨
Design
hi-fi prototypes
Iterate
testing + repeat
🔁

Observations

0%

Did not receive reminder or confirmation emails

0%

Struggled to manage multiple links and emails

0%

Found key information easily lost in Slack

0%

Wanted more current and relevant resources

0%

Appreciated clarity but desired smoother flow

0%

Felt overwhelmed by too many open tabs

Research Approach

  • 12 user interviews

  • 1 survey (18 responses)

  • Audit of existing onboarding materials

  • Competitor analysis (course platforms & student communities)

Key Insights

  • Students wanted one place to find everything

  • Community is a major motivation but hard to activate

  • Alumni network demand was strong but not utilised

  • Staff spent unnecessary time re-sending links and relevant course files

Personas

  • Card image
  • Card image

Eisen Hover Matrix

Proposed Features & Functionalities

  • Centralised course resources & schedules

  • Checklists for onboarding & submissions

  • Community events & announcements

  • Peer & alumni discovery for networking

  • Slack integration for lightweight communication

Feature imagePre-course welcome page
Feature imageCourse slides & resources
Feature imageAlumni Networks

Current Task Flows

For part-time and full time students
*for touch point description please click on the task mapping table below

*task mapping

Updated Task Flow

Unified for both part-time and full time students

Sketches

Wireframes

From Wireframes → High Fidelity
Early wireframes validated structure and task flows. Based on feedback, the platform was refined to prioritise clarity, responsive layouts, and community visibility

Client feedback:

"Remove unnecessary subpages and features to streamline the platform. Branding is evolving, so colours may change"

Client feedback:

No further feedback — the sign-up flow now feels smooth, modern, and visually engaging

Client feedback:

"Colours look great, but the branding is still undergoing changes with the colour scheme, we’d prefer to launch with a simple colour palette for now and explore customisation options in future updates"

Design System Preview

*click to view

Final Design

Impact

Although currently in MVP stage, early testing demonstrated:

  • Reduced onboarding confusion & support requests

  • Higher student communication during early weeks

  • Improved handover between staff and cohorts

Conclusion

Haus Hub consolidates onboarding, resources, and community access into a single platform, reducing friction for incoming students and giving staff a sustainable, scalable way to support cohorts

Next Steps?

  • Conduct usability testing with multiple cohorts

  • Expand community features for alumni networking

  • Integrate analytics to measure engagement

  • Explore integrations with communication systems

  • Update UI to current brand guidelines