top of page
Project Duration
November 2022- January 2023
My Role
As the UI/UX designer for the college website redesign project, my role involves creating a visually appealing and user-friendly interface while conducting user research to understand the needs of students, faculty, and visitors, and then implement intuitive navigation
Problem Statement
The current college website suffers from a cluttered layout, unintuitive navigation, poor imagery and colour choices. User engagement is low due to poor information hierarchy, leading to difficulties in finding relevant resources. The project aims to address these issues by conducting user research a comprehensive UI/UX redesign.
Solutions
This website has
Well organised menu structure and intuitive navigation
Interactive and visually appealing course catalog
Interactive features such as sliders, pop-ups, and hover effects to engage users
Clear and compelling CTAs to guide users towards desired actions
![mock4.jpg](https://static.wixstatic.com/media/2f7a34_1c1fb9aa99ec4dc790849bc9c6dd928d~mv2.jpg/v1/crop/x_1877,y_0,w_1978,h_2282/fill/w_748,h_863,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/mock4.jpg)
Design System
Colours
![Colours.jpg](https://static.wixstatic.com/media/2f7a34_c6649723d38943b0bdf8a8bd92bb6376~mv2.jpg/v1/fill/w_109,h_29,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Colours.jpg)
Icons
![Icons.jpg](https://static.wixstatic.com/media/2f7a34_b1653bf86f11480084edff63d35d30cd~mv2.jpg/v1/fill/w_104,h_73,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/Icons.jpg)
![components.jpg](https://static.wixstatic.com/media/2f7a34_dae8c6ad725d45d0ba54436bae81a962~mv2.jpg/v1/fill/w_147,h_127,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/components.jpg)
Components and elements
Final Design
The final design of the college website has a modern, user-centric interface with intuitive navigation. It integrates vibrant visuals, clear information architecture ensuring seamless accessibility across devices.
The design prioritizes an engaging user experience, effectively representing the institution's ethos and providing a dynamic platform for students, faculty, and visitors alike.
![](https://static.wixstatic.com/media/2f7a34_683a13174da742fcbe2074093a25b46c~mv2.jpg/v1/fill/w_130,h_74,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2f7a34_683a13174da742fcbe2074093a25b46c~mv2.jpg)
Home Page Section
![screen1.jpg](https://static.wixstatic.com/media/2f7a34_d06395cd63154418863bab4cc1b094ea~mv2.jpg/v1/crop/x_27,y_0,w_6838,h_2799/fill/w_192,h_79,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/screen1.jpg)
About NICC Section
![screen2.jpg](https://static.wixstatic.com/media/2f7a34_8549c7af96844f08b482ad6e598be7a1~mv2.jpg/v1/crop/x_35,y_0,w_6830,h_2734/fill/w_191,h_77,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/screen2.jpg)
Programs Section
![screen3.jpg](https://static.wixstatic.com/media/2f7a34_4b7db9c0b70f405eb07d1f07c4faeb37~mv2.jpg/v1/crop/x_43,y_0,w_6773,h_2788/fill/w_191,h_78,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/screen3.jpg)
Placements Section
Placements Section
![screen5.jpg](https://static.wixstatic.com/media/2f7a34_dec46681810648a69f4146daefbb81e9~mv2.jpg/v1/crop/x_27,y_0,w_6816,h_2799/fill/w_190,h_78,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/screen5.jpg)
Diploma Courses Section
![](https://static.wixstatic.com/media/2f7a34_0df76de30db14b76a30ec143a5663a0f~mv2.jpg/v1/crop/x_43,y_0,w_6790,h_2810/fill/w_190,h_78,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2f7a34_0df76de30db14b76a30ec143a5663a0f~mv2.jpg)
Faculty Section
![](https://static.wixstatic.com/media/2f7a34_7a669df9ce9245f3a9ff9180255b3dba~mv2.jpg/v1/crop/x_65,y_0,w_6751,h_7724/fill/w_189,h_216,al_c,q_80,usm_0.66_1.00_0.01,blur_2,enc_auto/2f7a34_7a669df9ce9245f3a9ff9180255b3dba~mv2.jpg)
NICC College Website
UI/UX Re-design
Project Overview
The project aims to create a modern, user-centric platform. It involves UX research redesigning the layout, improving navigation, and implementing responsive elements for seamless accessibility across devices. providing an intuitive user experience to cater to the diverse needs of students, faculty, and visitors.
![mock3.jpg](https://static.wixstatic.com/media/2f7a34_26e390d2dd4943b6ad0bba38860bd6b9~mv2.jpg/v1/fill/w_535,h_365,al_c,q_80,usm_0.66_1.00_0.01,enc_auto/mock3.jpg)
bottom of page