Intern Guys
About Us Page Redesign
Working alongside the UX/UI team, we conducted user interviews to gain valuable insights from our target audience. These invaluable feedback guided us in the comprehensive redesign of the website, resulting in a significantly improved overall user experience.
Project Overview
Teammates
Jonathan Yip - UX/UI Designer
Christopher Kwan - Project Manager
Hannan Hussain - Founder
Timeframe
Jan 2023 - Mar 2023 | 10 weeks
Role
UX Design, User Research
Tools
Figma, Google Docs, Pencil & Paper
Problem
Intern Guys had a clear objective: to enhance the connection between students and recruiters during the internship hunt. To achieve this goal, our team focused on creating a user-friendly and easily navigable website.
When I became a part of Intern Guys, it was in its early stages as a startup, striving to establish its reputation in the industry. As the primary medium for user interactions, the website's accessibility held paramount importance. However, it was evident that the website had only undergone one design iteration, and there had been no usability testing conducted since its initial launch. This highlighted the need for a comprehensive evaluation and revamp to ensure an optimal user experience and strengthen the company's online presence
Objectives
Conduct thorough usability testing to observe and analyze users' interactions with the website
Synthesize the feedback received during usability testing, identifying key pain points and areas that require attention in the redesign process
Redesign the pages, focusing on making them more intuitive and accessible, tailored to meet the specific needs of the users
How can we redesign the website for more intuitive user flow?
Goal
current page
Research
Our team carried out comprehensive usability testing involving twenty university students, with a specific focus on those seeking internships. During the interviews, we requested each participant to guide us through their experience while exploring the website, encouraging them to share their thoughts and impressions. Additionally, we posed follow-up questions strategically to assess specific interactions and the overall user flow. This approach allowed us to gain valuable insights into the users' perspectives and enabled us to identify areas for improvement effectively.
Here are some key observations:
About page was somewhat as they anticipated, but it lacked substantial information about the company
Uncertainty about what sets this company apart from its competitors
Difficulties encountered while reading the smaller text on the website
Cursor change when hovering over photos indicated click-ability, but only one photo was actually clickable
Competitor Analysis
To get a better feel for how the existing solution, I look at another websites’ about pages
Here are some key observations:
Incorporated a captivating story or history about the company which allows users to connect on a deeper level
Positioned the sign-up option at the bottom of the page, ensuring users can easily register after learning more about the company.
Placed taglines throughout the website, making them memorable and reinforcing the brand's message
Ideation
Low Fidelity Wireframe
Adding a short blurb with more details on the company
A new feature that entices people to sign up (ie. reviews, history)
Bigger text sizes for readability
Establishing clearer visual form hierarchy by grouping related fields
Create consistence in the cursor and click-ability of the images
Based on the above problems identified, I worked towards addressing these pains by coming up with potential solutions:
After consulting with the UX/UI team, we reached a consensus to relocate the review portion from the home page to the about page for a better fit. During the discussion, we debated the inclusion of everyone's LinkedIn profiles, and after a majority vote, we decided to include them. The team expressed satisfaction with the low fidelity wireframe, which served as a solid foundation for the subsequent development of high fidelity wireframes.
I designed three different versions for both desktop and mobile platforms.
High Fidelity Wireframe
During the company-wide presentation of my final design, a valid point was raised about the redundancy of the mission and vision sections. To address this, I proposed replacing them with a section dedicated to our company's history. While the founder initially hesitated to remove the mission and vision, we conducted a vote, and the final decision favored the inclusion of the history feature.
As this was a novel addition, the founder and I had a one-on-one discussion, during which I shared my drafted sketches of the history feature's potential appearance. After gathering feedback and considering which design aspects to modify and retain, I worked on refining the final design, incorporating the suggested changes to create an optimal version.
Final Design
Reflection
Due to our time constraints and other projects that we had to work on, once the high-fidelity model was finished, we agreed that it was ready to send to the developDue to time constraints and other ongoing projects, the final high fidelity design received approval for submission to the developers. Given more time, I would have conducted user testing to gather additional feedback and iterate on the high fidelity model to further enhance its usability.
This internship marked my first experience joining a project that was already in progress. It proved to be an incredibly rewarding learning journey, as it allowed me not only to collaborate with individuals from different teams but also to challenge myself in exploring various aspects of human-centered design. The valuable feedback I received emphasized the significance of paying attention to the finer details in design, which I now deeply appreciate. It highlighted how even seemingly simple elements like an about page can make a lasting impression on the user's experience.
Working alongside everyone on this project was truly enjoyable, and I extend my best wishes to them for their future endeavors.
Next