top of page
Create Your First Project
Start adding your projects to your portfolio. Click on "Manage Projects" to get started
Knight Guide
Year:
2018
User research, persona development, prototyping, as well as branding & identity design for Knight Guide; an end-to-end wayfinding app. Worked with a team throughout the UX process, and personally designed the logotype and splash page.
Knight Guide; an end-to-end wayfinding app (prototype).
The purpose of the app is to help students and visitors alike find their way around Rutgers’ vast New Brunswick, New Jersey campus.
User Research
First, we traveled around campus to interview potential users about issues finding their way around. The most common complaints were: the campus is too big to travel on foot and the bus system is confusing for on campus students; while parking was difficult and scarce for commuters. Many learned their way around by trial and error or by asking around. Local students were also forced to use multiple apps to reach their end destination (Rutgers bus app and often Google maps).
Persona Development & User Journey
From our user research, we were able to define primary and secondary personas. We decided on a primary persona, Regina, a commuter student who works full time and attends graduate school classes at night. Next, we created a Journey Map identifying her specific needs and pain points. We were then able to identify necessary functionality from our research: end-to-end navigation (current location, to bus or parking space, to classroom) was crucial to fulfill the needs of both our primary persona, a commuter who needs parking, as well as on-campus students who travel by foot as well as by bus.
Sketch/Wireframe Process
We moved into the rapid prototype stage, initially sketching low-fidelity screens on paper. Here we prioritized core functions, and identified secondary and optional capabilities. Next, we moved into the wireframing stage, where we prioritized content, planned functionality, and created user flow.
Prototype
Using Adobe XD, we created a working prototype in preparation to test with actual users. Our team decided that utilizing a somewhat familiar interface was a priority as we discovered many users were already using google maps or something similar to navigate the campus. High fidelity core screens were created with Rutgers’ brand and colors in mind.
Branding & Identity design process
During the UX processes, our team decided on an appropriate and catchy name for our wayfinding app: 'RU Knight Guide'. I then created the first version of the logotype incorporating a secondary sports logo. The university’s Scarlet Knights Athletics’ ‘helmet logo’ in combination with their red color, served our needs for the time being. Later, I re-approached this logotype in a refining process to modernize it as well as simplify the app name to simply 'Knight Guide'. Initial stages of the logo and app icon process, from oldest to the almost final look, seen here.
Final logotype and app icon
After stages of refinement, I concluded on a more modern logotype and app icon, seen here.
bottom of page