Context -

Designing a digital platform for students and visitors of UBC to create more interactive and engaging environment to learn some fun facts about UBC, Point Grey campus.

Problem -

UBC, Vancouver campus is huge and full of amazing history and facts which often go unnoticed by students given their busy schedule with classes, assignments and long distances across campus. Often students and staff doesn't get the opportunity to know well their own campus even after spending many years at UBC.

Solution -

We proposed a project designed to enrich the experience of UBC students, employees, and visitors to the Point Grey campus. It would let them discover hidden gems of the University, and make their stay more interactive and engaging. They could just open the interactive map and explore UBC’s history, interesting facts, and notable people. Also there will be a feature where they can add their own point and share their story or any facts they know about. This gives them the opportunity to mark their own presence on these lands by contributing to our collective knowledge, adding their pins and telling us about its significance.

Research -

We used various quantitative and qualitative methods to conduct user research like gathering data, user interviews, surveys etc.

Analysis of Research / Insights -

We gathered data from various sources and analyzed it to find the patterns and insights to be able to find the solution.

Ideating / Solutions -

For first two iterations we used the Google Map to add points. When we tested it didn’t work for people using it from far distances. Also it didn't have many customization options which we were looking for on our platform.

Icons Design -

AQUATIC CENTRE.png

ARCHIVAL DRAWING.png

ASIAN CENTRE.png

MUSQUEAM POLE.png

RECONCILIATION POLE.png

SEED LIBRARY.png

TUNING FORK.png

Final Design -

LANDING-HOME PAGE-1.png

MAP PAGE- AQUATIC CENTRE CLICK REVEAL-1.png

MAP PAGE- AQUATIC CENTRE CLICK REVEAL-2.png

MAP PAGE- AQUATIC CENTRE CLICK REVEAL-3.png

MAP PAGE- AQUATIC CENTRE CLICK REVEAL-4.png

MAP PAGE- AQUATIC CENTRE CLICK REVEAL-comment.png

MAP PAGE- C-SHORE CLICK REVEAL-1.png

MAP PAGE- C-SHORE CLICK REVEAL-3.png

MAP PAGE- C-SHORE CLICK REVEAL-2.png

MAP PAGE- C-SHORE CLICK REVEAL-5.png

MAP PAGE- C-SHORE CLICK REVEAL-4.png

MAP PAGE- C-SHORE CLICK REVEAL-6.png

MAP PAGE- SEED LENDING LIBRARY CLICK REVEAL-1.png

MAP PAGE-5-FEEDBACK CLICK REVEAL-1.png

MAP PAGE- SEED LENDING LIBRARY CLICK REVEAL-2.png

MAP PAGE-5-FEEDBACK CLICK REVEAL-2 SCROLL DOWN.png

MAP PAGE-5-FEEDBACK CLICK REVEAL-3 SCROLL DOWN.png

MAP PAGE-5-FEEDBACK CLICK REVEAL-7 SCROLL DOWN.png

MAP PAGE-5-FEEDBACK CLICK REVEAL-8 SCROLL DOWN.png

OUR TEAM - 1.png

OUR TEAM - 2.png

Figma Prototype -

Reflections -

This project was a great learning experience for me since I was involved on all the phases - from research to execution.
There were lot of challenges along the way but I am extremely proud that I could overcome those within the assigned time.
One thing I would like to avoid in my future projects is to get the software developer onboard way ahead during the design process itself so we can problem solve together and that would save lot of last minute issues before the launch.

Infographics