Collaborative Project

This group project focused on designing an interactive web experience for Durham College’s Web Development program. The platform showcases student work across multiple disciplines, including branding, video editing, animation, and website design. My role as a researcher and designer involved understanding user needs, structuring content, and creating a visually cohesive interface that enhances usability. The final design delivers an engaging and intuitive experience that allows users to explore projects efficiently.

Tools Used: Figma, Adobe XD, Photoshop, Illustrator, HTML/CSS (collaborative), GSAP

Collaborative Project

Project Overview

This project demonstrates a research-driven and design-focused approach to building a digital platform for showcasing student work. The goal was to create an intuitive and visually engaging interface that allows users to explore projects by category, while maintaining clarity and consistency across the experience.


As a researcher and designer, I was responsible for analyzing user behavior, defining content structure, and developing the visual layout of the website. I focused on creating clear navigation patterns, organizing information hierarchically, and ensuring that each section was easy to scan and understand. I also contributed to wireframing and visual design decisions, helping translate ideas into a cohesive and user-friendly interface.

Process Image 1

The Process

The process began with research and planning, where I explored how users interact with educational and portfolio-based websites. This helped identify the need for clear categorization, easy navigation, and visually structured content. Based on these insights, I developed wireframes and layout concepts that prioritized readability and user flow.

I then focused on designing a modular interface that organizes projects into categories such as branding, video editing, animations, and websites. Each section was carefully structured to guide users through the content without overwhelming them. Attention was given to spacing, typography, and visual hierarchy to ensure a clean and modern design.

Throughout the project, I collaborated closely with team members to align design decisions with development requirements. This included refining layouts based on technical feasibility and ensuring consistency across all pages. The process strengthened my ability to balance research insights with practical design solutions in a team environment.

Process Image 1
Process Image 2




Student Projects

Final Design 1
Final Design 2
Final Design 3
Final Design 4
Final Design 5
Final Design 6