Interactive Design

I struggled a little regarding technical mistakes with the grid (if you would call that technical). There was just so much content that went on the site that it was sometimes hard to stick to it. I struggled at the beginning to come up with the aesthetic and feel that I wanted the website to have. Sketching is always a challenge for me, but I really need to do it more. I really think that with each project, I feel more comfortable and know more about how the website gets built. I pay attention more to the little tiny details that I would forget when we first started this class. I think I need to continue on my own just working on designing more websites and figuring out more about programming. I think it will be very beneficial to me for the future and it will also help me with my own website.

I don’t see a category for Wire frames in Project 4…

This image is an assortment of some of the best logos I could find on the web for already existing Food Banks, or governmental pantry projects. As you may notice many of the logos use the exact same colors and images of either hands, wheat, or silverware.

Web Comps

Header

• Logo “Abilene Full Pantry Project”
• Login
• Search
• Upcoming Events
• About Us
• Testimonials
• Blog
• Volunteer Needs
• Facebook and Twitter Connect
• Mission: “Connecting resources to serve the hungry in our community.”

Footer

• © Abilene Full Pantry Project. All rights reserved.
• Basic links from header: Contact, About, Blog, Press Room, etc.
• Get Email Updates [email form]

Home Page Content

• Google map with food banks marked. Marker must indicate some information regarding food needs, volunteer needs, etc.
• Search Map
• Filter markers based on volunteer needs.
• Pop-up off markers: name, address, phone, volunteer needs (link to details), food levels (link to details), upcoming events (link to details), street view photo, link to website
• Twitter need feed
• Upcoming Events
• Testimonial excerpt with link to testimonial archives

Food Bank Login Page

• Edit Account Information
• Create Event
• Upcoming Events List
• Inventory Sliders: Volunteers, Canned Fruits, Canned Vegetables, Baking Mixes & Packaged Foods, Baby Foods, Breakfast Cereals, Spices, Herbs & Condiments, Perishables (bread, eggs, produce, etc.), Specialty Items
• Inventory Sliders Pop-Up (fairly large): “What do you need?” message box below. — “Pantries with excess:” Message check box. List of food pantries with check boxes (“roll-over for details”) — submit button

Paper Product (choose one)

• Food bank poster (update inventory reminder, registration instructions)
• General flyer (about AFPP, map of food banks)
• Grocery Sack (map to send home with kids)
• Info Graphics (spark volunteers interest)
• Brochure for food banks (for food banks, registration instructions)

The food banks will:

Go to the homepage.

Log in

Complete inventory list

Categorize and enter quantities of food.

Add an event

Update contact info and food bank info.

Put out requests for items.

Volunteers/Needy will:

Go to homepage.

See full list of food banks and status of inventory for food banks.

Click on the indicidual banks to see detailed lists of inventory.

Find locations of banks on google maps.

See events and opportunities to help out or be helped.

Search function to find events and nearby pantries.