- Industry
- Tech
- Service
- Product Design
- Timeline
- 2 Weeks
Project Overview
Saylani Alumni needed more than a 
static website. The product connects alumni identity, recruiter discovery, 
community interaction, and admin management into one scalable 
digital system.
The Challenge
Bridging The Gap Between Learning And Professional Growth
Although Saylani trained thousands of students, there was no dedicated platform to maintain connections, showcase talent, and create direct pathways between graduates and career opportunities.
01
Talent was hard
to discover
02
Opportunities
were scattered
03
Community
engagement was weak
04
Alumni visibility
was limited
05
Admin control
needed structure
01
Talent was hard
to discover
02
Opportunities
were scattered
03
Community
engagement was weak
04
Alumni visibility
was limited
05
Admin control
needed structure
Solution
Creating A Connected Ecosystem For Growth
We transformed the alumni experience into a structured digital platform where users can build professional identities, discover opportunities, connect with others, and create meaningful career journeys.
A System Built To Grow
We designed a scalable platform where students, alumni, recruiters, and administrators can access role-specific tools and experiences. The system creates a structured foundation for managing users, opportunities, and community activities while supporting future growth of the Saylani ecosystem.
One Connected Network
We designed a dedicated digital community where students, graduates, and professionals can stay connected beyond the classroom. The platform creates a space for networking, knowledge sharing, discussions, and meaningful interactions between members of the Saylani ecosystem.
A Bridge To Careers
We transformed the alumni network into a career-focused platform where graduates can showcase their skills and recruiters can discover trained talent. The experience connects skilled individuals with relevant opportunities through structured profiles and hiring workflows.
Process
From Research To A Scalable Product Experience
Our design process focused on understanding user needs, defining clear structures, creating intuitive flows, and developing a consistent visual system that supports the future growth of the platform.
Discovery
Research
Design
Development
User Research
Understanding The People Behind The Platform
We explored the needs, challenges, and expectations of different users to understand how students, graduates, and recruiters interact with opportunities and professional networks.
Muhammad Abdul Sherjeel
26 YearMaleFresh Graduate
sharjeel is a recent Saylani graduate who has completed his technical training and is preparing to enter the professional world.
Main Goal
Build a professional identity, connect with experienced alumni, and discover career opportunities that match his skills.
Frustration
Doesn’t know the right path from learning to employment Has limited professional connections. Finds it difficult to showcase skills and projects.
Haris Sehgal
28 YearMaleRecruiter
Haris is a recruitment professional who works with companies looking for skilled and reliable candidates.
Main Goal
Find skilled Saylani graduates, evaluate their capabilities, and connect with suitable candidates quickly.
Frustration
Finding quality junior talent takes significant time.Candidate skills are difficult to verify before hiring. Needs a trusted source of trained candidates.
Information Architecture
Structuring A Multi-Role Digital Ecosystem
The platform required a clear structure to support different user journeys. We organized features and flows around the needs of students, alumni, recruiters, and administrators.
Wireframes
Creating The Foundation Before The Interface
Wireframes helped us define layouts, user flows, and interactions before moving into visual design, ensuring the experience remained simple, intuitive, and goal-focused.
Visual Style
Creating A Visual Language That Represents Growth
The visual system was designed to reflect Saylani Alumni's identity through a balance of professionalism, accessibility, and modern technology.
Typeface
Inter
Regular16px
Medium24px
Bold32px
Italic64px
Colors
Primary
#9359FF
White
#ffffff
Grey
#E5E2E2
Dark
#000000
Primary
#9359FF
White
#ffffff
Grey
#E5E2E2
Dark
#000000
Icons
Component
Final Design
Turning Strategy Into A Complete Digital Experience
The final design brings together the public website and alumni platform into one connected ecosystem, providing a seamless experience for students, alumni, recruiters, and administrators.
Landing Page
Product
Testimonial
What The Client Says About The Experience
Hear from the Saylani team about their experience working with us, the design process, and how the final product vision aligned with their goals of building a connected alumni ecosystem.
This platform transforms the way we stay connected with our graduates. It gives students, alumni, and organizations a shared space to collaborate, creating a stronger ecosystem around learning and career growth
Usman Kashif
Program Director - SMIT
Saylani Alumni represents the next step in our mission keeping students connected beyond the classroom. By bringing graduates, mentors, and recruiters together on one platform, we are creating an ecosystem where learning turns into opportunity and success.
Zeeshan Aijaz
HOD - SMIT
Credits
People Behind The Experience
This project was brought to life through collaboration between designers, developers, stakeholders, and the Saylani team working together to create a meaningful digital ecosystem.
Moosa Khan
Software Engineer
Muneeb ur Rehman
Product Designer
Syed Muhammad Ahmed
UI/UX Designer
