CAUSECAST

Freelanced at Causecast, a donation and volunteering platform used by larger companies to connect employees to causes they care about. They were hard at work on version 2 of their product and brought me aboard to help with UX on some missing elements as well as marketing pieces. The styles were already set up, so it was more wireframing and applying them accordingly to elements.

They are a great company with a wonderful mission, so if you're unfamiliar, definitely check out their site.

SITE MAPS

Started with site maps, more to help organize the workflow then create an outline for the site. This familiarized me with how the site worked, as well as created a visual diagram for the team on what was remaining on the to-do list, so nothing would get missed. Accompanied this with a list of all the pages, using the same numbering system.

SITEMAP_userSITEMAP_user
SITEMAP_AdminSITEMAP_Admin

DONATION PAGES

The donation flow for the product is complex due to all the options and variables. Users can pay directly via credit credit, paypal or payroll deduction, both in a singe payment or recurring payment. There is also a possible employee match and transaction fee to consider.

I started the design by researching various donation pages online. Then created user scenarios for each of the main flows. Next I sketched some ideas, focusing on different ways the totals could show. Moved from sketches right into Fireworks and started laying out ideas using the styles in place. Printed the multiple flows and user scenarios to present ideas to the team and get feedback.

1-Start1-Start
2a2-AmountAddedMonthly2a2-AmountAddedMonthly
2c2-TransactionFee&Match-MatchPaid2c2-TransactionFee&Match-MatchPaid
3a-LeaveMessage3a-LeaveMessage

HI-FI PROTOTYPES FOR SALES TEAM

Worked on prototypes for the sales team that highlighted different features on the site. I used Muse to do this. The team could upload the prototype to their ipad and walk through different flows with potential clients. Muse makes updated the prototypes easy and doesn't rely on an internet connection.

MuseLayout_NewMuseLayout_New
Muse1screenMuse1screen