Project Report 📑
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.
Design, development, and consultation that
turn your dreams into realities 🌟
Work Facets
Branding Assets 🎨
Conceptualization 💡
User Flow ↗️
UX Research 🔎
Interface Design 💻
Prototyping ⚙️
Design, development, and consultation that
turn your dreams into realities 🌟
Timeline
Four Weeks 🕐
Design, development, and consultation that
turn your dreams into realities 🌟
Status
App is live 🔗
Design, development, and consultation that
turn your dreams into realities 🌟
Led by Aditya A.
Design, development, and consultation that
turn your dreams into realities 🌟
Tools
Figma
Framer
unicorn.studio
Design, development, and consultation that
turn your dreams into realities 🌟
Ideation Phase 💡
Design, development, and consultation that
turn your dreams into realities 🌟
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:
Design, development, and consultation that
turn your dreams into realities 🌟
Discover 🔎
Maps 📌
Friends 🧑🤝🧑
Groups 👨👩👧👦
Design, development, and consultation that
turn your dreams into realities 🌟
Events 🎉
Venues 🏢
Profiles 👤
Messaging 💬
Design, development, and consultation that
turn your dreams into realities 🌟
Major Design Features ✒️
Design, development, and consultation that
turn your dreams into realities 🌟
Discover Flow
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
Search for events, venues, clubs 🔎
Get localized news updates 📢
See trending stories from venues 📈
View featured listings 📃
Design, development, and consultation that
turn your dreams into realities 🌟
Maps Flow
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
Visual heatmap showing popular spots 🗺️
Events, venues, and information 📃
Directions to venue 🧭
Change location 📌
Design, development, and consultation that
turn your dreams into realities 🌟
Venues Flow
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
See events with filters 📅
Get venue / club information ℹ️
View public / private photos 📸
Design, development, and consultation that
turn your dreams into realities 🌟
Events Flow
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
See events details ℹ️
Join as individual / group ➕
Entry options ✅
Payment options 💲
Design, development, and consultation that
turn your dreams into realities 🌟
Friends Flow
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
See all friends 🙋
Add new friends ➕
Message friends 💬
Manage requests 🆕
Design, development, and consultation that
turn your dreams into realities 🌟
Groups Flow
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
See all groups 👨👩👧👦
Create new groups ➕
Message groups💬
Manage members 🔐
Design, development, and consultation that
turn your dreams into realities 🌟
Chats Flow
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
Manage all messages ⚙️
Make polls for events ✅
Record voice notes 🎙️
Multi-picture upload 🖼️
Design, development, and consultation that
turn your dreams into realities 🌟
Advanced Prototyping ⚙️
Design, development, and consultation that
turn your dreams into realities 🌟
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.
Design, development, and consultation that
turn your dreams into realities 🌟
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
Aditya Arun, Idhika Boda
Design, development, and consultation that
turn your dreams into realities 🌟
