Left Border
Watson Design Logo

Naraya at Wolf Creek 2010

Date: 4.5.10
Portfolio: Web Design, Web Development
Type: Freelance
Status: Completed

Project Description

The Naraya at Wolf Creek is an annual event. It is a spiritual Native American ceremony, which is organized and managed by volunteers and volunteer managers. This year, they wanted to simplify the registration process, as well as making it easier for volunteers to manage this year’s participants. They approached me to create an online registration form, where participants could enter their information, note their preferences (such as special dietary needs, and volunteering preferences), and pay participation fees or make donations.

I created the online form using a PHP framework called CodeIgniter, as well as XHTML, CSS, Javascript, and jQuery. Fees and donations are processed using Paypal’s free Website Payments Standard feature. In addition to the registration form, they needed an admin panel that could be used to manage information about the participants. For example, they needed a list of which people wanted to volunteer for which task, and a running total of how much money had been donated. I created the admin panel (using the same tools as above) to manage the participant list, the directory information, eating preferences (vegan, vegetarian, omnivore, and special diet needs), volunteer preferences, pledge amounts, and printer-friendly release forms which the participants would sign upon arrival.

The form is simple yet nice, and I’m happy to know that the functionality of the form and the admin panel has made registering for/managing the Naraya at Wolf Creek much easier for everyone involved!


Naraya at Wolf Creek 2010: Registration Form, Page 1

The first (of two) pages of the registration form.

Naraya at Wolf Creek 2010: Registration Form, Page 1 Image

Naraya at Wolf Creek 2010: Registration Form, Confirm Details page

A confirmation page listing all information provided by the participant. There are buttons to allow the participant to change their information (if incorrectly entered), and to submit it for registration.

Naraya at Wolf Creek 2010: Registration Form, Confirm Details page Image

Naraya at Wolf Creek 2010: Confirmation page

The confirmation page for successfully registered participant, which displays their confirmation code. Additionally, the participant is e-mailed a "Dear Dancer" packet and pertinent information, to the e-mail address they provided.

Naraya at Wolf Creek 2010: Confirmation page Image

Naraya at Wolf Creek 2010: Donation Box

A donation box, for participants who've already registered but wish to make an additional donation. The box slides down when a participant clicks the "Make a Donation" tab.

Naraya at Wolf Creek 2010: Donation Box Image

Naraya at Wolf Creek 2010: Donation page

Donation page for returning participants.

Naraya at Wolf Creek 2010: Donation page Image

Naraya at Wolf Creek 2010: Paypal page

Donation page which takes participant to the corresponding Paypal page, where they may process and complete their donation.

Naraya at Wolf Creek 2010: Paypal page Image

Naraya at Wolf Creek 2010: Admin Panel

Main page of the Admin Panel, which displays all participants and links to their registration forms.

Naraya at Wolf Creek 2010: Admin Panel Image

Naraya at Wolf Creek 2010: Admin Panel, Pledges Page

Pledges page, which displays all payments made to date.

Naraya at Wolf Creek 2010: Admin Panel, Pledges Page Image

Naraya at Wolf Creek 2010: Admin Panel, Printable Release form

A printer-friendly release form for participants. Release forms may be printed one at a time for specific participants, or all at once for all participants.

Naraya at Wolf Creek 2010: Admin Panel, Printable Release form Image

Name:

Email:*

URL:

Comment:*

Please enter the word you see in the image below:*




* = required fields

home . portfolio . blog . about the studio . contact

All website materials are © 2012 Molly Watson.
Site design by: Watson Design.
Please e-mail questions and concerns to the Webmaster

Right Border