iConnect
UI / UX Design
UI / UX Design
Mobile App Design
Mobile App Design
Business Consultation
Business Consultation
In an attempt to re-imagine the social aspects of the partying and event experience, iConnect is a modern take on a people discovery network.
In an attempt to re-imagine the social aspects of the partying and event experience, iConnect is a modern take on a people discovery network.
In an attempt to re-imagine the social aspects of the partying and event experience, iConnect is a modern take on a people discovery network.
Work Facets
Branding Assets 🎨
Conceptualization 💡
User Flow ↗️
UX Research 🔎
Interface Design 💻
Prototyping ⚙️
Work Facets
Branding Assets 🎨
Conceptualization 💡
User Flow ↗️
UX Research 🔎
Interface Design 💻
Prototyping ⚙️
Tools
Figma
Framer
unicorn.studio
Tools
Figma
Framer
unicorn.studio
Ideation Phase 💡
Starting out as a bunch of thoughts on paper from the client, we had to piece together how those ideas could form into one cohesive mobile experience.
Post brainstorming sessions, the overall concept was grouped into feature sets to aid in forming user flows:
Starting out as a bunch of thoughts on paper from the client, we had to piece together how those ideas could form into one cohesive mobile experience.
Post brainstorming sessions, the overall concept was grouped into feature sets to aid in forming user flows:
Starting out as a bunch of thoughts on paper from the client, we had to piece together how those ideas could form into one cohesive mobile experience.
Post brainstorming sessions, the overall concept was grouped into feature sets to aid in forming user flows:
Discover 🔎
Maps 📌
Friends 🧑🤝🧑
Groups 👨👩👧👦
Discover 🔎
Maps 📌
Friends 🧑🤝🧑
Groups 👨👩👧👦
Events 🎉
Venues 🏢
Profiles 👤
Messaging 💬
Events 🎉
Venues 🏢
Profiles 👤
Messaging 💬
Major Design Features ✒️
Major Design Features ✒️
Major Design Features ✒️
Discover Flow
Discover Flow
Discover Flow
The home page for the app is a place for discovery, with featured stories, events, venues, today's highlights, upcoming fests, news highlights etc. of a particular event.
It also allows the user to change their location.
The home page for the app is a place for discovery, with featured stories, events, venues, today's highlights, upcoming fests, news highlights etc. of a particular event.
It also allows the user to change their location.
The home page for the app is a place for discovery, with featured stories, events, venues, today's highlights, upcoming fests, news highlights etc. of a particular event.
It also allows the user to change their location.
Search for events, venues, clubs 🔎
Get localized news updates 📢
See trending stories from venues 📈
View featured listings 📃
Search for events, venues, clubs 🔎
Get localized news updates 📢
See trending stories from venues 📈
View featured listings 📃
Search for events, venues, clubs 🔎
Get localized news updates 📢
See trending stories from venues 📈
View featured listings 📃
Maps Flow
Maps Flow
Maps Flow
The main discovery flow, events and venues are shown in an interactive heatmap (event popularity determines circle size), as well as a list card below. Users can click events on the map to see key details, view full details, navigation data from current location, and access direct navigation to Google maps.
The main discovery flow, events and venues are shown in an interactive heatmap (event popularity determines circle size), as well as a list card below. Users can click events on the map to see key details, view full details, navigation data from current location, and access direct navigation to Google maps.
The main discovery flow, events and venues are shown in an interactive heatmap (event popularity determines circle size), as well as a list card below. Users can click events on the map to see key details, view full details, navigation data from current location, and access direct navigation to Google maps.
Visual heatmap showing popular spots 🗺️
Events, venues, and information 📃
Directions to venue 🧭
Change location 📌
Visual heatmap showing popular spots 🗺️
Events, venues, and information 📃
Directions to venue 🧭
Change location 📌
Visual heatmap showing popular spots 🗺️
Events, venues, and information 📃
Directions to venue 🧭
Change location 📌
Venues Flow
Shows all details of a venue, such as events, entry details, and public / private photos. Public photos can be uploaded by users, whereas private photos are added by the venues.
Users also have quick actions to access events, see mutuals going to specific events, etc.
Shows all details of a venue, such as events, entry details, and public / private photos. Public photos can be uploaded by users, whereas private photos are added by the venues.
Users also have quick actions to access events, see mutuals going to specific events, etc.
Shows all details of a venue, such as events, entry details, and public / private photos. Public photos can be uploaded by users, whereas private photos are added by the venues.
Users also have quick actions to access events, see mutuals going to specific events, etc.
See events with filters 📅
Get venue / club information ℹ️
View public / private photos 📸
See events with filters 📅
Get venue / club information ℹ️
View public / private photos 📸
See events with filters 📅
Get venue / club information ℹ️
View public / private photos 📸
Events Flow
Events Flow
Events Flow
Shows all details of a particular event, and ways to access that event. There are user flows from both an individual/ group perspective to join an event, in various social configurations.
The page also allows users to get paid access to tables created by other groups.
Shows all details of a particular event, and ways to access that event. There are user flows from both an individual/ group perspective to join an event, in various social configurations.
The page also allows users to get paid access to tables created by other groups.
Shows all details of a particular event, and ways to access that event. There are user flows from both an individual/ group perspective to join an event, in various social configurations.
The page also allows users to get paid access to tables created by other groups.
See events details ℹ️
Join as individual / group ➕
Entry options ✅
Payment options 💲
See events details ℹ️
Join as individual / group ➕
Entry options ✅
Payment options 💲
See events details ℹ️
Join as individual / group ➕
Entry options ✅
Payment options 💲
Friends Flow
Managing all the user's connections is essential to any socially inclined app, and the friends section allows someone to interact with, talk to, and manage their friends circle.
Adding, un-friending and managing requests also helps to organize the circle.
Managing all the user's connections is essential to any socially inclined app, and the friends section allows someone to interact with, talk to, and manage their friends circle.
Adding, un-friending and managing requests also helps to organize the circle.
Managing all the user's connections is essential to any socially inclined app, and the friends section allows someone to interact with, talk to, and manage their friends circle.
Adding, un-friending and managing requests also helps to organize the circle.
See all friends 🙋
Add new friends ➕
Message friends 💬
Manage requests 🆕
See all friends 🙋
Add new friends ➕
Message friends 💬
Manage requests 🆕
See all friends 🙋
Add new friends ➕
Message friends 💬
Manage requests 🆕
Groups Flow
Groups are core to the experience of this platform. The group view enables you to manage all your circles, while group pages show you all the details of specific groups. Admins can edit details, as well as manage all members.
Creating a group is highly detailed as well, wherein users can select pre-requisites and lay out their terms.
Groups are core to the experience of this platform. The group view enables you to manage all your circles, while group pages show you all the details of specific groups. Admins can edit details, as well as manage all members.
Creating a group is highly detailed as well, wherein users can select pre-requisites and lay out their terms.
Groups are core to the experience of this platform. The group view enables you to manage all your circles, while group pages show you all the details of specific groups. Admins can edit details, as well as manage all members.
Creating a group is highly detailed as well, wherein users can select pre-requisites and lay out their terms.
See all groups 👨👩👧👦
Create new groups ➕
Message groups💬
Manage members 🔐
See all groups 👨👩👧👦
Create new groups ➕
Message groups💬
Manage members 🔐
See all groups 👨👩👧👦
Create new groups ➕
Message groups💬
Manage members 🔐
Chats Flow
Custom messaging interface between people, in groups, with typical features like texting, voice messaging, sending media, sharing events, etc.
Friends and Groups are separated into different sections, and groups are auto-created based on merging of individuals and groups for various events.
Custom messaging interface between people, in groups, with typical features like texting, voice messaging, sending media, sharing events, etc.
Friends and Groups are separated into different sections, and groups are auto-created based on merging of individuals and groups for various events.
Custom messaging interface between people, in groups, with typical features like texting, voice messaging, sending media, sharing events, etc.
Friends and Groups are separated into different sections, and groups are auto-created based on merging of individuals and groups for various events.
Manage all messages ⚙️
Make polls for events ✅
Record voice notes 🎙️
Multi-picture upload 🖼️
Manage all messages ⚙️
Make polls for events ✅
Record voice notes 🎙️
Multi-picture upload 🖼️
Manage all messages ⚙️
Make polls for events ✅
Record voice notes 🎙️
Multi-picture upload 🖼️
Advanced Prototyping ⚙️
Advanced Prototyping ⚙️
Advanced Prototyping ⚙️
Discover 👀
Party 🎉 Connect 🤝
Find a crowd that vibes with you with
iConnect
Enter a world of fun
The onboarding process is what makes or breaks user retention on an app, we've incorporated a fun WebGL-based gradient to keep the user engaged while going through registration.
The onboarding process is what makes or breaks user retention on an app, we've incorporated a fun WebGL-based gradient to keep the user engaged while going through registration.
The onboarding process is what makes or breaks user retention on an app, we've incorporated a fun WebGL-based gradient to keep the user engaged while going through registration.
We approached 8px with a simple overarching request — give us A-tier designs to make our concept a reality. And they did, while also working with us to evolve the concept significantly.
Anik Ratnani - Founder and CEO @ iConnect
Team
Team
Aditya A., Idhika B.
Aditya A., Idhika B.
