Humane Society Website

Second Chance Humane Society Mockup Website

my role

Researcher, Content Strategist, Visual, Usability, and User Experience Designer

The Humane Society stands as a representative for all animals in our community. As a fellow animal lover, I believe that my knowledge and skills can benefit the humane society by providing not only design aesthetics, but improving the user experience, adoption rates, donation rates, and volunteers.

product

Second Chance, Washington's newest humane society website! In this work, I focused on the people who love animals, their user experience, and strategizing the humane society's prosperous longevity.

mission

Second Chance Humane Society's main objective is to prevent animal cruelty, promote kindness, and support all animals by providing them with a second chance at a good life.

I've got intelligence on my side

I started my research with consulting sites like the Humane Society of the United States (HSUS), the American Society for the Prevention of Cruelty to Animals (ASPCA), American Veterinary Medical Association (AVMA), and government databases to gather informative data on animal owner demographic, shelter/adoption agencies finances, and animal to shelter ratio. I found an article by Civic Science; Dog Shelters vs. Pet Stores- Who Shops and Who Adopts which helped show me how to guide users to adopting from shelters. From the article, the number one reason cited for not choosing a shelter is the belief that shelter dogs might have behavioral issues (15%). Others were concerned about the fees (6%), wanted puppies/younger dogs (6%), and many other reasons (12%). My job is to inform and recruit these lost potential adopters and those like them, by easing their minds on perceived negatives of adoption.

Project Goals!

I also went into other Humane Society's websites and reviewed them for competitive analysis. I specifically dove into Washington state with an emphasis on animal adoptions. Spokane Humane Society was a huge help with their 2020 annual report that had insight into their finances. I was able to learn how their income was coming in and their animal to shelter ratio. Most of their donations were from individuals, followed second by estates and planned donations. Their average length of stay for dogs was 29.6 days and for cats was 45.54 days. With donations mostly coming in by individual donations, this is the main target that I need to emphasize in my framework.

On the current humane society's websites, there were two common issues that a user would face; either not enough information or an excess of information that was poorly structured and difficult to navigate. There were also a lot of websites that ended with the user needing to call for more information and to schedule a visiting appointment. These are something I'm going to solve in my framework by adding only specific information in the adoption process.

Insights

To understand more about Humane Societies, I created an interview survey that's directed toward the stakeholders, workers/volunteers, and pet owners who have already gone through the process of adopting and/or shopping.

User Research

My user profiles are based on the findings from the 2017-2018 Edition AVMA Pet Ownership and Demographics Sourcebook. The information concluded most people own a dog more than any other animal with cats coming in second. Those aged 25 to 40 years old have the highest rates of pet ownership, followed second by those aged 57 to 75 years old. The less urbanized areas of the United States had the highest rate of pet ownership at 67%. Other important factors were wealth, educational attainment, and familial status. Individuals with higher income, post-secondary education, and/or married were more likely to be pet owners than their respective counterparts. Ethnically, pet owners were more white/caucasian with Latino/Hispanic as a close second.

What is Needed

I wanted to create a space that would benefit both pet lovers and people involved with the animal shelter to encourage better communication, especially during the adoption process.

To achieve a successful website, Second Chance needs a certain amount of annual income to operate, a reduced number of animals at the shelter, and an increased number of volunteers.

Look at content to improve communication to the public.
Look into service design to integrate adoption processes.
Use current money processing for online donations.
Availability and accessibility of information.

Good Additions

The website features a leading-edge design that incorporates modern web design best practices with inspiration from some of the world's most admired humane societies.

In addition to a good desktop experience, the new design is optimized for mobile smartphones to accommodate most users and help with the overall user experience.

The all-new design allows for easy navigation for the user to find their perfect new family member. Whether the user is wanting a small, medium, or large dog or short, long, or no hair cat- they can also search by characteristics, this allows for a no-hesitation adoption.

Final Product Design

Mobile Screen of Second Chance Humane Society

Research References:

AVMA

Civic Science

ASPCA

Spokane Humane Society

Government Data

Beer Served to Perfection

my role

Package Designer, UX Researcher, and Graphic Designer

In this project I have learned digital, hand-rendered + print production related processes to achieve high quality material output. I go through essential 3-dimensional package design, specific to product and marketing materials. I create a cohesive set of complex collateral utilizing the method of process thinking with a focus on prototyping.

challenge & problem

The challenge I decided to take on was to engage with the beer industry and all who love beer. The problem was the beer package was either an aluminum can or a glass bottle which inhibit either the easy convenience or the quality and taste of the beer.

I've got intelligence on my side

The first order of business starts with research. And before going out into the field, I consume all knowledge I can find on the internet.

This is the fun part! Not only do I get to read case studies, but I also get to watch Youtube videos.

There's a basic choice that a beer company gets to make and that's Should I use Glass or Aluminum? See, many people will argue depending on quality and taste, but in the real world people will argue just on cost and production.

I do agree that the aluminum can has an ingenious design, so my idea is to capture the form of a can.

Cylindrical Form
Tab Opener
Bottom Dome

The Ingenious Design of the Aluminum Can

Check out my design inspiration:

Project Goals!

Project goal is to package beer with the quality that it was made. Doing so, glass is the best solution. Another project goal is to package beer with the great convenience that a can of beer offers for both the convenience that a can of beer offers for both the consumer and brewer.

Idealizing and conceptualizing the many possibilities for glass container convenience, I have decided on helping the environment by promoting re-usable cups!

Glass bottles are pretty basic and contain no other chemical ingredients besides the glass, so there's nothing in it that could really change the taste.

Cans are typically aluminum, lined on the inside with a polymer that can contain BPA or Bishphenol A.

Insights

My hypothesis:

Was correct. Glass is better. At least with backed up evidence on long-term thermal regulation. So, check out this case study I found that goes in-depth comparing the thermal performance of glass and aluminum beverage bottles during cooling and warming periods.

I decided on a reusable glass jar with replaceable lids similar to typical cans. This would allow consumers the ability to refill with any beer at any brewhouse without having to commit to the full volume of a growler. The glass achieves a few things; it is the smoothest and least reactive material, allowing for washing and reuse while maintaining the taste and integrity of each new beer, further the glass has a certain appealing texture in the hand that gives the consumer tactile satisfaction. The decision for reusable metal pop-tops is also multifaceted; they are cheap, easy to mass-produce, and recyclable while still granting the customer the satisfying 'CSHH' of cracking open a cold one.

Once I knew the direction the beer packaging was going, I started developing the prototype. This process took most of my time as iteration after iteration there was always something more to improve upon. Whether a better design that didn't require adhesives or a more comfortable handle, I recognized that usability also needed to be factored just as much as design. One of the main challenges that I faced was designing a lock hinge for the bottom of the box that would hold the weight of the beer. My solution was to use origami paper folding techniques to enhance strength.

One of the goals for my packaging design was to reflect both the utility and practicality of the product as well as reflect the draft-brewery capital of the US and my home - the Pacific Northwest. I drew inspiration for the packaging from my surroundings - to reflect the beauty of the Pacific Northwest.

The rugged high peaks, the blowing evergreens, and the abundance of majestic flowing water.

I wanted it to stand out from the more common black and brown color schemes, I chose a bold blue to match the cool environment. Through my research about why beer containers were designed to block most light, I discovered that the light from the sun could chemically damage the beer, degrading the taste and quality. The blue design of the packaging and container not only adds to the aesthetic, but blue is one of the most prominent wavelengths of light the sun produces, allowing my container to block the vast majority of sunlight and keeping the beer fresh.

Fayge Biotech

Role: Lead Graphic Designer, Motion Graphics Designer, UX Researcher

Expectations: Develop deliverables to convince potential investors that the science for Fayge is sound and that the business is scalable and replicable.

This poster was designed for the biotech start-up “Fayge,” a student group at Eastern Washington University looking to make a new acne medication. I designed the poster to be presented at an open house for funds acquisition.

The first step was to understand the context of the presentation, so I researched the basic science behind their product so that I could better develop the imagery. Because this project was directly intended to teach donors about the basic science, as well as to look like an appealing product they would want to fund, I took creative liberty to design the form and function of the imagery to both be telling of the intent of the product as well as to draw attention in a simple but eye-catching manner.

The next step was to create a creative brief that involved diving into more detail of the start-up's message, tone, people, and audience. I achieved this by answering SWOT: strengths, weaknesses, opportunities, and threats that are involved. The strength of the project was the idea itself- basic science research with wide market appeal. The weakness this team faced was how to present their research towards acquiring funding. The opportunity for this presentation was to acquire funding. The threats were the competition- needing to out-present 20 other student start-ups. Using this method, I believe that I gathered the perfect direction- they needed a visually appealing poster that explained the science and the market potential, allowing the team to talk about the science and the product to sell itself. I took this as a starting point to recognize that this poster needed to be a complete representation of their business and science.

I always make sure to start with a sketchbook and pencils to get initial ideas down. I thought of cell biology as being organic and natural, so I wanted to stay away from sharp edges and have the concept naturally flow. Especially since the presentation was towards an audience that has varying levels of knowledge on the subject. The poster needed to connect easily with the viewer. The final poster layout took multiple iterations, but it was completed just in time to be printed and displayed for the presentation.

The poster composition was bold and colorful to grasp the audience's attention and all the visuals were easy to understand. With a storybook type positioning, the viewer naturally reads left to right starting with the top left corner to the right top corner and then the bottom left. Ending the person's perspective on the bottom right corner. Following this pattern, I guided the reader from the problem (acne) the issues (current treatments are inadequate) the solution (endolysin acne medication), and the resolution (needing funding).

The final service included the large poster, video animation, design guidelines, and a digital copy of the poster and video. The poster and video were praised at the open house, helping the client acquire $2,500 in funding.

Logo Design

Role: Graphic Designer

Expectations: Customer wants original yellow color and Lil House of Donuts name.

The customer was an employee for Lil Orbits Donut Shop who had decided to branch off and start their own local donut shop. They wanted to keep to the original yellow color used at Lil Orbits. With no additional guidance, the rest of the design was up to my creative license.

I began by looking up House of Donuts and found an existing “Original House of Donuts” and took inspiration from their logo. I enjoyed the House shape that was integrated with the company name. The main difference I wanted to give the logo was more simplistic straight lines balancing the cartoonish fun donut- the emphasis being the delicious- mouthwatering donut to draw people's attention.

I maintained the yellow background from 'Lil Orbits' for the customer. The main draw is an abundance of pink to accent the feel of the yellow with a hint of blue to make the donut pop out towards the viewer.

After the first iteration of the Lil House of Donuts logo, I went back into it and defined everything more with blue to really emphasize the company name and accent the donut a little more.

The logo was to be displayed in the center of the Alderwood mall food court, so by adding the blue, I gave it a more stand-out and attractive view to draw the customer in among the other vendors.

To demonstrate how the logo would look, I made a mock-up photo for the customer.

Hospice Website Creation

Role: Logo Designer, Web Designer, Web Developer, Researcher

The Bird House is an organization that allows families to find a qualified Hospice Home for their loved ones. One of the main goals of The Bird House is to create a website that will be an online marketplace that brings comfort to end-of-life guests and connects with them in an online environment. Moreover, the website will help families reduce stress and save time and money in finding care.

The current website presents an outdated visual design, which could be viewed as unprofessional. Additionally, the copywriting lacks keywords and information, which makes finding the website and searchability difficult. Updating the information architecture to improve ease of use and bring the website more aligned with ADA compliance would go far with the redesign.

So far, I have outlined the information architecture to best guide the user through the website, emphasizing the donations feature. My second objective is to increase the visual design appeal to boost professionalism by amplifying The Bird House brand identity. My third objective is to increase search engine optimization by adding copywritten keywordsincluding back-end keywords – which help search engines like Google better identify and recommend the services of The Bird House. I aim to design The Bird House website to increase revenue and present an appealing site to attract clients, their families, and business investors.

The Logo Design

The initial questionnaire and discussion with The Bird House focused on the company's goals and objectives. One of the issues was that their logo was outdated, childlike, and bland. Some requests were to keep the bird and the house.

I resolved the problems with a deeper and more defined color palette, fonts with more edge and strength, and a simplified art design.

I started with a good amount of iterations and then submitted my three strongest, that of which one design was verified. The new logo design is bold, eye-catching, professional, and unique!

View the Website!

Rochell Hatfield

UX Graphic Web Designer

Hi! I am Rochell Hatfield. My values are what define me, my lifestyle, and my work ethic. Results-generating, ambitious and driven, with a passion for analyzing, researching, and developing. Prioritizing, organizing, evaluating time, and self-management is what I do best. I create above and beyond goals and meet them effectively and efficiently. Among other things, I am diverse and set no limit to what I can do.

Scroll for More

Rochell Hatfield

UX Graphic Web Designer

USER EXPERIENCE DESIGNER

HUMANE WEBSITE

I researched and designed an animal humane society website to improve the user experience and usability for the humane societies prosperity.

Animal Humane Society UX Case Study Preview

WEB DESIGNER/DEVELOPER

HOSPICE WEBSITE

I researched, strategized, and implemented design solutions for the business' goals and objectives.

The Bird House Website Design and Development

WEB DESIGNER/DEVELOPER

SOCIAL PLATFORM

I designed and developed a social platform to expand my knowledge in using APIs. For this project I used a free cat API and it is mobile optimized. This project was more for the fun of learning by doing.

PACKAGE/UX DESIGNER

BEER PACKAGE

I designed for a Pacific Northwest beer product. Let your wanderlust guide you to the next generation of beer packaging via “Pacific Pints,” inspired by the bounty of Nature in the Pacific Northwest.

GRAPHIC/MOTION DESIGNER

BIOTECH START-UP

I designed a poster and animation for a biotech start-up presenting Lysin as a novel acne medication.

LOGO/BRAND DESIGNER

LOGO DESIGN

I designed and developed a donut shop's logo and brand identity.

Please message me if you would like to see more of my projects

This website was designed and coded by Rochell Hatfield

wireframing, wireframes, user experience, user interface, web design, product design, research, prototyping, data analysist, data Analytics, professional, experienced, highly committed, sales, business, marketing, brand strategy, brand strategist, senior level, work experience.