AlumniSphere
a clean and modern UI/UX for mobile app build design for ui/ux , prototype, wireframes 0. Design Rules (lock this first) Grid: 8px system Card radius: 12px Button radius: 10px Icon style: Material Outlined Shadows: Very light only Background: #F4F6F8 Primary CTA: Teal Secondary actions: Gray text / outline No gradients except very subtle on hero cards. Period. 1. App Launch Screens 1. Splash Screen Center: College logo (alumnilogo.jpeg) Animation: Fade + slight scale Background: White No buttons 2. Welcome / Auth Choice Logo at top Text: “Alumni Networking Platform” Buttons: Login Sign Up 2. Authentication 3. Login Screen Email field Password field “Forgot password?” Primary button: Login Secondary: Create account 4. Sign Up – Step 1: Personal Full name Phone Email Upload profile photo Next button 3. Sign Up – Multi-Step Forms 5. Academic Information College name Degree Course Specialization Location Year of entry Year of graduation 6. Additional Education College name (MECT / Other) Degree Year Add more (+) 7. Work Information Company name Role Industry Location Time period Checkbox: “I currently work here” Add more (+) 8. Ways to Help Chips / checkboxes: Mentorship Hiring Guest lectures Donations Networking 9. General Information Gender Marital status DOB Blood group Official email Address City Pincode 10. Review & Create Profile Summary cards Edit icons CTA: Create Profile 4. Core App (Post-Login) 11. Home Screen Top Bar Page title Search Notifications Profile avatar Content Announcement card Featured events Quick stats (Alumni | Events | Jobs) Shortcut cards (Directory, Groups, Jobs, Mentors) 12. Notifications Screen List view Event updates Group activity Job alerts 5. Bottom Navigation Screens 13. Community (Main) Tabs: Discussions Groups Chapters “Near me” (optional) 14. Group List Batch-wise groups Icons Member count 15. Group Chat WhatsApp-like layout Text, files, links Group info sheet 16. Career (Main) Job cards Internship cards Mentors Webinars / Hackathons 17. Job Detail Company Role Description Apply / Save 18. Mentor Profile Experience Skills Contact / Request mentorship 19. Messages (Main) Recent chats Group chats Event chats Mentorship chats 20. One-to-One Chat Clean chat UI Attachment button Profile tap → details 6. Events & Posts 21. Events List Event card Date badge RSVP status 22. Event Detail Banner Date, time, location RSVP Actions: Share Bookmark Add to calendar Event chat button 7. Profile & Identity 23. My Profile Photo Name Academic summary Work summary Edit button 24. Edit Profile Editable sections Save / Cancel 25. Digital Alumni ID Card layout QR code College branding 26. Profile Views List of viewers Date/time 8. Hamburger Menu (Control Center) 27. Menu Screen Sections: Profile & Identity My profile Digital ID Edit profile Profile views Discovery Alumni directory Find mentors Advanced search Activities My events My posts My groups Job applications Institution Chapters News Gallery Trips Support & Admin Help board Feedback Invite alumni Settings Logout 9. Settings & Support 28. Settings Notifications Privacy Account Delete account 29. Help & Feedback FAQs Contact admin Submit feedback