Aquinas Study Abroad Website Redesign
Overview
The advisory board for the Aquinas Ireland study abroad program was looking to enhance the experience of their website and broaden the reach of this study abroad program. My team was tasked with redesigning their website. I contributed by conducting user research in order to inform the design of the website and using Figma to design the prototype.
Planning
We started by setting goals for this project. Overall, we had three goals as a team:
- Conduct user research by observing other study-abroad websites and interviewing former/current study-abroad students, as well as sending out surveys. Compile this information into a document that can be used for developing the prototype.
- Develop a click-through prototype that follows WCAG2 guidelines (contrast, alt-text, readability, etc.) and uses the feedback from our research to lay out the design.
- Conduct A/B user testing and have users interact with our prototype to see what is and is not working, as well as what can be improved.
We then set individual goals for ourselves. I had two personal goals for this project:
- Develop and strengthen my project management skills.
- Enhance my user research skills.
After setting goals for our teams and ourselves, we assigned project roles based on personal preference. My primary roles were User Tester and Visual/Prototype Designer. My secondary role was Presentation Editor. I chose these roles because I thought they could help enhance my skills in user research and UX design. Finally, our team set up a shared FigJam file, that would be the central location for all of our project needs. This FigJam held things such as important due dates, our clients expectatations and feedback, and amy important links or files that we may need to revisit.
Brainstorming
During our brainstorming phase, we met with the client to identify any goals and expectations for this project, afterwards, we conducted a heuristic evaluation as a team and identified some pain points that the website had. From there, we created a list of things we wanted to adress in the redesign. This included things like:
- Adding a “Student stories” section kind of like a blog
- Embedding the events sections (for info meetings dates, reunion dates, etc. like a calendar for everything)
- Add an “Apply” or “Advising” section to the nav bar
- Change the color pallet
- Including more information and organizing it in a intuative way
- Adding their social media accounts
After identifying the things we wanted to address in the redesign, we then created a timeline for the project: Research, Wireframe, Prototype, User Test, Finalize, Present.
Research
Our first step of researching was surveying past and prospective study abroad students, not just from this program but for all programs. We created a survey of seven questions focused on why a student may study abroad and what they expected from a study abroad website. We aimed for ten to fiften responses for this survey, and we received thirty responses.
A member of our team also interviewed a past study abroad participant on the same questions from the survey. Below are some of the results from the survey and interview.
After surveying and interviewing, we researched other study abroad websites to see what they include and how they might appeal to prospective students.
Wireframing
Using the data from the survey and interview, we first created a layout that would address the needs of the users and of our client. After creating a layout, we crafted a style guide for the redesign, utilizing colors from the prevous site and the schools site. We tested all of the colors and fonts froom the studey guide to make sure they complied with the Web Content Accessibility Guidelines 2.0. From there, we constructed our high fidelity wireframe by applying the style guide to the layout. Below are images of our design system and examples of our wireframe:
Prototyping
Following the layout and wireframes that we created during the wireframing step, we moved on with creating a full prototype of our redesign. My team member and and I split the load equally, each designing six pages. We met as needed throughout the design process, to share our progress and collaborate on the overall design. Feel free to interact with our prototype below:
Results
At the end of this project, we presented our learnings and prototype to our clients, ad relected on our teams goals. Our learnings were as follows:
- The importance of research and how research informs design.
- How to stay organzied during a large project.
- How to pick and choose what information is relevant.
- Users prefer a more minimalistic design.
Our group accomplished the goals we had set at the beginning of the project, and I accomplished the personal goals I set along with enhancing my research and design skills.