FAST NUCES & Campus Connect App
Revamp of UI/UX of my undergraduate college website
ROLE
UX Research
UX Design
UI Design
TOOLS
Figma
Sketches on Ipad
Google Docs
PROCESS
Brand Discovery
Site mapping
Sketching
Wireframing
Hi-Fi Mockups
BRAND DISCOVERY
FAST NUCES, Pakistan’s first multi-campus private sector university, is widely recognized for its excellence in computer science, engineering, and business. With advanced facilities, experienced faculty, vibrant campus culture and a commitment to research, FAST Lahore empowers students to excel in their fields. Known for its rigorous academics and tough grading, its graduates often secure top national and international job offers often before graduation. FAST NUCES is working to broaden its brand by establishing advanced research labs, launching programs in emerging fields like robotics, expanding into other disciplines, and enhancing campus facilities alongside developing strong career counseling and mentorship programs.
TARGET AUDIENCE
Primary
60%
Age: 16 - 25
High school graduates seeking quality education in fields like computer science, engineering, and business. Students visit the site to explore programs, faculty, campus life, and industry ties. Students who can either afford tuition or qualify for scholarships or financial aid.
Secondary
30%
Age: 22 - 30
Professionals and recent graduates seeking advanced degrees in engineering, sciences, and business aiming to upskill, advance careers, or transition fields. They want flexible schedules, industry-relevant courses, and research opportunities.
Tertiary
10%
Age: 36+
Parents and guardians seeking a reputable institution for their children. They prioritize quality education, facilities, affordability, and safety. They look for alumni success, employment outcomes, reputation,, and fee structure.
BRAND MESSAGING
Join Pakistan’s premier university for computer science and emerging
technologies. Experience hands-on learning, industry connections, and a vibrant campus life that prepares you for a successful career.
We ensure your child’s future with quality education, modern facilities, and a safe, inclusive environment that produces leaders in their fields.
Advance your career with our Master’s programs, like MS Software Project Management and MS Business Analytics, designed to meet industry demands that are exclusively available at FAST.
SOLUTION OVERVIEW
-
Attract prospective undergraduate and graduate students by providing clear, detailed, and engaging information about programs, admissions, scholarships, and campus life so they can apply for admission
-
Highlight the university’s achievements, research initiatives, exclusive programs and faculty to establish its reputation as a leader in higher education in engineering and technology as well as attract funding and industry connections
-
Offer resources for current students, i.e. academic calendars, portals, and event updates, while also keeping alumni connected through networking opportunities
-
Serve as a hub for students, parents, faculty, and staff by providing support and access to resources such as contact information, FAQs, and support services
WIREFRAMES
STYLE GUIDE
Typography
Logo & Brand Colors
Buttons & Links
Color Palette
MOCKUPS
STUDENT DASHBOARD
Designed the overview page for the student dashboard. It provides a quick glance at the essential information students need. For more detailed information, the sidebar includes relevant tabs for in-depth content. I color coded courses, agenda, upcoming tasks, and announcements to enhance readability and make skimming easier e.g. the Computer Networks course is associated with an orange color.
INTRODUCING "CAMPUS CONNECT"
Campus Connect is a companion app designed to seamlessly integrate with the student dashboard experience for FAST NUCES. The app helps students to:
-
Stay on track by displaying upcoming tasks, assignments, projects, and deadlines
-
Create or join study groups for focused discussions, peer support and group work
-
Reserve rooms/study spaces for individual or group study sessions
Once students sign in with their university credentials, their coursework is automatically synced from the student dashboard, eliminating the need for manual task entry. This syncing also personalizes the experience - filters adapt to the user's registered courses, and relevant study groups are recommended based on shared courses.
LEARNING OUTCOMES
-
One of the design constraints was to use more than five colors (excluding black, white, and grays. I selected four colors from the college logo, one inspired by the campus's iconic red-brick buildings, and one complementary color to my primary color.
-
I learnt advanced filtering by designing filters and their functionality for the "Course Catalog", e-commerce, and "Resource Center" pages.
-
Furthermore, designing a gated resource page was also a first time for me; figuring out how to result in a lead capture primarily using design was a learning experience.
-
I also prioritized usability:
-
Leading users to their goals with minimal clicks
-
Including follow-up information where users might have questions
-
Minimizing the use of carousels and using pagination where appropriate for performance
-
