HypeHub
Hypehub is a searchable, indexed link-in-bio tool for content creators with special focus in the model and adult content social media industry, offering unique Boost and promotion features for engagement and exposure
Project Outline
Design a UI frontend that highlights the uniqueness of HypeHub's features, with dazzling colors and graphics to illuminate a tried and true social media layout chosen to instill a sense of familiarity along with the novelty.
In order to present HypeHub as an one of a kind platform in this space, I looked into their industry landscape and researched into direct competitors as well as some of the site the creators and users frequent for the specific adult content culture. The key aspect is the ability to search their database of creators, something novel and uncommon in their industry.
Extensive research uncovered some insights about the subscription adult content industry having an archetypical style and narrow color aestethic, the use of mainly pinks and sometimes pastel blues, typically against white, for many of the sites surveyed. I saw this as an opportunity to use color as a way to convey to figuratively the uniqueness of the features that HypeHub offers that make it stand out from competitors and the industry at large. The color palette was created by channeling the most bubbly and energetic quality of recognizable social media brands, remixing them by finding hues that truly stood out against the carefully chosen dark core color that contrasts like a pop of neon.
Creative development #
The UI was designed to feel consistent with major related platforms but with a modern twist to not only attract new creators to join their community but also provide a level of familiarity to retain them, while presenting the novel interactions for creators, like "Boosts" and other tools to promote their content in a way that it would appeal to the users that are fans of the creators, as well as other unique features that help these users discover new creators.
I leveraged my experience with Php and backend technologies to help inform and implement the design into fully working web app, using Vue.js to build the UX frontend and Tailwind css to style it. Tailwind was chosen to offer flexibility in customization and maintenance for the HypeHub in house dev team.
The process #
Built with Vue.js and custom Tailwind CSS
- Template color and CSS explorations built using Bootstrap, and then ultimately built for deployment with Tailwind
- Frontend UX made using Vue.js
- Created custom SVG designs and colors for UI/UX elements
- Previous: StopAsianHate
- Next: OFFAIR