Large banner with hive logo in the center, and a graphic of cube shaped bees floating around it.

Hive Social

Company

Hive Social

Role

Product & Brand Design

Industry

Social Media

Date

Aug 2021 - Dec 2024

Screen grabs including home feed, skeleton loader, reposts, and voice posts with comments. The interface is minimal and largely white in color.
Screen grabs including home feed, skeleton loader, reposts, and voice posts with comments. The interface is minimal and largely white in color.
Screen grabs including home feed, skeleton loader, reposts, and voice posts with comments. The interface is minimal and largely white in color.

Project Introduction

As Lead Designer at Hive, I helped transform an early-stage concept into a viral social platform. With a focus on user experience, branding, and interface design, I crafted an intuitive, visually engaging product that prioritized authenticity over algorithms.

Bento grid of components created for Hive. Includes tool tips, image components, link thumbnails in compact and expanded views, and message components.
Bento grid of components created for Hive. Includes tool tips, image components, link thumbnails in compact and expanded views, and message components.
Bento grid of components created for Hive. Includes tool tips, image components, link thumbnails in compact and expanded views, and message components.

Highlight work done

  1. Component Library: Led end-to-end UX and visual design, including a component library and branding system

  2. Onboarding: Created a seamless onboarding experience, improving user acquisition and retention

  3. Personalization tools: Designed an expressive, customizable profile system with flexible content creation

  4. Mod Tools: Moderator safety tools for a safer experience

  5. Logo and Branding: A recognizable brand that connected to the name and mission of Hive

  6. Media tools: Flexible media upload experience for multimedia attachments

  7. Messaging experience: A robust messaging system where users can communicate and send each other interactive components

9 App Icons. From top to bottom includes: Soft pink to blue gradient with white logo. White background with black logo in center and flowers around the logo. Cube yellow bee on white background. Holographic background with white logo. Blue background with grid and white logo on top. Halloween orange logo with jack-o-lantern style cube bee. Red christmas icon with snow dripping from the top of the icon and white bee in the center. Simple back background with white logo. Gradient of pink to purple color and white logo on top.
9 App Icons. From top to bottom includes: Soft pink to blue gradient with white logo. White background with black logo in center and flowers around the logo. Cube yellow bee on white background. Holographic background with white logo. Blue background with grid and white logo on top. Halloween orange logo with jack-o-lantern style cube bee. Red christmas icon with snow dripping from the top of the icon and white bee in the center. Simple back background with white logo. Gradient of pink to purple color and white logo on top.
9 App Icons. From top to bottom includes: Soft pink to blue gradient with white logo. White background with black logo in center and flowers around the logo. Cube yellow bee on white background. Holographic background with white logo. Blue background with grid and white logo on top. Halloween orange logo with jack-o-lantern style cube bee. Red christmas icon with snow dripping from the top of the icon and white bee in the center. Simple back background with white logo. Gradient of pink to purple color and white logo on top.
Left screen incldues a profile showcasing a heading banner, description, and posts. On the right is a green music player screen containing music from Nothing but Thieves with the label "Listening to {users} music".
Left screen incldues a profile showcasing a heading banner, description, and posts. On the right is a green music player screen containing music from Nothing but Thieves with the label "Listening to {users} music".
Left screen incldues a profile showcasing a heading banner, description, and posts. On the right is a green music player screen containing music from Nothing but Thieves with the label "Listening to {users} music".
Black background with white icons in a square grid showcasing the icon system and style used for Hive.
Black background with white icons in a square grid showcasing the icon system and style used for Hive.
Black background with white icons in a square grid showcasing the icon system and style used for Hive.
Left screen includes the post creation screen including two images, a mood sticker, and a caption. On the right is a sheet with a purple and pink gradient, hive logo, and user profile picture telling them to get started with profile music and two buttons to connect their music service or continue as guests.
Left screen includes the post creation screen including two images, a mood sticker, and a caption. On the right is a sheet with a purple and pink gradient, hive logo, and user profile picture telling them to get started with profile music and two buttons to connect their music service or continue as guests.
Left screen includes the post creation screen including two images, a mood sticker, and a caption. On the right is a sheet with a purple and pink gradient, hive logo, and user profile picture telling them to get started with profile music and two buttons to connect their music service or continue as guests.

Before and after

When I first found Hive, it looked like what you see on the left. After working on it and building a solid component library, it evolved into the version on the right. The new design gave everything more space to breathe, making content easier to take in. Icons were cleaned up for a more consistent look, and we leaned into familiar social media patterns to make the experience feel fun and personal.

One of the biggest wins was the custom theme colors. Users loved picking their own and seeing it reflected in buttons, links, and loading screens. The ability to add music to profiles and showcase zodiac signs also made it feel more expressive and unique.

Drag the purple handle to see the before and after image

The impact of the design

  1. Reached #1 on the App Store, gaining 500K+ signups in one week

  2. Surpassed 2 million users, offering a unique alternative to traditional platforms

  3. Became a home for communities seeking control over their content and social experience

  4. Rise in MAU, and retention from useres

Four screens showcasing messages with a pop up message introducing group chats with a modal message and cloud image above it. Message interface including large top section of 6 pinned conversations and a list of the rest of their messages. Third is a red card with the profile picture letting user know they've been suspended, the screen includes a tracker of all their strikes giong from green to yellow to red showcasing their warnings. 4th is accessibility settings letting users reduce motion, choose between autoplay, and make all colors use their color theme instead of seeing other people's profile colors when visiting their page.
Four screens showcasing messages with a pop up message introducing group chats with a modal message and cloud image above it. Message interface including large top section of 6 pinned conversations and a list of the rest of their messages. Third is a red card with the profile picture letting user know they've been suspended, the screen includes a tracker of all their strikes giong from green to yellow to red showcasing their warnings. 4th is accessibility settings letting users reduce motion, choose between autoplay, and make all colors use their color theme instead of seeing other people's profile colors when visiting their page.
Four screens showcasing messages with a pop up message introducing group chats with a modal message and cloud image above it. Message interface including large top section of 6 pinned conversations and a list of the rest of their messages. Third is a red card with the profile picture letting user know they've been suspended, the screen includes a tracker of all their strikes giong from green to yellow to red showcasing their warnings. 4th is accessibility settings letting users reduce motion, choose between autoplay, and make all colors use their color theme instead of seeing other people's profile colors when visiting their page.

My experience

While working on Hive, I picked up a lot of skills that were unique to the social media industry. I learned how to create reusable components that could support all kinds of content, like images, videos, GIFs, multi-image posts, text, and links. More importantly, I focused on making these components flexible enough to feel personal and unique to each user. Simple elements like app icons, color themes, zodiac symbols, profile music, and pronouns gave people the ability to shape their experience in a way that felt meaningful to them.

One of the biggest takeaways from this project was seeing how users interacted with Hive in ways I didn’t expect. Unlike a to-do list app or other more structured platforms, Hive became a space for people to express themselves, journal, and process their thoughts. Their profiles weren’t just accounts—they were personal spaces they cared for and curated as extensions of themselves.

What made this project so rewarding was the connection to the community. I saw post after post from users talking about how Hive became an outlet for them, a place where they could be themselves without the overwhelming algorithms of Instagram and X. Knowing that something I helped design gave people that kind of freedom and expression made this one of the most fulfilling projects I’ve worked on.

Design snapshots

  • Bento grid of components created for Hive. Includes tool tips, image components, link thumbnails in compact and expanded views, and message components.
  • 9 App Icons. From top to bottom includes: Soft pink to blue gradient with white logo. White background with black logo in center and flowers around the logo. Cube yellow bee on white background. Holographic background with white logo. Blue background with grid and white logo on top. Halloween orange logo with jack-o-lantern style cube bee. Red christmas icon with snow dripping from the top of the icon and white bee in the center. Simple back background with white logo. Gradient of pink to purple color and white logo on top.
  • Left screen incldues a profile showcasing a heading banner, description, and posts. On the right is a green music player screen containing music from Nothing but Thieves with the label "Listening to {users} music".
  • Black background with white icons in a square grid showcasing the icon system and style used for Hive.
  • Left screen includes the post creation screen including two images, a mood sticker, and a caption. On the right is a sheet with a purple and pink gradient, hive logo, and user profile picture telling them to get started with profile music and two buttons to connect their music service or continue as guests.
  • Four screens showcasing messages with a pop up message introducing group chats with a modal message and cloud image above it. Message interface including large top section of 6 pinned conversations and a list of the rest of their messages. Third is a red card with the profile picture letting user know they've been suspended, the screen includes a tracker of all their strikes giong from green to yellow to red showcasing their warnings. 4th is accessibility settings letting users reduce motion, choose between autoplay, and make all colors use their color theme instead of seeing other people's profile colors when visiting their page.
  • Bento grid of components created for Hive. Includes tool tips, image components, link thumbnails in compact and expanded views, and message components.
  • 9 App Icons. From top to bottom includes: Soft pink to blue gradient with white logo. White background with black logo in center and flowers around the logo. Cube yellow bee on white background. Holographic background with white logo. Blue background with grid and white logo on top. Halloween orange logo with jack-o-lantern style cube bee. Red christmas icon with snow dripping from the top of the icon and white bee in the center. Simple back background with white logo. Gradient of pink to purple color and white logo on top.
  • Left screen incldues a profile showcasing a heading banner, description, and posts. On the right is a green music player screen containing music from Nothing but Thieves with the label "Listening to {users} music".
  • Black background with white icons in a square grid showcasing the icon system and style used for Hive.
  • Left screen includes the post creation screen including two images, a mood sticker, and a caption. On the right is a sheet with a purple and pink gradient, hive logo, and user profile picture telling them to get started with profile music and two buttons to connect their music service or continue as guests.
  • Four screens showcasing messages with a pop up message introducing group chats with a modal message and cloud image above it. Message interface including large top section of 6 pinned conversations and a list of the rest of their messages. Third is a red card with the profile picture letting user know they've been suspended, the screen includes a tracker of all their strikes giong from green to yellow to red showcasing their warnings. 4th is accessibility settings letting users reduce motion, choose between autoplay, and make all colors use their color theme instead of seeing other people's profile colors when visiting their page.
  • Bento grid of components created for Hive. Includes tool tips, image components, link thumbnails in compact and expanded views, and message components.
  • 9 App Icons. From top to bottom includes: Soft pink to blue gradient with white logo. White background with black logo in center and flowers around the logo. Cube yellow bee on white background. Holographic background with white logo. Blue background with grid and white logo on top. Halloween orange logo with jack-o-lantern style cube bee. Red christmas icon with snow dripping from the top of the icon and white bee in the center. Simple back background with white logo. Gradient of pink to purple color and white logo on top.
  • Left screen incldues a profile showcasing a heading banner, description, and posts. On the right is a green music player screen containing music from Nothing but Thieves with the label "Listening to {users} music".
  • Black background with white icons in a square grid showcasing the icon system and style used for Hive.
  • Left screen includes the post creation screen including two images, a mood sticker, and a caption. On the right is a sheet with a purple and pink gradient, hive logo, and user profile picture telling them to get started with profile music and two buttons to connect their music service or continue as guests.
  • Four screens showcasing messages with a pop up message introducing group chats with a modal message and cloud image above it. Message interface including large top section of 6 pinned conversations and a list of the rest of their messages. Third is a red card with the profile picture letting user know they've been suspended, the screen includes a tracker of all their strikes giong from green to yellow to red showcasing their warnings. 4th is accessibility settings letting users reduce motion, choose between autoplay, and make all colors use their color theme instead of seeing other people's profile colors when visiting their page.

Hello

Hola

こんにちは

Bonjour

नमस्ते

안녕하세요

Olá

© 2025 Gil M. All Rights Reserved.

Hello

Hola

こんにちは

Bonjour

नमस्ते

안녕하세요

Olá

© 2025 Gil M. All Rights Reserved.

Hello

Hola

こんにちは

Bonjour

नमस्ते

안녕하세요

Olá

© 2025 Gil M. All Rights Reserved.