10-4 Teddy Revamp

This was a group effort to revitalize a very dated and simple charity website. 10-4teddybear.com has since undergone some changes, but many of the problems we encountered still exist.

The 10-4 teddy bear wheelchair foundation is a charity organization dedicated to funding disabled children for the equipment they need. Their main source of income is to sell teddy bear plush toys and use the profits from these sales as donations. From this we understood their target audience to be parents of disabled children, these parents would have varying degrees of skill.

The first main problem we had encountered was a lack of ecommerce. This has since been fixed in the current version of 10-4teddebear.com but the original problem we addressed was a system that required you to print off the page, fill it out by hand, and mail it to the charity’s head office. We created a simple responsive order form that would be easy to follow and greatly reduce the work donators have to do. We decided to keep information fields 12 columns wide at all sizes to maintain a consistent list format.

I made several arguments against the design of the homepage, specifically the existence of the search bar and the quick guide icons at the bottom of the page. The website was designed with a quick easy flow to allow donators to see the website and make donations through one easy page. There’s not much to search for and the search bar has many issues that stop it from helping you, but it was insisted that it remain in the site. I also fought against the quick guide, specifically against the icons that were chosen. It was decided that making multiple links to the same page would be redundant, so I wouldn’t be allowed to have the icons function as links. However, the icons intuitively look like buttons, so the average user will instinctively click on it and get upset when it doesn’t do anything.

Finally, our major problem with the original website was the strange disproportionate way they handled their content. The original website offered their mission statement and order form on the home page, a page to show appreciation to major corporate donators, and then the rest of the site tells the story of the charity’s founder. While these statements are emotional and clearly mean very much to the charity, their importance to the end user is limited and makes the site that much harder to navigate. We factored the information into one page and simplified the language to a more reader friendly size. We paired smaller articles together, shortening the width and enlarging the height in the large screen formats while having it collapse down to a one item per row pattern for small formats which we found to be especially friendly to the user whether they were on their phone or at a desktop.

This website was constructed with the help of Foundations 6