The Convoy of Hope website is striking from the second the page loads in the browser. The first thing you’ll notice on the homepage is a large hero image gallery where a series of four powerful photos automatically display. Blue and red are dominant colors in the hero gallery and throughout the rest of the site, working together to inspire hope. As you scroll down through the pages of the site you’ll notice how the site is designed with modern, wide color fields, taking advantage of white space and the width of the viewers browser window. This design makes the site interesting and easy to read.
A large homepage slider displaying big, bold images works well to grab the viewer’s attention upon entry to the Teach For America website. The soft color palette, made up of light blues, beige, gray and white, combined with subtle texture makes the site pleasant to read. However, the viewer’s eye is drawn to two bright green call-to-action boxes in the upper right corner of the site. One of the buttons is a drop-down menu that has “Apply to the Corps” written on it to clearly communicate where to go to apply. The other bright green splotch of color highlights the “Donate” tab of the navigation bar to direct visitors to the donation page. The use of color here makes the “Donate” tab stand out from the rest of the buttons in the navigation bar.
Directly above the “Apply to the Corps” button you’ll notice two very important features: a search bar and social media icons. The search bar is a valuable feature that allows visitors to quickly find the information they’re looking for while the social media icons quickly connect the visitor to the organization’s social media platforms.
Another aspect we love about this site is that it has a frequently maintained blog that is updated sometimes more than once per day. This organization has a ton of information to share and blogging is a great tool to use to spread the inspiration needed to get involved. YouTube videos embedded in the site also help to inspire visitors and keep them engaged while allowing featured people to share their own story, adding a personal touch to the site.
As a volunteer for UNICEF, I’m very pleased with the functionality and design quality of the UNICEF website. On every page a visitor is confronted with multiple images of children that need help and protection. These images, displayed in various sizes, work to seize the emotions of the reader and compel them to take action and help the cause.
The yellow plus buttons used throughout the website really caught our attention. They offer visitors the opportunity to interact with the site and learn more about the organization. Visitors can even read inspirational stories by clicking on the yellow plus buttons in the gallery at the top of every page. By clicking on the icon, a fun slide effect is initiated to reveal the full story that corresponds with the image in the gallery. Upon clicking on the yellow icons with the plus symbol in the “What We Do” section, a panel slides out to reveal more information. The fluid motion of the sliding panels adds an aesthetically pleasing element to the site.
Each page of the site also features two simple, yet beautiful, buttons for donations or connecting with Ronald McDonald House Charities through social media. The donation section is easy to use. It’s set up as a step-by-step process similar to a website shopping cart.
Similar to the Ronald McDonald House Charities website, the Make-A-Wish Foundation of Missouri also has a simple and open feel to their website, taking advantage of white space. This simplicity allows them to clearly communicate their mission to visitors and, in turn, helps them to accomplish their goals.
Navigation on this site is very simple and easy to understand. The navigation bar at the top of the page includes a “Donate” button that is reversed out on the background, making it stand out from the rest of the navigation. Secondary navigation is available on the homepage in a sliding bar displaying fun icons, short descriptions, and titles with slight variations of the titles used in the main navigation bar.
The donation page, set up in shopping cart style, is designed to make the donation process quick and easy. In just four simple steps anybody can make a donation with this user friendly interface.
The layout of the “Ways to Help” page is also noteworthy due to its exceptional organization. Each category is accompanied by a photo with subcategories listed in uniformly sized buttons underneath. If you hover your mouse over a photo, a blue box pops up over the photo sharing more information about that category.
We specifically applaud the layout of the news article pages on the website for the following reasons:
© MayeCreate Design 2017 | 573-447-1836 | firstname.lastname@example.org | 700 Cherry St. Suite C, Columbia, MO 65201