Discover PupSupport

// a student-led initiative powered by code

What is PupSupport

PupSupport is a community-driven initiative that utilizes art and design to promote mental health awareness and equip college students with essential skills for sustaining and improving their mental well-being. But they also needed a website. So our dedicated team of three designers and six coders collaborated with PupSupport to create an innovative and user-friendly website to break the barriers that college students face with their mental health. Over the course of two quarters in the 2022 - 2023 school year, we designed and implemented a website with:

Interactive Website Design

Embedded Spotify Podcasts

Javascript Powered Functions

Feedback and Questions Form

How it began

Web Impact (formerly known as Dubvelopers) is a University of Washington RSO/club. With Web Impact, I had the opportunity to work with others to create a website for underrepresented clients who service local communities or businesses. Throughout the fall quarter, I attended both design and coding workshops to sharpen my skills, as I hoped to land a position on one of the teams. As the end of fall quarter approached we were tasked with creating a personal project as part of our application. I decided to create something that was useful to me at home, while still showcasing my HTML/CSS and especially JavaScript skills, a chess timer to make my games with my younger brother faster and more exciting (click here for the Github repository). I worked on this project tirelessly, both designing and coding, throughout winter break, but it was all worth it when I was accepted onto a team!

Timeline

① Picking a Client (end of year 2022)

Out of 8 clients, including local businesses and UW communities/clubs, I applied to join PupSupport as their focus on student mental health and creating an interactive platform captivated me.

② Design Team (winter quarter 2023)

So first up was the design team. Given direction and guidance from our clients, a team of 4 UI/UX designers began well... designing. After a quarter of hard work, they had a full high-fidelity prototype on Figma.

③ Coding Team (spring quarter 2023)

The design team handed over the hi-fi prototype and our coding team began implementing it. We decided on making a react app, dividing up different pages and functionalities between our 6 coders.

④ Presentation (end of May 2023)

Finally, the end of year celebration arrived. This was our time to showcase what we had build. Along with the coding team, we shared our design and website to other club members as well as all the other clients.

Putting It All Together

At the end of the year, we celebrated our hard work with a PIZZA PARTY 🍕! Oh... and we also presented our websites to all the clients as well as other members of Dubvelopers. Overall, our team worked hard throughout the spring quarter to deliver this website on time, meeting weekly and messaging each other frequently to keep up with deadlines. While there are some accessibility issues that were not address, we hope to see this design out on PupSupport's real website soon!

Here's the Github Repo

SKILLS & TOOLS USED: HTML/CSS, Javascript, React.js, Figma

Message Me!

First Name *

Last Name

Email *

Message * * required