Hubbble
UI Designer | March 2024

A design-centered networking app providing designers a streamlined platform for starting projects, networking, user-testing, and critiquing.

Try it out

why?

Designers live in a collaborative environment. A world centered around user-based media requires connections between designers, developers, and researchers to fully realize a project, which can be difficult with current platforms focused on professionalism.

how?

Hubbble aims to provide a basis for connections between designers, developers, and anyone else in the related creative field. An app geared towards designers, with a welcoming community in which users can build real connections, find team members for personal projects, and request critiques from community members.

To do so, we veered away from over-professionalism by making friendly design choices, with rounded corners and a colorful theme, while still being navigable and minimalistic.

User Personas

User personas were provided to my team by Design Interactive as part of the designathon.

personas

Competitive Audit

We conducted a competitive audit with existing networking platforms, such as Behance, LinkedIn, and Handshake.

behance linkedin handshake

User Interviews

We interviewed four tech-involved individuals on their challenges and preferences for creating projects and netwokrking.

Research Results

Users find popular networking platforms come off as intimidating, and maintaining connections is difficult due to lack of personal connection. Another pain point was a difficulty finding project ideas and gathering a team.

Design System

Our typography choices were made with lightness, ease of reading, and branding in mind. We felt that Space Grotesk was fitting for our space-themed platform. The choice of different fonts for headers and body text was made to increase visual stimulation and keep the interface looking fresh.

Title
Space Grotesk 50pt

Header
IBM Plex Sans 20pt

Body
Jaldi 16pt

#1C1A26

#8884B2

#D58F98

#F2C785

#92D5E4

#F8B83B

The Goal?

To create a platform that encourages personal growth as a designer.

homegif

The dark-themed home page recommends relevant posts and hubbbles for the user. From here, the user navigates to a weekly challenge page, where a new design challenge is posted every week. Users are encouraged to share their designs or seek out mentorship.

lfggif

The "Expand Your Hubbble" page is one of two pages accessible from the magnifying glass in the navigationbar. On this page, users can browse and join different hubbbles, each of which serves a different purpose.

profilegif

A dating-app-esque swiping system puts a face to a name. To increase personal connection between users and tackle the issue of nameless, faceless users, interaction between designers is encouraged through the profile-browsing feature.

Try it out