UI Designer
June 2023 - August 2023
UI, Branding
Sekar Setyanto, Yuka Natsuki, Te-Jung Chen, Anyan Xien, and me!
1/ COMMUNITIES
Communities is designed to facilitate meaningful networking through dedicated forums for Project Collaboration, Career Experience, Mentorship, and Peer Interviews. Users can easily engage in focused discussions and find the support they need with options to like, comment, or manage posts. Users can share content and customize their feed view to stay updated on the latest or most popular discussions.
2/ RESUME BUILDER
The Resume Builder guides users in creating a polished, customizable resume with sections like Profile, Education, Experiences, Projects, Languages, and Tools. Users can easily add or remove entries, navigate smoothly through sections, and download a professionally formatted PDF. This tool streamlines the resume creation process, helping users enhance their chances of securing internships.
3/ RESOURCES
The Resources section offers curated tools and information in three categories: Data Structures and Algorithms, Internship Search, and Sample Resumes. Users can easily access platforms like LeetCode and TopCoder, browse categorized coding resources, find sample resumes for various CS careers, and explore organized internship opportunities with direct application links. This feature simplifies the search process, making valuable resources more accessible and less overwhelming for students.
4/ USER PROFILE & DARK MODE
The log-out process is straightforward: users can click on their profile picture in the top-right corner, revealing a drop-down overlay with their details and a 'Log Out' button. Inspired by major platforms, this familiar design ensures a smooth experience. Additionally, users can toggle between light and dark views for personalized browsing.
We audited our site's main pages using Google Chrome's Lighthouse tool. Notably, our landing page achieved a perfect score of 100/100 for accessibility.
Accessibility
“Project Collaboration” Page
Accessibility
“Resume Builder” Page
Accessibility
“Resources” Page
We conducted audits on our Communities, Resume Builder, and Resources pages which initially received scores of 84, 61, and 77 respectively. We then integrated alt text and utilized “aria-labels” to provide accessible names for buttons and links. We also changed some low contrast color selections. Subsequent evaluations showcased improved scores, with the Project Collaboration, Resume Builder, and Resources tabs registering 100, 92, and 92 respectively.
Owing to time limitations, we couldn't fully realize the product's potential. There remain promising ideas that can be explored in future iterations.
Include more variety of community forums and resources
Add the ability to save resume in one click or an auto-save feature
Add a profile page where users can see their recent posts and customize their profile picture and information
Add the ability for users to add, update, and customize their own resources
Provide several resume format options
Our computer science internship community website was born from our own personal struggles and a solid understanding of the challenges that computer science students encounter in their journey. We identified the need for a platform that not only enhances technical learning but also nurtures a collaborative and inclusive community. I learned how to communicate designs to engineers and creating a design system to streamline the implementation process!
Get in touch :)
