Final Project - Website Design for Nonprofit

I designed this website for the nonprofit Catskill Mountain Keeper. This was a very fun, difficult, rewarding, and educational process! Well here it is. The top of each page features 5 links. 4 to internal pages and 1 to donate which would be a link to an external site. The bottom features links to social media, other internal pages and the external donate link.

Home Page

 The middle section recent developments is intended to allow the user to click and scroll within the confines of the box. The bottom section is designed to sport icon like thumbnails that serve as links to related programs.


About

This page is very simple and informative.


News

This page also has the scroll with a designated section as well as a flip left/right (using arrows) feature on the bottom of the page for concise press releases


Volunteer

This final page features a link to join the mailing list as well a hyperlink to the volunteer form as well as to the email feature. It also has a flip through photo feature for member submissions.

Web Page Design - Nonprofit

Here are my rough draft for my website design project. I have chosen to make a website layout for the nonprofit Catskill Mountain Keeper. I broke up the details of the design to each page to make the explanations clearer. Scale is off! I made the top logo and banner too large when sketching it out. They will be proportional when done digitally. Also I am planning on making the bottom banner look as if it were grass on a ridge to give it a foreground appearance to contrast with the top distant mountain vista.

On the home page I have the logo on top followed by a navigation banner. I am going to make the background of the banner black and colorize the mountain buttons for each page. I think they will contrast well on the thin black banner. Beneath the banner I have the nonprofits mission statement, followed by recent developments. I was thinking this section could have a scroll down feature so the user can read longer sections of text without taking up additional real estate. Beneath that are links to CMK's programs. The links will be clipart style renderings that could be scrolled through left/right. At the bottom of the page will be the standard follow @ with links for home, contact us, privacy policy and a donate now button (link to outside site). This bottom banner just like the top will be present on every page.

 The about page will feature information about the nonprofit (text), as well as a photo of the staff with names and titles, and a list of the board of directors. All of this info will exist on a single page.

 The news page will have 2 distinct info boxes one for action alerts and one for press releases. Each will have the space for a full text article and the box itself would allow for flipping right for the next article and left to go back. I also was thinking it would be good to have a view all link to bring each section to their own archival style page.

The volunteer page is very basic and consists of info on how to volunteer and links to do so.

 

Now it's time to start working it out in ps.

Sustainabiliy E-card FINAL

Here is my final version of my E-card. I found a great fact about the waste use of disposable cups can cause. Thanks to the advice from the my peers! I think it fit in very nicely. I am happy with the way the project turned out. Enjoy!

 

Front

 

Inside 1

 

Inside 2

 

Back

                                               

Sustainability E-Card

Below is my sketch for the sustainability e-card. I chose to focus on reusing coffee mugs instead of disposable cups. As an avid coffee drinker, I am trying to stick to a max of 2 cups a day though this is easier said than done, this concept came to me one morning after a lot of deep thought about direction. 

 

I went with the angle of having a relationship with your mug and recognizing the significance of reuse over single use disposal. On the front I want to have an eye-catching that is symbolic and peaks the viewers interest. In the middle I want to identify the issue at hand, enormous unnecessary waste due to disposable items, and also explain what the card is suggesting the viewer do (reuse a mug). On the back I want to try and create a clean, simple image that shows a picturesque earth, as if it were the direct result of mug usage, and use a type of logo for the promotion. I am thinking of the eye(I), Heart(love), Mug (not sure of the color yet). I am also looking for the right pictures to use on the front cover. Ideally I would modify a chest or whole body x-ray. Still playing with that concept.

 

 

 

Book Cover Design - Neil Young Living Folk Art

 

Here is my final version of my book cover. I found this to be a very enjoyable project. I wish the image of Neil Young looked more stylized in the finished project. When it is enlarged you can see the paint strokes. Lesson learned!

 

 

 

                         Back                                Binding                              Front 

Book Cover Design - Neil Young

Here is my rough sketch for my book cover for Neil Young. I titled it Neil Young with a subtitle of Living folk art. I am trying to play off that theme as I feel that Neil Young has adapted with the times, he has kept a true sense of self that is reflective of his values and style. I am going to apply a portrait of his face to the side of a barn and attempt to distress the image. I still working on the back of the book. I am going to play with the current setup below and will trim it down ps as it progresses.

 

Medicinal Marijuana - Awareness Poster Final Version

Here is my final version of my awareness poster for Medicinal Marijuana. I ended up changing the content and layout around once I started to mess with it in ps. I wanted to include data, but found it to be to busy. Great stats to back up the cause though. I included them below, if anyone was interested. I tried to keep it as concise as possible while still communicating a clear message, while remaining slightly obscure.

 

 

 

 

Original Sketches

 

 

Photo Credits

 

Hippocrates

http://www.localvisibilitysystem.com/pics/hippocrates.jpg

 

Capital Building -http://upload.wikimedia.org/wikipedia/commons/2/27/Capitol_Building_Full_View.jpg

 

Money (behind Building)

http://www.opensecrets.org/news/bigstock_Falling_Money_669153.jpg

 

Pills

http://blog.doctoroz.com/wp-content/uploads/2013/09/pills-multicolored-original.jpg

 

Marijuana in pill container

http://blogs.villagevoice.com/forkintheroad/medical-marijuana-prescription-bottl.jpg





 

Quote from CNN.com story : Gupta: 'I am doubling down' on medical marijuana

http://www.cnn.com/2014/03/05/health/gupta-medical-marijuana/

 

Awareness Poster - Medicinal Marijuana

Below are my initial sketches for my awareness poster. I haven't yet worked out exactly what the text will say, or how it will be formatted. Also I think that I may scale back some of the content once it is layed-out, but I want to see what looks best before I remove anything. Though it I hard to make out, I am planning on blending a collage of money with the bottom of the capital building, and a collage of multicolor pills with the top. I was thinking about finding some campaign finance info as it pertains to the pharmaceutical industry and placing it behind the building. I really like that concept on the bottom and haven't sold myself on the top yet. I am sure that it will really evolve once I bring it into ps.

Final version - Photomontage

Here is the final version of my photomontage for my band Salt Water Gargle. I tried to have the poster communicate a "debride-ingly" (not an actual word, I just made it up for the context of this piece) refreshing musical experience, harsh yet cleansing, that had elements of ritualism. I found the sketching process to be extremely helpful in identifying the different ideas in terms of layout, as well as the individual components. Once these had been identified, it was very easy to shuffle them around in ps and tweak them until I arrived at a point where the piece felt complete. The feedback from part one was also very helpful in refining the design.

Photo credits:

Speaker - http://wgs4.com/files/imagecache/product_full/BI_retro30_front.png

Gargling Man - http://pad1.whstatic.com/images/thumb/7/7b/Remove-Tonsil-Stones-(Tonsiliths)-Step-13.jpg/670px-Remove-Tonsil-Stones-(Tonsiliths)-Step-13.jpg

Water drop - http://bestclipartblog.com/clipart-pics/water-clip-art-11.jpg

Pouring Salt - http://static.freepik.com/free-photo/salt--pour-sugar--pouring-salt--pour_3302043.jpg

Photomontage - Salt Water Gargle

Above are the two sketches I made while brainstorming posters for my fictitious band "Salt Water Gargle." The first had a sequential theme, while the other two I am thinking more of a poster layout. The band name is in honor of the RSV that has incapacitated my household for the last two weeks. A moment in time. Below is the result of playing around with my ideas in Photoshop.

 

Photo credits:

Speaker - http://wgs4.com/files/imagecache/product_full/BI_retro30_front.png

Gargling Man - http://pad1.whstatic.com/images/thumb/7/7b/Remove-Tonsil-Stones-(Tonsiliths)-Step-13.jpg/670px-Remove-Tonsil-Stones-(Tonsiliths)-Step-13.jpg

Water drop - http://bestclipartblog.com/clipart-pics/water-clip-art-11.jpg

Pouring Salt - http://static.freepik.com/free-photo/salt--pour-sugar--pouring-salt--pour_3302043.jpg