San Diego Animal Support Foundation Website Redesign
Problem
The San Diego Animal Support Foundation was looking for a team to come up with a prototype on a redesign of their website. They stated that the website that is currently up has not been updated in years and needs a fresh redesign in order to get more traction at the adoption events that they host.
Interviews
Our first step was to interview some of the team at the San Diego Animal Support Foundation to get an idea of what they are looking for on the website. We interviewed Darlene White, the head of SDASF as well as some of the other team members that could provide great feedback on what they wanted to change. We went over all the different tabs and features that they want added to the website as well as the feeling they want to invoke to the user once they go on the website. The main takeaway from the interviews is that they wanted to have a much cleaner look to the website, but make it feel like a locally owned organization. We then studied the competitor’s website to see of features that we can add in order to compete with them.
Mockups
After doing our research, we were able to compile our initial wireframe of how the information should be organized. One of the major changes we made besides the overall look and feel was that we lowered the amount of tabs the website includes. We did a reformation of the information architecture and combined some information that was shown on separate tabs. We then felt it was necessary to perform some user testing to see how this prototype is at this early stage of development.
We decided to interview users that would fit our three main personas that we came up with. These personas include a potential adopter, potential volunteer, and animal shelters that are partners with SDASF. Because the wireframe was mostly just the base layout of how the organization would be laid out, we did not ask the users about the information present in the wireframe. We received very useful feedback on our low fidelity prototype. Most users really liked the information architecture that we came up with for the new website, but many of the users still believed that the website needs to look cleaner overall before finishing the final prototype. We kept that feedback in mind once we moved on to our next step in the redesign process.
User Testing
Final Product
After making the adjustments that we were suggested from user testing, we moved on to making our final prototype, we included photos that were given to us by SDASF and we made some tweaks to make the website seem more clean. We performed one last wave of user testing afterwards. Now, the users liked how clean our website looked, but now the major criticism was consistency. Because we had to design so many pages, it was difficult at first to keep all the font sizes consistent with each other. Because of this feedback, my team made an agreement on what the sizes of each of the headings should be and made a standard to reach consistency throughout the website. We then finished the final prototype of our website and demonstrated a showcase of our final product to the San Diego Animal Support Foundation. They were very pleased with the final product and want to move to further steps on making it their official website.
Background
SDASF hired my team to be able to develop a high fidelity prototype of what their website could look like. We had ten weeks to complete this assignment and it would consist of interviewing the SDASF on what they would like to see on the website, studying the competitors on how they run their websites, and user testing on the different phases of our prototype. We then would gather all this information to compile what we believe would be the best functional prototype of a redesigned website. To the right is their website before a redesign.
The San Diego Animal Support Foundation was looking for a team to come up with a prototype on a redesign of their website. They stated that the website that is currently up has not been updated in years and needs a fresh redesign in order to get more traction at the adoption events that they host.
Interviews
Our first step was to interview some of the team at the San Diego Animal Support Foundation to get an idea of what they are looking for on the website. We interviewed Darlene White, the head of SDASF as well as some of the other team members that could provide great feedback on what they wanted to change. We went over all the different tabs and features that they want added to the website as well as the feeling they want to invoke to the user once they go on the website. The main takeaway from the interviews is that they wanted to have a much cleaner look to the website, but make it feel like a locally owned organization. We then studied the competitor’s website to see of features that we can add in order to compete with them.
Background
SDASF hired my team to be able to develop a high fidelity prototype of what their website could look like. We had ten weeks to complete this assignment and it would consist of interviewing the SDASF on what they would like to see on the website, studying the competitors on how they run their websites, and user testing on the different phases of our prototype. We then would gather all this information to compile what we believe would be the best functional prototype of a redesigned website. To the right is their website before a redesign.
Mockups
After doing our research, we were able to compile our initial wireframe of how the information should be organized. One of the major changes we made besides the overall look and feel was that we lowered the amount of tabs the website includes. We did a reformation of the information architecture and combined some information that was shown on separate tabs. We then felt it was necessary to perform some user testing to see how this prototype is at this early stage of development.
We decided to interview users that would fit our three main personas that we came up with. These personas include a potential adopter, potential volunteer, and animal shelters that are partners with SDASF. Because the wireframe was mostly just the base layout of how the organization would be laid out, we did not ask the users about the information present in the wireframe. We received very useful feedback on our low fidelity prototype. Most users really liked the information architecture that we came up with for the new website, but many of the users still believed that the website needs to look cleaner overall before finishing the final prototype. We kept that feedback in mind once we moved on to our next step in the redesign process.
User Testing
Final Product
After making the adjustments that we were suggested from user testing, we moved on to making our final prototype, we included photos that were given to us by SDASF and we made some tweaks to make the website seem more clean. We performed one last wave of user testing afterwards. Now, the users liked how clean our website looked, but now the major criticism was consistency. Because we had to design so many pages, it was difficult at first to keep all the font sizes consistent with each other. Because of this feedback, my team made an agreement on what the sizes of each of the headings should be and made a standard to reach consistency throughout the website. We then finished the final prototype of our website and demonstrated a showcase of our final product to the San Diego Animal Support Foundation. They were very pleased with the final product and want to move to further steps on making it their official website.
San Diego Animal Support Foundation Website Redesign
Problem
The San Diego Animal Support Foundation was looking for a team to come up with a prototype on a redesign of their website. They stated that the website that is currently up has not been updated in years and needs a fresh redesign in order to get more traction at the adoption events that they host.
Background
SDASF hired my team to be able to develop a high fidelity prototype of what their website could look like. We had ten weeks to complete this assignment and it would consist of interviewing the SDASF on what they would like to see on the website, studying the competitors on how they run their websites, and user testing on the different phases of our prototype. We then would gather all this information to compile what we believe would be the best functional prototype of a redesigned website. Below is their website before a redesign.
Interviews
Our first step was to interview some of the team at the San Diego Animal Support Foundation to get an idea of what they are looking for on the website. We interviewed Darlene White, the head of SDASF as well as some of the other team members that could provide great feedback on what they wanted to change. We went over all the different tabs and features that they want added to the website as well as the feeling they want to invoke to the user once they go on the website. The main takeaway from the interviews is that they wanted to have a much cleaner look to the website, but make it feel like a locally owned organization. We then studied the competitor’s website to see of features that we can add in order to compete with them.
Mockups
After doing our research, we were able to compile our initial wireframe of how the information should be organized. One of the major changes we made besides the overall look and feel was that we lowered the amount of tabs the website includes. We did a reformation of the information architecture and combined some information that was shown on separate tabs. We then felt it was necessary to perform some user testing to see how this prototype is at this early stage of development.
We decided to interview users that would fit our three main personas that we came up with. These personas include a potential adopter, potential volunteer, and animal shelters that are partners with SDASF. Because the wireframe was mostly just the base layout of how the organization would be laid out, we did not ask the users about the information present in the wireframe. We received very useful feedback on our low fidelity prototype. Most users really liked the information architecture that we came up with for the new website, but many of the users still believed that the website needs to look cleaner overall before finishing the final prototype. We kept that feedback in mind once we moved on to our next step in the redesign process.
User Testing
Final Product
After making the adjustments that we were suggested from user testing, we moved on to making our final prototype, we included photos that were given to us by SDASF and we made some tweaks to make the website seem more clean. We performed one last wave of user testing afterwards. Now, the users liked how clean our website looked, but now the major criticism was consistency. Because we had to design so many pages, it was difficult at first to keep all the font sizes consistent with each other. Because of this feedback, my team made an agreement on what the sizes of each of the headings should be and made a standard to reach consistency throughout the website. We then finished the final prototype of our website and demonstrated a showcase of our final product to the San Diego Animal Support Foundation. They were very pleased with the final product and want to move to further steps on making it their official website.
