RESPONSIVE WEB | vISUAL DESIGN
A web redesign for a community driven thrift store that supports women and children in crisis
ROLE
UX/UI Designer
PROCESS
Research
Iteration
Design
SKILLS
UX Research
Visual Design
Interaction Design
Prototyping
TIMELINE
3 months
The Good Stuff has been supporting women and children fleeing violence for over 30 years.
The Good Stuff has been supporting women and children fleeing violence for over 30 years.
The Good Stuff has been supporting women and children fleeing violence for over 30 years.
The redesign focused on building a brand that reflected the impact they make
The new design reflects the caring and community-driven spirit of the organization, with the goal of raising awareness, building trust, and inceasing support for essential programs that support women and children in vulnerable situations.
This North Vancouver thrift shop, run by the NSCSS, funds programs for safe housing, counselling, and outreach services. Their programs directly help vulnerable members in the community.
This North Vancouver thrift shop, run by the NSCSS, funds programs for safe housing, counselling, and outreach services. Their programs directly help vulnerable members in the community.
This North Vancouver thrift shop, run by the NSCSS, funds programs for safe housing, counselling, and outreach services. Their programs directly help vulnerable members in the community.
The redesign focused on building a brand that reflected with the impact they make
The new design reflects the caring and community-driven spirit of the organization, with the goal of raising awareness, building trust, and inceasing support for essential programs that support women and children in vulnerable situations.
The Process
Discovery
Strategy
Design
Impact
The existing UI was outdates and difficult to navigate
They are an incredibly well-established and impactful organization, and through a site audit I was able to establish some areas for improvement.
I created a mood board that captured the warmth, care, and trust
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.
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.
This redesign focused on building a brand that reflected with the impact they make
The new design reflects the caring and community-driven spirit of the organization, with the goal of raising awareness, building trust, and inceasing support for essential programs that support women and children in vulnerable situations.
The Process
Discovery
Strategy
Design
Impact
The existing UI was outdates and difficult to navigate
They are an incredibly well-established and impactful organization, and through a site audit I was able to establish some areas for improvement.
The Process
Discovery
Strategy
Design
Impact
The existing UI was outdates and difficult to navigate
They are an incredibly well-established and impactful organization, and through a site audit I was able to establish some areas for improvement.
I created a mood board that captured the warmth, care, and trust
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.
typescale
typescale
colour palette
colour accessibility
colour palette
navigation menu
states
colour accessibility
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.
typescale
states
Colour palette
Colour Accessibility
Navigation menu
states
Nagivation menu
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.
What I learned
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.
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.