Project Timeline
How can we inspire recruiters to connect with our students by providing a user-friendly overview of their profiles?
Identify Problem
1. Identify Problem
Access pathways and navigation experience
Requirements Engineering
2. Requirements Engineering
Why and what to build
Develop it
3. Develop it
Choosing a tech stack
Final Product
4. Final Product
Actual website and video demonstration
#1
Problem With Past Implementations
Resumes were collected via Google Form and placed in a shared Google Drive for sponsors to view
- No student information available at a glance
- Hard to navigate between resumes
- Feels unprofessional
#2
Think of Design Requirements
A simple one page website is enough to handle our needs. But what should our website feature?
Requirement #1
Display all the student information we collect at a glance. e.g. year, major
- Use a table to display information
- Filter & sort to reduce search effort
Requirement #2
Easily navigate between resumes without losing sight of student information
- Custom PDF viewer that allows for easy navigation between resumes
- Responsive: PDF viewer opens to the side in desktop, and full-screen on mobile
#3
Develop it!
I wanted to continue building upon my Javascript expertise, so I picked Javascript-related technologies.
Frontend tech stack
Work-in-progress backend tech stackFinal Design
Check out a live version of the website with dummy values or the GitHub repository.
Open resumes
Desktop
Sort and filter resumes
Desktop
Responsive design
Desktop → Mobile
#4
Moving forward
The website can benefit from more advanced developments.
- Include a back-end database [In-progress 🚧]
Store and update information automatically instead of manually uploading data
- Allow for greater user control
E.g. resize columns by dragging column edges
- User testing with recruiters
Iterate design based on user feedback
Fun head shots taken with my SASE board members!
Jiaxi Tang