Process Page

Narrative

Introduction to Hand In Hand KC

Hand In Hand KC is a nonprofit organization created in 1996, located in Kansas City, Kansas. The organization is dedicated to providing holiday gifts to families with children who would not otherwise have the opportunity and ability to have such gifts. The organization is run completely by volunteers who work with professionals in the field to determine what children are in need and what they need. 100% of donations go directly to these families.

One key factor that stands out about this organization is that the gifts given to these children are done so discretely. Children believe they came from their parents rather than the organization. They also make application easy so that as many people that need help are able to get that help. However, the applicants are provided by professionals who work with these individuals to ensure they are in need.

Hand In Hand KC Website Overview

The Hand In Hand KC Website is a very basic, simplistic website. It is limited in size and content, with the main purpose being to gather donations. The organization provides information such as a description of what they do, who they are, how they were established, and their impact on the community as shown through testimonial evidence. It also provides a method of communication for further questions or requests. The main elements of the website include the five pages; the navigation menu; sections of content with headings, paragraph text, and images, a form, text links, and buttons.

While the website has a good foundation, it definitely could be improved upon.

Hand In Hand KC Website Positives

Positive aspects of the website include the fact that the purpose is fairly clear. The content all seems to relate to the organization and site’s purpose and there does not seem to be an unnecessarily large amount of content. Having the call to action on all pages is an important inclusion.

Another beneficial component is the existence of styles used across the site. These most often remain consistent. They also reflect the styles of the brand of the organization such as the logo.

All elements seem to be functional. And the site does resize according to the viewport size. While this responsiveness is not optimized, it is a start. For example, most of the site content is resized to better fit in the viewport, and the navigation changes to a hamburger menu on mobile. In addition to functionality, the site also is easily navigable as the structure of the navigation is fairly clear.

Hand in Hand KC Website Negatives

The site does not do well to stand out and bring attention to important elements, primarily the call to action of donating. This is likely due to the lack of color, simple fonts and images, sizing location of certain elements, and a lack of change to show interactions. For example, in smaller viewports, the donate call to action is moved to the bottom of the page. Another example is the location of the logo being unexpected rather than being in the top left as typical.

Another issue is the organization of the content. The information could be better consolidated and rearranged to make better sense. Headings could also be given clearer titles to help in this area.

There is one particular instance of a style inconsistency that may confuse viewers as well that should be changed. The text “DONATIONS PROVIDE DIGNITY” in the donate section is styled the same as the buttons on the site.

Readability may also become an issue. The subheading at the top of the page overlaps, the spacing between letters and lines in paragraphs is not significant enough, text wraps strangely around other elements such as images, and there is little separation between text and other media elements.

Much of this is connected to the responsiveness of the site. When the viewport changes size, elements do not wrap well. This includes text, images, and navigation buttons, particularly on medium-sized viewports. Text overlaps even more significantly. Element sizes adjust, but they change to sizes that may be considered unappealing or confusing.

On the mobile version, there is a drop-down menu, however, the hamburger menu for this menu is not in the expected location. It is on the left rather than the right. A prevalent issue with resizing is apparent in this version as well. This being the overwhelmingly large size of headings in comparison to the size of other text elements.

Hand In Hand KC Website Conclusion

The website is at a good starting position Making adjustments based on the issues listed above should improve user experience and encourage more users to get involved with the organization.