Peace Care- Site Redesign Presentation

Preview:

DESCRIPTION

Presented during the Overnight Website Challenge, a 24-hour event where teams of web pros are paired with non-profits with the goal of creating a new online presence. A team of 9 (7 of which were Vodorians) collaborated with Peace Care to help those in developing countries sustainably solve pressing healthcare issues.

Citation preview

© 2011 Chamois Butter For Lunch 1

Peace Care+Chamois Butter for Lunch//Overnight Website Challenge

© 2011 Chamois Butter For Lunch 2

//Jeremy Arnold //Brian Carstensen //Zernyu Chou //Rafael Garcia//Mike Kinney //Jesse Krantzler //Greg Lyon //Christine Mortensen//Brett Phillips

© 2011 Chamois Butter For Lunch 3

© 2011 Chamois Butter For Lunch 4

Technology Stack

CMS

Language & Framework

Database Architecture

Hour 1: Harvest Critical Business Goals

© 2011 Chamois Butter For Lunch 5

Git Money!Showcase Engaging Content

Strong Public Face

Set the Strategy for Digital Success

Hour 1: Determine Target Audiences

© 2011 Chamois Butter For Lunch 6

US Educational Institutions

Development Agencies

Developing Communities

Create Messaging, Tone, & Content Strategy

Hours 2-3: Sitemap & Wireframes

© 2011 Chamois Butter For Lunch 7

Hours 4-6: Template Designs, Skeleton Creation

© 2011 Chamois Butter For Lunch 8

Hours 7-15: Design Revisions & Development!

© 2011 Chamois Butter For Lunch 9

The Things We Built…Homepage Rotator

© 2011 Chamois Butter For Lunch 10

• Automatically rotates between three images that display the core tenets of Peace Care’s vision

• Engaging copy inspires action amongst site visitors

The Things We Built…Image Gallery with Picasa Integration

© 2011 Chamois Butter For Lunch 11

The Things We Built…Form Integration with Batch Books CRM

© 2011 Chamois Butter For Lunch 12

• Automatically sends data to to CRM via Batch Books API

• Sends email notification that a new lead has been captured

The Things We Built…Custom Blog Functionality w/ Easy Admin UI

© 2011 Chamois Butter For Lunch 13

Selectable categories to organize posts

Disqus integration provides comments and easy “previous” and “next” navigation

The Things We Built…Editable & “Stampable” Calls to Action

© 2011 Chamois Butter For Lunch 14

• All text is editable in one spot and updates across all pages

• Insert a stamp with 2 lines of code

© 2011 Chamois Butter For Lunch 15

Hours 16-20: QA, Revisions, Refining

© 2011 Chamois Butter For Lunch 16

Hours 21-23.5: Go Live Preparation & Fun Stuff!

Custom 404 Page Updated Social Media Presence

© 2011 Chamois Butter For Lunch 17

Hours 21-23.5: Go Live Preparation & Fun Stuff!

• Search Engine Optimization– 301 Redirects from old site to ensure no broken

links– Keyword optimized title tags and meta

descriptions• Set up Google Analytics & Webmaster Tools• Favicon!

© 2011 Chamois Butter For Lunch 18

Hours 21-23.5: Sharing Our Own Model of Sustainable, Grass Roots Education

© 2011 Chamois Butter For Lunch 19

Hours 23.5-24: Go Live!

© 2011 Chamois Butter For Lunch 20

© 2011 Chamois Butter For Lunch 21

Website Exceeds All Original Goals Non Profit Partner is Ecstatic Wrote Less Than 50 Lines of Ruby Code Kick Ass CMS Lets Peace Care Take

Ownership of 95% of the Site Tomorrow

10 Hours/Month of Support For the Next 6 Months

Had Lots of Fun with Lots of Friends

© 2011 Chamois Butter For Lunch 22

Peace Care+Chamois Butter for Lunch//Overnight Website Challenge