Adopt One Block
Website Redesign
Project Overview
Website redesign for Adopt One Block's (a nonprofit in Portland, Oregon) homepage. Expanding the mission and features to offer more options and using photographs to showcase the impact of the work being done by volunteers.
The Problem
Adopt One Block’s mission centers around surface level environmentalism, while our potential users are focused on environmentalism on a more impactful level.
The Solution
Offer volunteers multiple levels and types of participation. Add photos to the website to showcase the work being done by Adopt One Block.
Background
Adopt One Block is a nonprofit focused on making Portland a cleaner and happier place for its residents. Volunteers sign up to clean and take care of a block of their choice.
This project was completed as a class assignment for the University of Oregon's UX/UI Bootcamp.
My Role
Project Manager, Lead UX Designer
Team
2 UX/UI Designers
Tools
Figma, Google Suite, Zoom, Trello, Slack, InVision
Timeline
4 weeks
May - June 2022
Design Process
Discover
Define
Ideate
Prototype
Test
Stakeholder Interview and Project Direction
My partner and I conducted an interview with the founder and director of operations. Overall, they are satisfied with how their website functions and expressed interest in expanding beyond state lines.
Although it would have been a great experience to work on the redesign with Adopt One Block, my partner and I decided to move forward on our own due to the project timeline and that the changes based on the user research involved a dramatic change to the scope of their mission and options, which did not align with our stakeholders goals. Therefore, we kept the look and feel of the website similar and added features that we thought would help them achieve their desire to eventually scale their organization.
Key Features
The features below were chosen based on the results from the user research. The goals were to expand the ways volunteers can participate and also highlight the work being done by volunteers through images and written content.
Desktop Mockups
Mobile Mockups
Final Thoughts
This process was a great learning experience from start to finish. We liked having the opportunity to interview our stakeholders. We expect our design would help stakeholders meet their goal of scalability while still maintaining the original look/feel and mission of their organization. However, if we were actually working with Adopt One Block, it would be important to prioritize their business goals during the redesign as well as consider the technical and functional feasibility of adding each feature.
If there were more time, we would want to add redesigned pages to the prototype that both showcase the current work Adopt One Block is doing as well as the work that our users would be motivated to engage in.
