December 12, 2009

Katlynn Brunkhorst; Project Posting Website Design





For my website, I chose to stick to my original non-profit and make a page for the “Build-a-Ballpark Fundraising Party” for Beautiful People, an organization that provides adaptive sports programs for kids under 18 with disabilities. I chose to re-create the visual look rather than basing it on my original poster, considering the name of the fundraiser was also changed right before the event on October 23rd. It was no longer "Field of Miracles,” so I wanted to focus more on the construction aspects of a ballpark.
I played with the idea of exposed wood boards for the lettering of the event title, but struggled with doing so in Photoshop. I chose to create everything in Indesign, instead. It was important to me that I create something original for my navigation bar. I didn’t just want a cliché bar across the top of the page, but I still wanted to include a graphic that functioned as a container. I decided to have each base on my mini baseball diamond navigate you to the other pages. When you scroll your mouse over each base, it will turn red and pop out. I also made the search button into a base to continue the visual hierarchy.
One suggestion Professor Taylor had made for my poster project was to focus more on Doc Gooden, the guest speaker at the event. My parents were able to get a signed photograph from the event this past October for me. I traced over his authentic signature and included it on the bottom of the page; partially covering a picture of him to allude to the fact that signed autographs would be available for purchase at the fundraiser.
I pulled all of the colors from aspects of the Beautiful People logo, and made sure that any images I included also featured the same brightly colored team T-shirts. I actually chose Caflisch Script Pro for the “Fundraising Party” title because it was similar to the look and stroke weight of Doc Gooden’s signature and it was similar to the font used on the team T-shirt. I also wanted to think of a creative way to provide a link to Anthony’s Pier 9, the classy restaurant where the event was held. I made a baseball that also looks similar to the one featured on the T-shirt. I wanted to use a font that was more playful and bold for the “build-a-ballpark title,” rather than the exposed wood. I picked Italia STD book because the serifs looked like the tops of baseball bats, and the counters in the “b’s” were rounded enough for me to draw the same little baseball inside as the Anthony’s Pier 9 link.
The tickets page was my favorite one to design, and it was by far the most time consuming. One again, I pulled the same colors from the Beautiful People logo to form the four boxes that would work as the ticket purchasing area. This gave people a choice to reserve their tickets online and receive them in the mail and pay with cash or check, or just buy them on-line with a credit card. You could also buy additional autograph photos or pre-order them for pick-up at the event itself. I also included an encouraging quote from Doc that persuades potential attendees that he has endorsed the cause and it is a worthwhile outlet for their donations. I had a bio page for both Doc and the auctioneer for the event, Billy Staples, who also is an author. If you click on the book, it will take you to his personal website to buy his book as well. I also included a photo gallery on this page of some of the recent activities that Beautiful People’s kids have been participating in during the off-season.
The info page provides a link for directions to the event itself, and a breakdown of just how much building the ballpark will actually cost. I may improve upon my design some more, but I was thinking of pitching it to my Mom to see if Beautiful People would be interested in making it go live for next year’s event. Too bad I don’t know the first thing about code writing! ☺

1 comment:

  1. I truly liked your navigation bar or design on this web page it was very clever and intuitive. I also like the use of color gestalt on your tickets page which directly correlated with the logo. I liked how the pictures changed on the left side of the page from page to page, but I may have added one or two more pages to reduce the text heavy information section.

    ReplyDelete

Note: Only a member of this blog may post a comment.