Introduction
Role
UI UX Designer and Developer
Client
MGM's Jawaharlal Nehru Engineering College
Date
Oct 2021 - March 2022

Jawaharlal Nehru Engineering College popularly known as JNEC is the constituent college of MGM University. All the engineering programs are approved by AICTE and the Architecture programs by COA.

This college came to us with requirement of creating a brand new official website with some prerequisites in their mind. They needed total design and technical transformation to take massive leap with newly established university. Target was to get website ready before the new admission process starts for June 2022 batch.

Vice Principal Dr. Vijaya Musande and other faculties, trusted us with our work and we started with official website project.

Design Brief

The redesign of our Jawaharlal Nehru Engineering College's website aims to create a modern, user-friendly platform that reflects our institution's innovative spirit and commitment to excellence. The new design will prioritize intuitive navigation, ensuring that prospective students, current students, faculty, and alumni can easily find relevant information. Aesthetically, the website will feature a clean, contemporary look with dynamic visuals that showcase our cutting-edge facilities, diverse academic programs, and vibrant campus life. We will integrate responsive design principles to provide a seamless experience across all devices. Additionally, the website will incorporate enhanced accessibility features and interactive elements, such as virtual tours and real-time updates, to engage and inform our diverse audience effectively.

Requirement gathering
Interviewing Stakeholders

After first meeting, we came up with some set of questions which were categorised in different verticles. These were important and helpful to understand customer's (stakeholder's) needs and vision.

General Information

1. Purpose and Goals

- What are the primary goals you want to achieve with the website redesign?

- What are the key messages or values that the website should communicate?

2. Target Audience

- Who are the primary and secondary audiences for the website (e.g., prospective students, current students, faculty, alumni, industry partners)?

- What specific needs and expectations do each of these audience groups have from the website?

Content and Features

3. Content Management

- What types of content will be featured on the website (e.g., news, events, research publications, course information)?

- Who will be responsible for managing and updating the website content?

4. Features and Functionality

- What specific features and functionalities are essential for the new website (e.g., search functionality, event calendar, online application forms)?

- Are there any new features you would like to introduce that are not present on the current website?

Design and Usability

5. Design Preferences

- Are there any specific design elements or styles that you prefer or want to avoid?

- How should the design reflect the college’s brand and identity?

6. User Experience

- What are the common user journeys that need to be supported (e.g., finding course information, applying for programs, accessing research resources)?

- Are there any usability issues with the current website that need to be addressed?

Technical Requirements

7. Integration and Compatibility

- What existing systems or databases does the website need to integrate with (e.g., student information system, learning management system)?

- Are there any specific technical constraints or requirements (e.g., preferred CMS, hosting environment)?

Feedback and Evaluation

8. Current Website Feedback

- What are the strengths and weaknesses of the current website?

- Have you received any feedback from users about the current website? If so, what are the common themes?

Implementation and Maintenance

9. Timeline and Budget

- What is the desired timeline for the website redesign project?

- What is the budget allocated for this project?

10. Ongoing Maintenance

- Who will be responsible for maintaining the website post-launch?

- What level of support and training will be needed for the team managing the website?

Insights from Stakeholder's interview

Enhancing user engagement and experience is a priority.

Modern, clean, professional design.

Increase in prospective student applications.

Website should focus primarily on admission process and relevant information

Specific needs include program details, academic resources, research updates, and community involvement opportunities.

Emphasis on navigation ease, readability, and brand alignment.

Current website has issues like slow load times, complex navigation, outdated design.

Preference for a scalable CMS with easy content management capabilities.

Current website has navigation complexity, slow performance, outdated design.

More users visiting website specially students and parents.

Content will be provided by our marketing team.

Targetted Users
targetted users

Focusing the current requirement and timeline, we are targetting primary users first.

Old website study
Performance test
Source: Google's PageSpeed Insights, GTMatrix, Google PageRank Checker.
page rankgoogle page insightgtmatrix grade
Old website Screenshots
old website screenshot
Old Information Architecture
old website IA
Heuristic Analysis
Heuristic analysis
Findings

Slow Image Loading

Content Redundancy

Difficult navigation

Poor information architecture

Lack of Component Standardization

Lack accessibility of important content

Missing potential call to actions

Inconsistent Visual Design with Font and Size Uniformity

External redirections and cluttered webpages

Mobile menu issues with overall non-responsive design elements

Absence of Analytics and Tracking

Insufficient mobile optimization

Inconsistent user experience cause the lack of User-Friendly features

Excessive sections with outdated information

Inconsistent Branding

Confusing Terminology and Inadequate Feedback Mechanisms

New Information Architecture
New information architecture
Visual identity

Slow Image Loading

Content Redundancy

Difficult navigation

Poor information architecture

Lack of Component Standardization

Lack accessibility of important content

Missing potential call to actions

Inconsistent Visual Design with Font and Size Uniformity

External redirections and cluttered webpages

Mobile menu issues with overall non-responsive design elements

Absence of Analytics and Tracking

Insufficient mobile optimization

Inconsistent user experience cause the lack of User-Friendly features

Excessive sections with outdated information

Inconsistent Branding

Confusing Terminology and Inadequate Feedback Mechanisms

New Website Link
<< Back to home page
Got a design dilemma?
Don't worry, I specialize in
turning 'uh-oh' into 'ah-ha!'
Let's chat!
Contact me for full time job roles, freelance work, or just to say hello.
I promise, I have zero inbox rule, so definitely you will hear back from me.