UX/UI Design • Mobile/Desktop

TD Lab Website

Revamp of the lab website for easier student access to information.

Overview

Product Designer

Role:

2 months

Timeline:

Team:

Amanda C / Design Manager
Stefany P/ Senior Designer
Grace y / User Experience Designer

Web Desktop/mobile Design

Type:

Skills:

User Testing, Interaction Design, Information Architecture

The website is outdated and has not been updated since 2019. The Lab website plays a crucial role in informing potential co-op interns about the culture and the co-op life at TD Lab.

The website revamp is a design improvement project of the current TD Lab website which another designer and I worked on this project for several months during our co-op term at TD Lab. The project aims to increase brand reputation, awareness and improve user experience.

Problem Solving

Students who look to learn about the TD Lab have difficulty understanding what the TD Lab is and what they do and have to reach out to their network and friends to get more information because they are limited and don’t give solid insight into the lab.

Problem:

Create an easy-to-use and efficient platform that shares the Lab’s story to increase brand reputation, awareness and users confidence about choosing TD for their next adventure.

Goal:

User Pain Points

1.Lacks a human aspect

2. The navigation on the experiments page is confusing, especially the project's filter.

Designing A Solution

Feature breakdown and decsions

Feature #1: Image Display

Playing with combinations of images and copy writing

Users are presented with various images of co-op students and full-time employees, information about the lab, testimonials, and links to LinkedIn profiles to gain insight about the environment and build trust.

Homepage uis

Feature #2: Project Gallery

Efficient Filtration

We have introduced a project gallery, complete with a user-friendly dropdown menu equipped with a filtering feature. This allows users to effortlessly sort through the various projects. Additionally, we've incorporated tags to clearly denote the project type, enhancing overall visibility and user experience.

filtration feature ux

Feature #3: Case Studies

Case studies are introduced for users to access information on all experiments and the development of projects completed at the Lab. Case studies are designed to make information easily available to users.

Experiments Explained

Final Design

Key Takeaways

My design internship at TD Bank was a transformative experience. Working within a collaborative environment, I learned the importance of effective communication and teamwork. Leading several projects from ideation to launch was incredibly rewarding. This internship has solidified my passion for design and set me on a path to pursue a career in this field. It's been an unforgettable chapter in my professional journey, and I'm eager to carry these lessons into the future.

Reflecting on Project outcomes

Challenges We Ran Into

🎯

An initial challenge was selecting which features were necessary to include/remove based on the feedback received.

🤔️

Developing the right questions to ask for user testing interviews and initial user research survey.

How I Grew as a designer

🙌

How to synthesize user research and testing insights, and apply the necessary changes.

🗣

Improved my story telling skills by presenting ideas during design critiques.