Responsive web | visual design
Enhancing The Good Stuff Thrift Shop
Enhancing The Good Stuff Thrift Shop
The enhanced website of the Good Stuff Thrift aims to better reflect the joy and warmth of the NSCSS and improve user experience.
Responsive web | visual design
Enchancing The Good Stuff Thrift Shop
The enhanced website of the Good Stuff Thrift aims to better reflect the joy and warmth of the NSCSS and improve user experience.
UX Research
Visual Design
Interaction Design
Prototyping
About
The Good Stuff Connection is a North Vancouver thrift shop part of the North Shore Crisis Services Society (NSCSS) that has been supporting women and children fleeing violence for over 30 years.
Their thrift shop funds programs such as safe housing, counselling, and outreach services, while their Clothing Program distributes quality donated items to those in need through partner organizations.
The Result
I redesigned The Good Stuff Connection’s website to align more closely with their purpose and values.
The updated design better reflects the credibility and community-driven spirit of this organization, supporting its long-term goal of increasing awareness, building trust, and increasing support for its essential programs.
about
The Good Stuff Connection is a North Vancouver thrift shop operated by the North Shore Crisis Services Society (NSCSS), supporting women and children fleeing violence for over 30 years.
Proceeds from the thrift shop fund programs such as safe housing, counselling, and outreach services. Additionally, their Clothing Program distributes quality donated items to those in need through partner organizations, making a direct impact in the community.
About
The Good Stuff Connection is a North Vancouver thrift shop part of the North Shore Crisis Services Society (NSCSS) that has been supporting women and children fleeing violence for over 30 years.
Their thrift shop funds programs such as safe housing, counselling, and outreach services, while their Clothing Program distributes quality donated items to those in need through partner organizations.
the result
I redesigned The Good Stuff Connection’s website to align more closely with their purpose and values.
The updated design better reflects the credibility and community-driven spirit of this organization, supporting its long-term goal of increasing awareness, building trust, and increasing support for its essential programs.
the result: engaging and purpose-driven
I redesigned The Good Stuff Connection’s website to align more closely with their purpose and values.
The new design reflects the credibility and community-driven spirit of the organization, supporting its long-term goals of raising awareness, building trust, and increasing support for essential programs.
Discovery
Although The Good Stuff is a well-established and impactful organization, their existing website and UI were outdated and difficult to navigate.
discovery
Although The Good Stuff is a well-established and impactful organization, their existing website and UI were outdated and difficult to navigate.
Strategy
Creating a Visual Identity That Reflects Warmth, Trust, and Community
To establish a clear visual direction, I created a moodboard that captured the warmth, trustworthiness, and community-driven spirit of The Good Stuff Connection. I defined the target users and relevant industries to guide design decisions, ensuring the website would resonate with both donors and community members.
strategy
To establish a clear visual direction, I created a mood board that captured the warmth, trustworthiness, and community-driven spirit of The Good Stuff Connection.
Creating a Visual Identity That Reflects Warmth, Trust, and Community
I also defined target users and examined relevant industries to guide design decisions, ensuring the website would resonate with both donors and community members while effectively communicating the organization’s mission.
To establish a clear visual direction, I created a moodboard that captured the warmth, trustworthiness, and community-driven spirit of The Good Stuff Connection. I defined the target users and relevant industries to guide design decisions, ensuring the website would resonate with both donors and community members.
design: creating a consistent system
From there, I began building a system that would ensure consistency across the design.
This involved developing reusable components with clearly defined states—such as buttons, cards, and navigation elements—and establishing guidelines to maintain visual and functional consistency across all pages. This approach allowed the final design to be both efficient to implement and intuitive for users.
impact
The final design of The Good Stuff is a reflection of the life-changing work that the NSCSS does, ensuring safe and happy futures for women and children fleeing violence in BC. The new website feels modern, welcoming, and accessible, better reflecting the trust and care at the heart of NSCSS’s mission.
reflection
Taking time to reflect, here's what I learned throughout this project:
Working on The Good Stuff Connection redesign really showed me how important it is for visual design to reflect a brand’s mission and values. I realized a mood board isn’t just a bunch of pretty images; it is an actual guide to keep colours, typography, and tone consistent. In early iterations, I saw firsthand how testing designs against the mood board helps make sure the warmth and community-focused feel actually comes through.
Building reusable components and a module guide also taught me the value of creating scalable and accessible systems that make future updates easier. Overall, this project strengthened my skills in visual design, user-centered thinking, and designing with impact. It also reminded me that taking the time to iterate thoughtfully leads to stronger and more cohesive results and that small details really do matter when bringing a brand to life.
Key Learnings
Align design consistently with the mood board and brand mission.
Build reusable components and module guides for scalability and consistency.
Test and iterate early to ensure tone and accessibility standards are met.
Visual design should reinforce the organization’s values and user experience.
Thank you for your curiosity
Thank you for your curiosity
Thank you for your curiosity
Created by hand with love ᥫ᭡ using framer
Created by hand with love ᥫ᭡ using framer
