BACK TO HOME
College Notice Management App:
UX Case Study
College Notice Management App:
UX Case Study
BACK TO HOME
BACK TO HOME
Project Overview
Project Overview
Project Overview
This project focuses on solving a key problem faced by college students — the lack of a centralized platform for college notices and announcements. I designed an app that brings all official updates into one place, improving information accessibility and ensuring a clear, student-friendly user experience.
This project focuses on solving a key problem faced by college students — the lack of a centralized platform for college notices and announcements. I designed an app that brings all official updates into one place, improving information accessibility and ensuring a clear, student-friendly user experience.
This project focuses on solving a key problem faced by college students — the lack of a centralized platform for college notices and announcements. I designed an app that brings all official updates into one place, improving information accessibility and ensuring a clear, student-friendly user experience.
Problem
Problem
Problem
Students miss critical college notices and announcements because information is scattered across the main college website, WhatsApp groups and physical bulletin boards, leading to missed opportunities and academic stress.
Students miss critical college notices and announcements because information is scattered across the main college website, WhatsApp groups and physical bulletin boards, leading to missed opportunities and academic stress.
Students miss critical college notices and announcements because information is scattered across the main college website, WhatsApp groups and physical bulletin boards, leading to missed opportunities and academic stress.
Solution
Solution
Solution
A centralized mobile app that aggregates all college notices, announcements, exam schedules & placement/internship opportunities with smart notification & categorization.
A centralized mobile app that aggregates all college notices, announcements, exam schedules & placement/internship opportunities with smart notification & categorization.
A centralized mobile app that aggregates all college notices, announcements, exam schedules & placement/internship opportunities with smart notification & categorization.
My role
My role
My role
UX designer & Researcher
UX designer & Researcher
UX designer & Researcher
Timeline
Timeline
Timeline
3-4 weeks
3-4 weeks
3-4 weeks
Tools Used
Tools Used
Tools Used
Figma, Fig-jam, Docs, Notion
Figma, Fig-jam, Docs, Notion
Figma, Fig-jam, Docs, Notion
Team
Team
Team
Solo Project
Solo Project
Solo Project
Design Process
Design Process
Design Process
Discovery
Discovery
User interviews
User interviews
User research
User research
01
Discovery
User interviews
User research
01
Define
Define
User persona
User persona
Empathy map
Empathy map
02
Define
User persona
Empathy map
02
Ideate
Ideate
User flow
User flow
Information Architecture
Information Architecture
03
Ideate
User flow
Information Architecture
03
Design
Design
Wireframes
Wireframes
Final Design
Final Design
04
Design
Wireframes
Final Design
04
01. DISCOVERY PHASE
01. DISCOVERY PHASE
01. DISCOVERY PHASE
User Research and Survey
User Research and Survey
User Research and Survey
- For user research and the survey, I interviewed 10 of my friends.
- I sent them a Google Form that had around 9–10 questions.
- For user research and the survey, I interviewed 10 of my friends.
- I sent them a Google Form that had around 9–10 questions.
- For user research and the survey, I interviewed 10 of my friends.
- I sent them a Google Form that had around 9–10 questions.
Few questions that i asked…
Few questions that i asked…
Few questions that i asked…
Key Insights from User Research & Survey
Key Insights from
User Research & Survey
- 80% of students have missed important notices (70% scholarship & 70% placements related).
- 90% depends on WhatsApp groups despite frustration & 70% rely on friends.
- Only 20% students are satisfied with the current way of getting college notices.
- 70% would definitely use centralized app (90% total positive adoption intent).
- Zero resistance to concept.
- 80% of students have missed important notices (70% scholarship & 70% placements related).
- 90% depends on WhatsApp groups despite frustration & 70% rely on friends.
- Only 20% students are satisfied with the current way of getting college notices.
- 70% would definitely use centralized app (90% total positive adoption intent).
- Zero resistance to concept.
Key Insights
- 80% of students have missed important notices (70% scholarship & 70% placements related).
- 90% depends on WhatsApp groups despite frustration & 70% rely on friends.
- Only 20% students are satisfied with the current way of getting college notices.
- 70% would definitely use centralized app (90% total positive adoption intent).
- Zero resistance to concept.
Pain Points
Pain Points
- Students check 3-4 places for updates or notices (WhatsApp, college site, telegram for placements).
- Mostly students students rely WhatsApp or friends to get notices, leading to inconsistent or delayed information.
- Sometimes fake notices appear on WhatsApp.
- There is no filter option on the website (like department or year).
- Many people end up missing notices or updates because it’s tiring to keep checking the website repeatedly, & WhatsApp is full of other messages.
- Students check 3-4 places for updates or notices (WhatsApp, college site, telegram for placements).
- Mostly students students rely WhatsApp or friends to get notices, leading to inconsistent or delayed information.
- Sometimes fake notices appear on WhatsApp.
- There is no filter option on the website (like department or year).
- Many people end up missing notices or updates because it’s tiring to keep checking the website repeatedly, & WhatsApp is full of other messages.
Pain Points
- Students check 3-4 places for updates or notices (WhatsApp, college site, telegram for placements).
- Mostly students students rely WhatsApp or friends to get notices, leading to inconsistent or delayed information.
- Sometimes fake notices appear on WhatsApp.
- There is no filter option on the website (like department or year).
- Many people end up missing notices or updates because it’s tiring to keep checking the website repeatedly, & WhatsApp is full of other messages.
02. DEFINE PHASE
02. DEFINE PHASE
02. DEFINE PHASE
User persona
User persona
User persona
Rahul K. Sharma
21, B.tech Final Year
Rahul K. Sharma
21, B.tech Final Year
Rahul K. Sharma
21, B.tech Final Year
Goals
Goals
Stay updated on college notices, exams, placements & scholarships
Stay updated on college notices, exams, placements & scholarships
Access all updates in one place
Access all updates in one place
Never miss deadlines/opportunities
Never miss deadlines/opportunities
Save time vs. checking multiple sources
Save time vs. checking multiple sources
Goals
Stay updated on college notices, exams, placements and scholarships
Access all updates in one place
Never miss deadlines and opportunities
Save time vs. checking multiple sources
Needs
Needs
One official app for all notices
One official app for all notices
Smart categorization settings (placement/academic)
Smart categorization settings (placement/academic)
Custom notification preferences
Custom notification preferences
Offline access to important notices
Offline access to important notices
Needs
One official app for all notices
Smart categorization settings (placement/academic)
Custom notification preferences
Offline access to important notices
Frustrations
Frustrations
Notices scattered across platforms
Notices scattered across platforms
Fake/misleading notices circulate
Fake/misleading notices circulate
Finds out late, often via friends
Finds out late, often via friends
Frustrations
Notices scattered across platforms
Fake/misleading notices circulate
Finds out late, often via friends
“I just wish there was one reliable app where I could see all college notices without missing anything important.”
“I just wish there was one reliable app where I could see all college notices without missing anything important.”
“I just wish there was one reliable app where I could see all college notices without missing anything important.”
Empathy mapping
Empathy mapping
Empathy mapping
“I usually find out about notices
through WhatsApp or friends.”
“I usually find out about notices
through WhatsApp or friends.”
“Sometimes I realize too late that
I missed an important deadline.”
“Sometimes I realize too late that
I missed an important deadline.”
“The college website is confusing
and hard to check regularly.”
“The college website is confusing
and hard to check regularly.”
“I wish there was one reliable
place for all official notices.”
“I wish there was one reliable
place for all official notices.”
SAYS
SAYS
“I usually find out about notices
through WhatsApp or friends.”
“Sometimes I realize too late that
I missed an important deadline.”
“The college website is confusing
and hard to check regularly.”
“I wish there was one reliable
place for all official notices.”
SAYS
“What if I miss a placement
or scholarship update?”
“What if I miss a placement
or scholarship update?”
“Is this notice even real or
just forwarded by someone?”
“Is this notice even real or
just forwarded by someone?”
“Why is there no proper system
for such important information?”
“Why is there no proper system
for such important information?”
“Checking multiple platforms
every day is exhausting.”
“Checking multiple platforms
every day is exhausting.”
THINKS
THINKS
“What if I miss a placement
or scholarship update?”
“Is this notice even real or
just forwarded by someone?”
“Why is there no proper system
for such important information?”
“Checking multiple platforms
every day is exhausting.”
THINKS
Checks multiple
WhatsApp groups daily.
Checks multiple
WhatsApp groups daily.
Relies on friends for
confirmation of notices.
Relies on friends for
confirmation of notices.
Occasionally visits the college
website only when reminded.
Occasionally visits the college
website only when reminded.
Misses updates when
overwhelmed with messages.
Misses updates when
overwhelmed with messages.
DOES
DOES
Checks multiple
WhatsApp groups daily.
Relies on friends for
confirmation of notices.
Occasionally visits the college
website only when reminded.
Misses updates when
overwhelmed with messages.
DOES
FEELS
FEELS
Relieved when information comes
from a trusted, official source.
Relieved when information comes
from a trusted, official source.
Overwhelmed by excessive
WhatsApp messages.
Overwhelmed by excessive
WhatsApp messages.
Frustrated with scattered and
unreliable information sources.
Frustrated with scattered and
unreliable information sources.
Anxious about missing important
academic or career opportunities.
Anxious about missing important
academic or career opportunities.
FEELS
Relieved when information comes
from a trusted, official source.
Overwhelmed by excessive
WhatsApp messages.
Frustrated with scattered and
unreliable information sources.
Anxious about missing important
academic or career opportunities.
03. IDEATE PHASE
03. IDEATION PHASE
03. IDEATE PHASE
User flow
User flow
User flow
Information Architecture
Information Architecture
Information Architecture
04. DESIGN PHASE
04. DESIGN PHASE
04. DESIGN PHASE
Low-Fidelity Wireframes
Low-Fidelity Wireframes
Low-Fidelity Wireframes
Typography
Typography
Typography
Typeface/
Inter was chosen for its high legibility and clean, neutral letterforms — ideal for a content-heavy, notice-driven app. Its range of weights (Regular, Medium, Semibold, Bold) helps create clear hierarchy between notice titles, categories, and body text.
Typeface/
Regular(-4px) Medium(-4px) Semibold(-4px) Bold(-4px)
Regular(-4px) Medium(-4px) Semibold(-4px) Bold(-4px)
Regular(-4px) Medium(-4px) Semibold(-4px) Bold(-4px)
Regular(-4px) Medium(-4px) Semibold(-4px) Bold(-4px)
Inter was chosen for its high legibility and clean, neutral letterforms — ideal for a content-heavy, notice-driven app. Its range of weights (Regular, Medium, Semibold, Bold) helps create clear hierarchy between notice titles, categories, and body text.
Inter was chosen for its high legibility and clean, neutral letterforms — ideal for a content-heavy, notice-driven app. Its range of weights (Regular, Medium, Semibold, Bold) helps create clear hierarchy between notice titles, categories, and body text.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890!@#$%^&*
Color palette
Color palette
Color palette
Primary Gradient
Primary Gradient
COLOR 1
COLOR 1
#D3DEEA
#D3DEEA
COLOR 2
COLOR 2
#EFEFEF
#EFEFEF
Primary Gradient
COLOR 1
#D3DEEA
COLOR 2
#EFEFEF
Navy Blue
Navy Blue
HEX
HEX
#204977
#204977
Navy Blue
HEX
#204977
Red
Red
HEX
HEX
#D30101
#D30101
Red
HEX
#D30101
Green
Green
HEX
HEX
#0F8E30
#0F8E30
Green
HEX
#0F8E30
HEX
HEX
#E09B18
#E09B18
Amber
Amber
HEX
#E09B18
Amber
Megenta
Megenta
HEX
HEX
#E216B6
#E216B6
Megenta
HEX
#E216B6
Dark Grey
Dark Grey
HEX
HEX
#7F7F7F
#7F7F7F
Dark Grey
HEX
#7F7F7F
Light Grey
Light Grey
HEX
HEX
#BFBFBF
#BFBFBF
Light Grey
HEX
#BFBFBF
White
White
HEX
HEX
#FFFFFF
#FFFFFF
White
HEX
#FFFFFF
Main screens
Main screens
Main screens
Onboarding
Onboarding
Onboarding
Onboarding uses enrollment number and DOB for sign-in, mirroring familiar portal logins for instant trust. Clean layout with clear "New Registration" and "Reset Password" CTAs prevents drop-off.
Onboarding uses enrollment number and DOB for sign-in, mirroring familiar portal logins for instant trust. Clean layout with clear "New Registration" and "Reset Password" CTAs prevents drop-off.
Onboarding uses enrollment number and DOB for sign-in, mirroring familiar portal logins for instant trust. Clean layout with clear "New Registration" and "Reset Password" CTAs prevents drop-off.
Homepage
The homepage features a filterable notice feed (All, Academic, Placement, etc.) so students can quickly find relevant updates. Each card shows an "Official" verified badge plus quick Download/Save actions — directly solving the trust and filtering pain points found in research.
Main Notice
Main Notice
The notice detail screen shows full context — title, date, audience, and instructions — in one clean view, so students don't have to guess or ask friends. Download, Save, and Share let them act immediately or pass on verified info, replacing unreliable WhatsApp forwarding.
Notice detail screen shows full context — title, date, audience, instructions — in one view, so students don't have to guess. Download, Save, and Share let them act or pass on verified info, replacing WhatsApp forwarding.
Notifications
The search screen shows recent searches as tap-to-reuse chips (Internship, Scholarship, Accenture, etc.), so students can quickly re-find past notices without retyping — reducing effort during high-stress exam or placement season.
Homepage
Homepage features a filterable notice feed (Academic, Placement, etc.) with "Official" verified badges and quick Download/Save actions — solving the trust and filtering pain points found in research.
Notifications
Search screen shows recent searches as tap-to-reuse chips (Internship, Scholarship, etc.), letting students quickly re-find past notices without retyping.
Main Notice
Full notice context — title, date, audience, instructions — in one view. Download, Save, and Share let students act or pass on verified info, replacing WhatsApp forwarding.
Homepage
Filterable notice feed with "Official" verified badges and quick Download/Save actions — solving trust and filtering pain points from research.
Notifications
Notifications grouped by time with unread indicators and category tags for quick catch-up. "Mark as all read" and Unread filter keep it manageable, tackling the overwhelm found in research.
every screen i designed…
Thanks for staying
till the end!