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
  • request critiques from community members

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

persona-sam

Sam the Skill Enthusiast

Background

Sam is a mid-career designer looking to stay updated with the latest design trends and technologies. Enjoys learning new skills to remain competitive in the evolving design landscape.

Challenges

Struggles with finding relevant and engaging skill development opportunities. Seeks a solution that curates personalized skill development plans and resources.

persona-nina

Nina the Networking Novice

Background

Nina is a junior designer who finds networking challenging and intimidating. Recognizes the importance of building professional connections but doesn't know where to start.

Challenges

Needs assistance in navigating networking events and establishing meaningful connections. Desires a platform that facilitates easy and purposeful networking within the design community.

behance

Pros

  • clean UI
  • emphasis on hero images
  • thorough user profiles

Cons

  • difficult to navigate
  • difficult to stand out
linkedin

Pros

  • wide variety of job postings
  • encourages networking

Cons

  • intimidating
  • update posts and forums feel inauthentic

We want to put the best qualities of our competitors into Hubbble, and take out the worst. Users should have a variety of tools at their disposal to engage with their community while still being able to easily navigate through the app.

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