Embedded Files
Role: UX/UI Designer | Tools: Figma
CreatorHub is a dynamic platform that connects creators and brands for marketing collaborations, sponsorships, and campaigns.
As the UX/UI designer, I crafted a modern, neon-inspired interface that blends professionalism with a playful, gamified experience. The design focuses on interaction, energy, and flow, using vibrant gradients, glowing highlights, and motion-based elements to make the platform engaging and intuitive.
The structure follows a scalable modular grid with proportional typography and consistent rhythm, ensuring usability across devices. Emphasis was placed on fluid navigation and immersive micro-interactions that make discovering opportunities feel rewarding and seamless.
Design Rationale
The dark base palette anchors the visuals in a tech-forward aesthetic, while neon blues and purples add vibrancy and motion, reflecting creativity and connection. Gamified UI elements, such as animated highlights and interactive cards, encourage engagement while maintaining clarity. The overall system balances fun, function, and futuristic appeal, aligning with the platform’s mission to empower creators and brands through design-driven connection.
Style keywords: neon • dynamic • playful • gamified • tech-inspired • scalable
Concept Development
Typography Rationale
Typography Rationale
DM Sans was selected for its clean, approachable geometry and contemporary aesthetic, aligning with the platform’s energetic and creator-focused identity. The type hierarchy scales proportionally (128pt, 96pt, 64pt, 36pt, 24pt) to create a clear rhythm and impactful visual flow across sections. Bold and ExtraBold weights deliver presence and confidence, while Regular and SemiBold styles maintain legibility and balance. Together, these choices express modernity, playfulness, and accessibility, reinforcing the platform’s vibrant and gamified design language
Color Palette Rationale
Color Palette Rationale
The color system combines neon gradients and glowing hues to capture the energy and creativity of the creator community. Shocking Pink and Steel Pink add vibrancy and motion, while Palatinate Blue and Electric Indigo introduce depth and futuristic contrast. Black serves as a dark foundation that enhances glow effects, and White ensures clarity and balance. Accents like Flax and Celeste bring warmth and freshness, preventing visual fatigue. Together, these tones create a bold, gamified aesthetic that feels dynamic, approachable, and unmistakably modern.
Layout & Grid Rationale
Layout & Grid Rationale
The layout follows a modular 12-column grid system designed for flexibility and visual flow across devices. Generous spacing, consistent alignment, and proportional scaling establish rhythm and structure while allowing dynamic visual moments to stand out. Interactive components — such as glowing buttons and animated cards — are integrated within the grid to maintain order without limiting playfulness. This balance of structure and motion ensures a fluid, engaging experience that feels both systematic and gamified, supporting the platform’s vibrant and interactive identity.
Page updated
Google Sites
Report abuse