JBJanvi
← All work

03 · Campus wayfinding system · 2023

MIT-WPU Navigate

Designing an accessible campus wayfinding system for MIT-WPU

An eight-week collaborative project combining physical signage and a mobile web experience so students, visitors and staff can find destinations across the MIT-WPU campus without asking for help.

Role
Team Lead · Product Designer
Duration
8 weeks
Team
7 designers + mentor
Focus
Research · product design · UI/UX · team collaboration

Walkthrough

A recording of the campus wayfinding prototype — physical boards, then home, map, search, a highlighted walk, and arrival.

Try the journey →

Physical — The map board sequence — sketch to product — before the phone journey starts.

Design process

  1. Empathize

    Walk, survey, interviews

  2. Define

    Problem, map, journey

  3. Ideate

    Flows and sketches

  4. Prototype

    Build and test

Problem

New students and campus visitors struggle to find unfamiliar destinations because campus directions are inconsistent, hard to see and disconnected from any digital guide. People lose time, lose confidence, and end up depending on security or other students.

How might we

How might we help a first-time visitor reach an unfamiliar destination independently, confidently and accessibly?

Campus photos from the original study: crowded parking, faded and missing signs, people asking for directions, and building boards that list schools without wayfinding.
From the campus walk — signs that are hard to see, parking that blocks views, and people asking their way.

Primary research

We walked the campus, surveyed 30 people, and talked to new students and visitors about where they got lost and what they expected from signs — so the system would come from how people actually find their way.

Campus walk

Walked the campus and marked decision points, missing signs, blocked views and faded lettering.

Survey

Google Form with 30 campus users — students, visitors and staff — on finding destinations and noticing signs.

Interviews

Talked to new students and visitors about where they got lost, who they asked, and what they expected to see.

Survey findings

Survey of 30 campus users.

89.5%

Had trouble reaching a destination

57.9%

Had not noticed any campus signage

100%

Said the current system needed to change

0

Rated sign clarity 4 or 5 out of 5

Where should signs be placed?

  • College entrance84.2%
  • Crossroads84.2%
  • Common areas78.9%
  • Building entrances73.7%

Interviews

  • New people feel lost as soon as they enter the campus.
  • There is almost no relevant signage where people actually decide where to turn.
  • Lost visitors ask security guards — who become the default wayfinding system.
  • One building holds several departments, with nothing written at the door.
  • Departments move every year, so static names go stale.

Campus walk — pain points

  • Signs are hard to see from a distance.
  • Trees and other objects block some signs.
  • Signs are missing at important junctions.
  • No consistent visual system across the campus.
  • Weather has faded lettering and reduced contrast.
  • Building entrances are not identified clearly.

User journey

Arrive

Happy

Experience

  • The visitor enters the campus and likes it.

Expectations

  • MIT WPU has a beautiful campus.

Enter

Neutral

Experience

  • Due to the vastness of the campus he gets confused.

Expectations

  • Some sort of map at the entrance of the campus.

Explore

Unhappy

Experience

  • He is looking for the MBA building.
  • He looks for signages but doesn't find any relevant signages.

Expectations

  • Proper signages which help navigate and help find buildings and departments.

Enquiry

Unhappy

Experience

  • He starts to ask around about the MBA building to the students, but even they don't know.

Expectations

  • At least the students / members of MIT should know the campus.

Destination

Neutral

Experience

  • Finally, after searching for 30–40 mins he found the building after being directed by a staff personnel.

Expectations

  • Should have found the building easily.

Empathy map

Says

  • Where is the MBA building?
  • Where do I park my two-wheeler?
  • I'm late because time was wasted in finding the building.
  • Where is the parking for MBA building?
  • New buildings are being built fast.
  • Campus looks different every year.

Thinks

  • How tough is finding one building?
  • Wasting my time?
  • Too many buildings.
  • Why is this so hard?
  • They think I don't know.
  • Asking people for help is difficult.
  • I feel lost.

Does

  • Ask security personnel, students, friends for help.
  • Walks in the sun for a long time.
  • Parks vehicle far away from desired building.

Feels

  • Frustrated
  • Annoyed
  • Confused
  • Helpless
  • Unsure who to trust

Pains

  • Feeling tired from walking
  • Time is wasted
  • Being late

Gains

  • Got a tour of the Campus
  • Found the building

Insights we designed from

Insight 01

Users need reassurance, not just a first instruction

A single arrow at a junction is not enough. People become uncertain when nothing confirms they are still on the right path — which is why they stop and ask.

Design response. Place confirmation after major turns, and show progress in the mobile journey.

Insight 02

Campus language is unfamiliar

Visitors do not know school codes, building nicknames or which department sits in which block.

Design response. Use plain names, landmarks and the same words on signs and on the phone.

Insight 03

Signs are missing where decisions happen

We mapped the campus and marked decision points. Existing signs sat where a wall was free, not where a person had to choose a direction.

Design response. Place signs from the route map, not from leftover wall space.

Insight 04

Static signs cannot cover every journey

A large campus has too many origin–destination pairs for boards alone.

Design response. Signs handle orientation. The phone handles a personal route.

Insight 05

A phone-only solution would fail some people

Low battery, poor signal, or low digital confidence are normal on a first visit.

Design response. The physical system has to work on its own. Digital is an enhancement, not a requirement.

One system, three layers

Physical pylons, directional boards, and a QR-opened phone page work as one system. Signs get you oriented; the phone gets you to the door.

Orientation

Maps at entrances: you-are-here, zones, destinations, accessible routes.

Direction

Pylons at junctions: destination, arrow, walking time, accessible-route mark.

Digital

QR opens a mobile web page — no app, no in-app scan. A highlighted walk with landmarks to the door.

Physical product

The map board helps a visitor find their way: they press a destination, LEDs mark the walking path, and a QR opens the rest of the journey on their phone.

From sketch to product

Explore · Sketch

Step 01 / 05

Dome, arch and lotus from campus, then the pylon and map-board evolution.

Step 1 of 5: Explore, Sketch

Design system

The mobile web page uses the official MIT-WPU lockup, navy, red and Inter — the same system as the screens below.

Official MIT-WPU lockup used in the digital product.

Navy

#0C1151

Type, icons, buttons, you-are-here

Red

#DA1C36

Labels, selected pin

White

#FFFFFF

Screens and cards

Sage

#E8EEE6

Campus map

Type

  • Home / arrival. Inter 24 semibold
  • Body / buttons. Inter 13–15
  • Caption. Inter 10–11
  • Eyebrow. Inter 10, red, uppercase

UI tokens

  • Radius. 16 px cards
  • Icons. 1.6 px stroke, navy
  • Map. You = navy · Selected = red

Digital screens

QR on a board opens a mobile web page — no app, and no second scan. You start at that board. You can change current location, pick a place, follow the highlighted walk on the map, then see the door.

Screen 01

Home

Start without knowing campus names.

9:41
Dr. Vishwanath Karad MIT World Peace University, Pune

Campus wayfinding

Where do you want to go?

Quick destinations

Campus map

1. Search

Start even if you don’t know campus names.

2. Current location

Opens at Main Gate. Tap to share live location, pick a place, or drop a pin.

3. Campus map

You-are-here follows the location you set. Tap the map to pick a building.

Screen 02

Search

Find a building, department or facility in plain language.

9:41

Search

1. Plain names

Name plus a short group, not a school code.

2. Same path

Tapping a row opens the walk on the map — same as Home.

Screen 03

Map

Orient, pan, then choose by tapping a building.

9:41
Main Gate
YouPan · zoom · tap a building

1. Full-screen map

Pan and zoom the campus. Navy is you.

2. Tap a building

Choosing a place highlights the walk — no Get directions screen.

3. You are here

Navy dot at your current location, so the map always has a start.

Screen 04

Highlighted path

Follow the walk on the map.

9:41
Main Gate

Walking to

Admissions

1. Path on the map

The walk stays highlighted. Pan and zoom if you need to.

2. You and the door

Navy is where you are. Red is the destination you picked.

3. I’ve arrived

When the path ends, confirm you are at the right door.

Screen 05

Arrival

Prove this is the right door.

9:41

You are here

You’ve arrived

Admissions

Building 3 · Ground floor · Main campus

Open 9:00 AM – 5:00 PM · Mon–Sat

Ground-floor entrance faces the quad. If the door is closed, use the side entrance on the left.

1. You’ve arrived

The name matches the door in front of you.

2. Which door

Hours and how to enter, so people don’t ask at the threshold.

Try the journey

Set current location if you are not at Main Gate, then tap a destination. Home, search and map all open the same highlighted walk — no Get directions screen.

9:41
Dr. Vishwanath Karad MIT World Peace University, Pune

Campus wayfinding

Where do you want to go?

Quick destinations

Campus map

Tap a destination · follow the path

Outcome

The project produced one connected wayfinding concept across entrance maps, junction signs and a no-download mobile journey. Visitors can choose a destination, compare usual and step-free routes, follow landmark-based directions and confirm the correct entrance — without depending on staff at every turn.

The concept is ready for an on-campus pilot, but it was not benchmarked against the existing signage. The next round of testing should measure completion rate, travel time, wrong turns and requests for help, then use those findings to refine sign placement and route instructions.

My part

Led a team of seven designers, plus a mentor, as team lead and product designer over eight weeks.

  • Set the problem as a first-time visitor journey and held the how-might-we, so the group designed for independence — not “better signage”.
  • Planned the campus walk, the survey of 30 people, and the interviews, then turned those into shared insights the whole team designed from.
  • Split the work: I owned the digital information architecture and the user experience; others owned pylon form, materials and 3D.
NextEduNexus →