#Student Project
#Student Project
#Student Project
#Web Development
#Web Development
#Web Development
#Figma
#Figma
#Figma
#User Research
#User Research
#User Research
CourSelect
CourSelect
CourSelect
CourSelect
CourSelect
CourSelect
UVA Class Browsing Site
UVA Class Browsing Site
UVA Class Browsing Site
UVA Class Browsing Site
UVA Class Browsing Site
UVA Class Browsing Site
Aug 2022 - Dec 2022
Timeline
Lead UX Designer and Frontend Developer
Role
Group Project (5 Members)
Team
Tools Used
Aug 2022 - Dec 2022
Timeline
Lead UX Designer and Frontend Developer
Role
Group Project (5 Members)
Team
Tools Used
Background
Background
Background
Background
Background
In my UVA CS 3240: Advanced Software Development, my group was assigned a semester-long project to redesign LousList, the most popular UVA class schedule site.
My primary responsibility as UX Designer and main Frontend Dev was to create a brand identity for our site, conduct and consolidate research, make it accessible, sleek, and safely connect with the backend.
In my UVA CS 3240: Advanced Software Development, my group was assigned a semester-long project to redesign LousList, the most popular UVA class schedule site.
My primary responsibility as UX Designer and main Frontend Dev was to create a brand identity for our site, conduct and consolidate research, make it accessible, sleek, and safely connect with the backend.
In my UVA CS 3240: Advanced Software Development, my group was assigned a semester-long project to redesign LousList, the most popular UVA class schedule site.
My primary responsibility as UX Designer and main Frontend Dev was to create a brand identity for our site, conduct and consolidate research, make it accessible, sleek, and safely connect with the backend.
In my UVA CS 3240: Advanced Software Development, my group was assigned a semester-long project to redesign LousList, the most popular UVA class schedule site.
My primary responsibility as UX Designer and main Frontend Dev was to create a brand identity for our site, conduct and consolidate research, make it accessible, sleek, and safely connect with the backend.
Research Methods
Research Methods
Research Methods
Research Methods
Research Methods
Questionnaire
1-on-1 Interviews
Beta Usability Testing
General Perceptions
General Perceptions
General Perceptions
General Perceptions
General Perceptions
Usability
100% of students who responded have used LousList and believe it is easy to use
Averaged a usability rating of 4 with no response being under 3
Other Sites
In addition to LousList + SIS, Students also use theCourseForum and Coursicle
Design
Most students believe the design of LousList can be improved
Averaged a design rating of 2 with only 1 response over 3
Retention
50% reported to revisit LousList over 2 times throughout the semester
Interview Quotes
Interview Quotes
Interview Quotes
Interview Quotes
Interview Quotes
Hoo 1
"SIS (UVA's class enrolling tool) looks better, I wish LousList looked better, but I'll prioritize usability over aesthetics"
"SIS (UVA's class enrolling tool) looks better, I wish LousList looked better, but I'll prioritize usability over aesthetics"
"SIS (UVA's class enrolling tool) looks better, I wish LousList looked better, but I'll prioritize usability over aesthetics"
Hoo 2
"The layout of LousList is functional. It is not perfect and could look better, but it gets the job done."
"The layout of LousList is functional. It is not perfect and could look better, but it gets the job done."
"The layout of LousList is functional. It is not perfect and could look better, but it gets the job done."
Hoo 3
"Lots of things in SIS that I would want over in LousList, such as schedule building, seeing classes and class times."
"Lots of things in SIS that I would want over in LousList, such as schedule building, seeing classes and class times."
"Lots of things in SIS that I would want over in LousList, such as schedule building, seeing classes and class times."
Solution
Solution
Solution
Solution
Solution
"Create a website that has the usability of LousList and more modernized design like SIS. Additionally, add new changes such as a schedule builder and friend network."
"Create a website that has the usability of LousList and more modernized design like SIS. Additionally, add new changes such as a schedule builder and friend network."
"Create a website that has the usability of LousList and more modernized design like SIS. Additionally, add new changes such as a schedule builder and friend network."
"Create a website that has the usability of LousList and more modernized design like SIS. Additionally, add new changes such as a schedule builder and friend network."
"Create a website that has the usability of LousList and more modernized design like SIS. Additionally, add new changes such as a schedule builder and friend network."
Design and Branding
Design and Branding
Design and Branding
Design and Branding
Design and Branding
Logo and Favicon Ideation
Use color identities
CourSelect has C and S, incorporate
Typeface - scribble/handwriting
Pages
Pages
Pages
Pages
Note: Many pages are no longer displayable or functional because the databases and authentications used were no longer active towards the end of the semester, so I unfortunately cannot share a lot
Note: Many pages are no longer displayable or functional because the databases and authentications used were no longer active towards the end of the semester, so I unfortunately cannot share a lot
Note: Many pages are no longer displayable or functional because the databases and authentications used were no longer active towards the end of the semester, so I unfortunately cannot share a lot
Homepage
Homepage
Homepage
Homepage
Typewriter effect to show multiple disciplines
Nav bar with all necessary tabs
Night Mode
Typewriter effect to show multiple disciplines
Nav bar with all necessary tabs
Night Mode
Course Search
Course Search
Course Search
Dropdown allows for step based filtering
Classes displayed in rows with distinct colors
Shopping cart on side
Dropdown allows for step based filtering
Classes displayed in rows with distinct colors
Shopping cart on side
Course Search
Dropdown allows for step based filtering
Classes displayed in rows with distinct colors
Shopping cart on side
Course Catalog
Sort class by letter with additional filters
Course Catalog
Sort class by letter with additional filters
Course Catalog
Course Catalog
Sort class by letter with additional filters
Beta Testing and Bugs
Beta Testing and Bugs
Beta Testing and Bugs
Beta Testing and Bugs
Beta Testing and Bugs
Example Beta Test
Example Beta Test
Example Beta Test
Example Beta Test
Example Beta Test
Bugs
Frontend responsive but has errors
Stylistic changes like night mode flickered at times
Shopping cart would disappear at times
Bugs
Frontend responsive but has errors
Stylistic changes like night mode flickered at times
Shopping cart would disappear at times
Bugs
Frontend responsive but has errors
Stylistic changes like night mode flickered at times
Shopping cart would disappear at times
Feedback
Color identity important but more colors isn't always good
Feedback
Color identity important but more colors isn't always good
Feedback
Color identity important but more colors isn't always good
Conclusion
Conclusion
Conclusion
Conclusion
Conclusion
As my first real experience using frameworks, frontend, and UX in a class setting, I was really glad with how the project panned out considering it had to be completed within a couple months. I received additional practice with user research and learned that in a design and coding development phase, many features and suggestions can be introduced, but may have to be scrapped due to technical and time constraints.
As my first real experience using frameworks, frontend, and UX in a class setting, I was really glad with how the project panned out considering it had to be completed within a couple months. I received additional practice with user research and learned that in a design and coding development phase, many features and suggestions can be introduced, but may have to be scrapped due to technical and time constraints.
As my first real experience using frameworks, frontend, and UX in a class setting, I was really glad with how the project panned out considering it had to be completed within a couple months. I received additional practice with user research and learned that in a design and coding development phase, many features and suggestions can be introduced, but may have to be scrapped due to technical and time constraints.
As my first real experience using frameworks, frontend, and UX in a class setting, I was really glad with how the project panned out considering it had to be completed within a couple months. I received additional practice with user research and learned that in a design and coding development phase, many features and suggestions can be introduced, but may have to be scrapped due to technical and time constraints.
