Website for National Institute of Design

The Story

National Institute of Design, Vijayawada, an autonomous institute under the ministry of Commerce, India opened up in 2015. Very soon it needed a website to mark its presence for the prospective students and to offer relevant information to them.

‚Äč

The task of designing the website was allotted to a few students from the institute itself. Our group was tasked with designing the user experience of the website.

Personal Involvement: UI Team Lead, UX member

Understanding the Context

- National Institute of Design, Vijayawada is one of the first new NIDs setups after the proposed NID Act of 2014.


- Even if people have heard about the institute, People make admission related decisions from the information or data available over the internet.

- So inevitably for an Institute, having an online presence that generates a compelling impression is indispensable.

- The Institute needs positive impressions and credibility, the website delivers it
.
 

Identifying key stakeholders

The people who will primarily engage with the website.

Identifying Stakeholders’ Goals

Stakeholders were interviewed, their information needs were listed, prioritized and their intent to engage with the website was listed.

Pain Points + Key Insights

1
Most Students had trouble finding the Institute’s location as it was located on city outskirts, inside the ANU transit campus.

2
The Website had to be minimal and functional keeping in mind the technical aptitude of all stakeholders.

3
Being a new Institute’s website, it should have a unique identity, but still be in synergy with the sibling institutes.

Information Architecture

Before wireframing and prototyping,  an audit of all necessary pages was done, to simplify each form of content and its accessibility as much as possible.

Mockups for screens

screencapture-nid-ac-in-2018-11-15-00_08

Final screens

screen 4.jpg
screen 3.jpg
screen 2.jpg
screen 1.jpg

Outcome of the project

responsive1.png

Responsive Grid
The site was designed to be Responsive and meant to be used across multiple platforms considering the lifestyle and tendencies of the user base.

Color Code

Easy navigation

The navigation bar menu adorned different colours on hovering and selection for easier navigation through the pages. It was an essential element added keeping in mind the audience less updated with the digital interfaces to help them keep track of which page they were in.

The colours were carefully chosen to have a proper amount of distinction between the menu and also visually blending with the fresh vibes of the institute.

Home
Institute
Education
Admissions
People 

Website banners

Visuals composed by Anisha Bhatt and Ketaki Meshram

Slide through >

Check out the site

  • 34364
  • Black Vimeo Icon
  • Black Instagram Icon
t-black.png