Indiana Tech digital marketing materials featuring website design with campus images and information about university offerings.

Indiana Tech Navigation Redesign

The first part of our redesign effort focused on identifying users, addressing their friction when navigating through our site and improving their experience.

The scope of the website redesign encompassed over 1,500 pages and 30+ micro-sites within the broader Indiana Tech website ecosystem.

Role

UX / UI Designer

Team

1 Designer, 1 Developer

Kickoff

One of the first major tasks was identifying the goals for the redesign. We thoroughly examined user data, feedback, and website analytics.

🎯 Goals

  1. Establish user driven (and specific) navigation patterns

  2. Evaluate existing content then organize based on user needs and expectations and partner with stakeholders to update contentDevelop a content management strategy and assign DRI’s from departments to own their content

Market + product landscape

What are other universities doing and offering? How do their sites compare to Indiana Tech’s website?

We explored regional private and public universities, private technical institutes and aspirational websites.

Trends:

  • lack of responsive design across competitors

  • specific routes / entry points for specific audiences (info for...)

  • emphasis on statistics

  • bloated (mega) navigation patterns

  • conservative use of color with an emphasis on neutrals

Digital mockup showing university websites with responsive designs on desktop and mobile devices, featuring Arizona State University and Purdue University.
  • Screenshot of Indiana Tech website highlighting admissions, aid, and events. Features images of students, news updates, and information on programs such as First-Year, Transfer, and International Students. Includes sections on traditional undergraduate, adult, online education, and law school programs. Offers navigation for academics, university life, and athletics.
  • Purdue University website screenshot featuring admissions and student resources, including academic calendar, tuition details, and campus map.
  • Screenshot of the Indiana University Purdue University Fort Wayne (IPFW) website homepage featuring sections for admissions, academics, campus life, and more. Includes links for future students, news, and events, and showcases images of students and campus activities.
  • Rose-Hulman Institute of Technology website screenshot showcasing admissions, academic information, students working on projects, and highlighting faculty and alumni. Includes navigation options and highlights about early planning, campus visits, and applying.
  • Ball State University website homepage featuring images of students learning and climbing, along with facts about alumni, academic colleges, and scholarships.

Competitive analysis: features

After we looked through the various websites for inspirations we began to categorize and compare various features to uncover trends and identify opportunities.

Opportunities:

  • Video / engaging media

  • Discoverability for specific audiences

  • Adding “quick links” or improve ease of access to important information

  • Leaning into responsive design

  • Storytelling and testimonials

Comparison table of features for five universities for 2015/2016, including Indiana Tech, Arizona State University, Indiana Wesleyan University, Indiana Purdue Fort Wayne, and University of Saint Francis. Features listed are Personalization, Student Accounts Access, News, Events, Storytelling, Testimonials, Course Search, Dynamic Layout, Video, Delivery Methods, Student Identification, Chat, Campus Visit, Rankings, and Statistics.

Identifying user groups

In our competitive research, we discovered that our competitors identified and utilized “entry ways” for specific user groups.

In order to accomplish a similar approach to organizing our navigation patterns and “entry ways” we needed to identify our user groups and their needs.

The information we gain from user research will help us to improve ease of access to specific information important to those users.

Four columns with yellow backgrounds listing Students, Parents, Staff, and Faculty. The Students section details prospective, returning, and current students in Traditional Day School, College of Professional Studies, and PHD programs. Parents section includes prospective and current students in Traditional Day School. Staff and Faculty columns are blank.
Comparison of prospective TDS and CPS student tasks, featuring research, exploration, and application steps on Indiana Tech website.

Organizing tasks based from competitor research and small scale card sorting activities.

Navigation + dashboard early conceptual wireframes

In order to strike a balance when supporting prospective and current students, we leaned into Academics being one of primary paths towards applying for new students and crafted content on the homepage for prospective traditional and international students.

The “dashboard” navigation supports current students, faculty and staff providing ease of access to specific areas of the site and resources.

Flowchart diagram displaying various sections and categories, including Student Life, Alumni, and About Tech, with subcategories like Orientation, Residence Life, Benefits, and Events.

High fidelity designs 🎨

🎉 Results

  • Homepage bounce rate improved going from 80% to 45% over the course of the following 4 months after the new navigation designs were implemented. Means users spent more time on the site before leaving (measured via Hotjar).

  • Our audiences self-identifying via entry points in navigation patterns and strategy reinforced marketing strategies by utilizing targeted analytics efforts.

  • Positive internal feedback from students, faculty and staff. The dashboard was by far the most impactful improvement.

Multiple positive testimonials about Indiana Tech’s website, highlighting ease of use and navigation, with the URL academics.indianatech.edu featured.

We gathered feedback internal via surveys from various department / site owners and current students. Additionally we organized moderated user testing via usertesting.com.

Next project →

← Previous project