Overview

IMG is a student group, which cultivates technical innovation and drives the development of software systems and niche applications which empathize with the residents of IIT Roorkee, making their digital stay as seamless as possible.

Information Management Group (IMG) collaborated with the Placement Office (TPO) five years ago to develop a portal for all the placement related activities. Placement Portal acts as a direct bridge between students, companies and Training and Placement Office (TPO) during internship and placement without the need of any external aid.

Placement portal provides students with various features allowing them to do most of the placement or internship related work on this portal only, students can use various functionalities to save their time and focus more on the test preparations.

Why Redesign?

Design is not a one-time effort, as we humans evolve the way with which we interact with applications also evolves. Placement online was previously developed in 2013 and after that, a couple of changes were done into it which lead to a very complicated, confusing navigation and the overall portal not following design principles.

Being a high impact application with about 1.5 Lakh page views is just two days during internship season. It is very important to ensure that the users are able to reach their goals easily and are having a good experience with the application. Our target was to research on the usability of various features, improve the broken flows and to revamp the UI.

The Research

Keeping in mind the objectives of this redesign, we started with the quantitative approach (i.e. the study of logs and data we had from google analytics) and then moved on to the qualitative methods to know more about the pain point in particular.

Things we learned from the quantitative data

We used google analytics to know the usage of the placement portal in the last few years.

  1. High Impact product with 15 Million visits to the page in 2 days during the placement season. Used mostly by pre-final and final year students only during the placement and internship season.
  2. A few features not working according to their expectations, ( example: forum with more than thousands of visits per week, but not constructive reply in that span ).
  3. Near to zero usage of a few functionalities in the past few years.
Insights from Qualitative Research

We took around 15 interviews of students of all user personas and noted their goals and tasks with Placement Portal. Interviews help us understand our users needs and his attitude while using the application.

Our Users
Person 1
Persona Students participating in on-campus placements/internships.
Name Himanshu Gupta
Goals and Tasks
  • Wants to build a good resume and get it verified without any hustle.
  • Apply in various companies for tests.
  • Know the test, ppt and other details regarding the procedure.
  • Study for the tests and get himself prepared for the interviews to secure a good internship.

Persona 2
Persona First or Second Year students
Name Vinay Jain
Goals and Tasks Currently exploring campus and various opportunities here. Really curious about the placement/internship stats of the college. Wants to know the condition of their dept. in placements. Side Goals
  • Know the top recruiting companies or good companies.
  • Wants to connect with the seniors who can guide him for a good internship or a job.

Pain Points identified from Research
  1. Confusion while navigating between Placement portal and Internship Portal and across various features of the application.
  2. Difficulty in finding resume fields while creating a resume.
  3. Students require multiple resumes while applying for various companies.
  4. Redundant task of refreshing the preview tab of resume leads to frustrations.
  5. Visiting placement office again and again for verification is very frustrating.
  6. Not able to check status or apply in companies while in class or anywhere out.
Defining Goals
  • Improving the overall navigation of the interface to reduce the loss of time and resources for both students and officials.
  • Improving the resume creation and verification process. Currently, the resume verification process requires each and every student to visit the placement office and get their details verified for both internships and placements. This redundant task requires a lot of time of both the students and students at TPO.
  • Building an Android Application with minimal functions.
User scenario

The whole process is divided into major chunks of user goals and worked on separately:

User Stories to breakdown user scenario

User story helps us understand the product or feature from an end user's perspective and where the feature may lie in the whole user journey. User story is generally written in points each with a similar pattern-

“ User wants to __________so that they can____________”

Following this, each point comprises of how the feature or product might solve the user problem which is used in later stages of the process.

Information Architecture

Improving the navigation was one of our major goals, we studied the logs and user stories to group various functionalities across the portal. A good IA can help user reach their goal with less or no effort resulting in a good experience, Primary and Secodary functionalities are grouped according to the data by Google Analytics and then further grouped and sequenced according to the user stories.

User Flows

There are multiple methods to decide between approaches. Some of them are dot vote, heatmap voting, note and vote, present solution sketches, write pros and cons. Writing pros and cons of each solution and discussing around which aligns better with the team and product goals is a method we used for Placement Online.

Addressing one of the primary goals: The Navigation

Getting the navigation right was the most important for this redesign. We had already grouped the functions from data and user stories above and then wokred on its UI.

  • The primary navigation or the top navigation always sticks to the top of the window and consists of the profile drop-down and the notifications.
  • With a side navigation consisting of all the important functionalities of the application. Features are grouped according to the user stories and scenario and what role they have in them.
  • There are no separate internship and placement portal. Students can apply in companies for internship/placement according to their year.
Second Goal: Resume Creation and Verification
1. Creating Resume

We dicussed upon UI approaches for creating and editing resume, both the approaches were good in their own.

Previously users were required to preview their resume in a new tab and refresh it every time they made a change in the resume. Now User can preview the resume on the right side of the screen dynamically while filling up the information.

The Resume tabs are grouped are arranged according to there order in the resume template making them easy to locate.

2. Resume Verification Process

PROBLEMS

Students are supposed to visit the Placement office with all the documents to get the details in the resume checked and verified. Once resume is verified no further changes can be done in the resume.

The whole resume remains unverified till all fields in it are verified, this leads to the redundant task of verification of the whole resume every time there is any problem in the documents. This redundant task increases efforts for both TPO and students. Moreover, it also leads to difficulty in the application of multiple resumes.

SOLUTION

Now the users can verify individual fields of the resume instead of the whole resume, and sent the resume with all verified fields to the company. As only the fields are verified multiple resumes need not go through the whole verification process again.

3. Saving Multiple Resumes

Students apply for various profiles where a single resume might not fit into every profile. From the qualitative research (Interviews) we found that saving multiple resumes is a feature with high demand among students. We discussed two approaches.

Due to technical limitations we moved forward with approach 2. Saving multiple resumes might also lead to need or rework in the verification process. The verification process will become much more difficult and time-consuming as every resume need to go through a verification process by TPO. Changes in the verification process were required to reduced.

Other segments of user journey
Apply to Companies

Applying to any company is a simple one-click process once the resume is verified. More details of the profile and company are provided at the company detail page.

Results
  • Results of both internships and placements are accessible to all users.
  • Users can view the number of students placed branch wise as well as company wise moreover users can also view a branch-wise graphical comparison of each year.
  • Testimonials
  • Students can leave a testimonial for various companies offering internships or placement opportunities on-campus.
  • These testimonials will help the students to get more insights into various companies, about their work and culture.
  • Logo and UI

    Lato is sans-serif font created to look neutral in body copy but have some unique traits at larger sizes. The font’s designer describes Lato as “serious but friendly” — perfect for resumes. Lato comes with a large number of weights making it suitable for data extensive pages and dashboards. ( Source: Canva.com )

    Brief about the android application

    From our research it was very much clear that laptops are not always in reach of students and during the time of placements or internships. Students can never take a risk of missing any company, or any discrepancy in priority, or just to check results when they are not in the campus ( web portal runs on intranet only ).

    We decided to keep only a handful of required features in the application and later add-on in the coming versions. After a couple of meeting based on the data we collected during our research, we listed down the features required in the android application:

    • Apply to Companies with of the resume
    • Preview Resumes
    • Calendar with all placement/internship related events
    • Results (Only Current Results)
    • Set Priority list
    • Notifications
    The whole process is not in scope of this article, will write a seaprate article for that.
    UI Android
    The Launch and feedback

    New Placement online got launchde in september 2020 and with a footrint of 1 Lakh users per day in placement online helped users create resume and apply in companies. Data suggests that many are using multiple resume thus finding it useful.

    That's all folk's

    It has been an amazing learning experience for me working on this project thanks to Radhika Gemawat for mentoring me in this. It is under development and will be launched with the launch of new channel.

    See more of my works

    Say Hello
    I am available for freelance projects, remote work or just discussing design, feel free to ping me at kunalsatpal1@gmail.com