Web design
Embedded Files
Partnersync
My most recent project is PartnerSync Matching Tool an innovative platform designed to foster collaboration between Algonquin College faculty members and external partners. The purpose of this site is to serve as a valuable resource for external partners and faculty members by providing clear information about available courses and projects. This tool:
Facilitates collaboration between professors, students, and external partners.
Offer real-world opportunities for students to solve practical problems using cutting-edge knowledge and technology.
Strengthen ties between the college and the community while driving innovative solutions.
My role (s)
My role (s)
In this project, I had the privilege of serving as the Communications Coordinator, where my primary responsibilities included managing administrative tasks, facilitating communication with the client, and ensuring the efficient distribution of information to the team. During the Design phase, I took on the role of a UX Designer, collaborating on the creation of both low-fidelity and high-fidelity wireframes. I also contributed by designing the graphics for the final website, ensuring an appealing and cohesive visual identity. Finally, in the Development phase, I stepped into the role of a Developer, focusing on implementing the CSS styling and crafting the JavaScript logic to bring the platform's functionality to life.
Tools:
Basecamp - Sharepoint - Figma - Adobe Creative Suit - Tailwind CSS - Svelte - Javascript
Target Audience
Target Audience
Our platform is designed for two primary groups:
External Partners: Businesses, non-profits, and research groups looking to get crucial work done by leveraging the diverse skill sets of Algonquin students and faculty.
AC Faculty Members: Algonquin staff and faculty seeking quality, real-world experiences for students through applied projects that address community challenges.
My challenges
My challenges
During the Development phase of the PartnerSync website, the team divided responsibilities between backend and frontend development to streamline progress. My focus was on the Frontend, where I worked to bring the high-fidelity wireframes to life. Utilizing the Tailwind CSS framework, I ensured the website adhered to the design specifications with a clean and responsive interface. Leveraging Svelte and JavaScript, I implemented interactive functions, including opening modals, enabling button actions, and managing routing for the platform’s different user roles—admin, external partners, and faculty members. This approach ensured a dynamic, user-friendly experience tailored to the needs of each audience.
*All the wireframes shared on this page were created by me.
THE END! The project was successfully deployed on one of the college's servers, ensuring seamless accessibility and functionality. Additionally, we had the opportunity to participate in the In-Class Projects Showcase, where we presented the PartnerSync tool, highlighting its features, functionality, and potential impact to a broader audience.
Applied Research Showcase
Applied Research Showcase
We proudly participated in the Algonquin College Showcase to highlight our achievements from the last term of the program. The informative poster on the right was created by me to briefly explain what Partnersync is.
Vivago
For our UX II project, my team and I designed VivaGo, a prototype for an all-in-one travel app that streamlines every aspect of the travel experience. The goal was to design a comprehensive travel app prototype that would simplify users' travel experience. Recognizing the fragmented nature of travel planning, we envisioned VivaGo as an all-in-one solution, combining itinerary management, budgeting tools, and a centralized travel hub into a user-friendly platform. I led the development of the Itinerary section, focusing on organizing trip details for easy access and planning, making it a reliable companion for any journey.
The project encompassed a complete UX design process, from initial research to final prototyping. We performed a competitive analysis to pinpoint common pain points in travel planning, which guided our ideation and design choices. We began with brainstorming and wireframing, and then iteratively developed and refined the app's features by conducting user testing to ensure they aligned with user needs.
The result was a cohesive and intuitive prototype that combines three key sections—Itinerary, Budget, and Hub—each designed to address specific aspects of the travel journey, offering users an integrated and seamless experience.
My role (s)
My role (s)
In this project, I was a UX/UI Designer for the Itinerary section of VivaGo, an all-in-one travel app designed to streamline the travel experience. My role involved overseeing the development of the Itinerary feature, which organizes trip details for easy access and planning, ensuring it is a reliable companion for travellers. During the Design phase, I created both low-fidelity and high-fidelity wireframes for the Itinerary section. These designs established the foundation for a user-friendly interface, contributing to the app's overall functionality and cohesive user experience.
Tools:
Tools:
Figma - Illustrator
Figma - Illustrator
Target Audience
Target Audience
The target audience for VivaGo includes:
Frequent Travelers: Individuals who travel regularly for business or leisure and need an efficient way to manage their itineraries, budgets, and bookings in one place.
Budget-Conscious Travelers: Users who prioritize cost management and look for budgeting tools to track expenses and stay within their travel budget.
Casual Vacationers: Families or individuals planning occasional trips who want a simplified way to organize trip details without relying on multiple apps.
Tech-Savvy Millennials and Gen Z: Young travelers who are accustomed to using digital tools and seek seamless, intuitive platforms for their travel needs.
My challenges
My challenges
One of the biggest challenges I faced during the project was designing the calendar functionality for the Itinerary section. Balancing aesthetics with usability required significant time and effort to ensure users could seamlessly add, edit, and view trip details without overwhelming the interface. Additionally, simplifying complex itinerary data into a clean, intuitive design while maintaining cohesion with other sections of the app proved demanding. The iterative nature of the design process—conducting multiple rounds of user testing and integrating feedback—added another layer of complexity, as it required revisiting and refining wireframes and prototypes under tight deadlines. Lastly, aligning the Itinerary section with the Budget and Hub features necessitated constant collaboration with the team to ensure a unified and seamless user experience.
THE END! After completing the prototype, we presented our mockup app, VivaGo, to the entire class. The presentation allowed us to showcase the app's features, functionality, and potential to streamline the travel experience. We received positive feedback from both our professor and classmates, who commended the intuitive design, cohesive user experience, and practicality of the app's all-in-one solution.
Page updated
Google Sites
Report abuse