UI design system
Connectify by SocialSphere
A UI Design System proposal for Connectify, a social engagement platform developed by SocialSphere.
Role: UI/UX designer
Tools: Figma
Focus: UI Kit, Style Guide, Component Library, Responsive Screens, Mobile Prototype
Overview
Connectify is a social engagement platform concept developed for SocialSphere, designed to bring people from different cultural backgrounds together through shared interests, meaningful conversations, and community activities.
The project focused on building a cohesive UI design system and applying it to responsive screens that encourage community discovery, cultural exchange, and meaningful connections.
Project Goals
Develop a reusable UI design kit, including typography, color palette, iconography, and component library.
Design responsive desktop and mobile interfaces that maintain consistency across screen sizes.
Create an engaging experience that encourages users to discover communities, participate in cultural events, and connect with others.
Explore interaction design through a mobile prototype featuring key microinteractions.
Key design considerations
Inclusivity & Accessibility
Readable typography, accessible color combinations, and intuitive navigation across devices.
Visual Identity
A friendly, modern interface using a trustworthy violet primary color balanced with warm accent tones to reinforce human connection.
Community Engagement
Community cards, cultural event listings, user profiles, and messaging features designed to encourage participation and interaction.
Consistency & Scalability
Reusable components, defined text styles, and responsive patterns to support a cohesive experience as the platform grows.
UI Design Kit
Interaction design
Animated community join button.
Join confirmation modal.
Transitions between the message inbox and individual conversations.