Developed while working for Liquifusion Studios.
Oesterlen’s previous 7-year-old website design needed a major refresh, particularly in cleaning
up content, optimizing for conversions, telling a better story with authentic photos, sorting out
navigation menus, and making it responsive to mobile devices.
First was a content audit of the current site to figure out how to best present information and organize
the navigation. I was excited to apply some lessons learned recently from reading
Content Strategy for the Web.
Next was a website design mockup in Adobe Fireworks. One area that I’m particularly proud of is the
new home page. Instead of trying to do too much, it simply tells the visitor a little about the
organization, rotates through some photos of the campus, and sends them on a journey to explore the
agency’s programs. I’ve found that this is a great way to “slide” through some
extra visual information without interrupting the visitor, who may be trying to read the content.
Key pages on the site now have clearer calls to action, helping the visitor know what to do next if
they want to inquire with Oesterlen or donate to the organization.
Next, I developed a Rails application for collecting and managing incoming referral requests. This process
allows customers to submit inquiries via a secure web form.
The process also watches the intake email account and imports all data from each email (including file
attachments) into the referrals database so that staff has a central system for managing incoming business.
We also discovered opportunities to improve
PCI DSS compliance for the
online donation form by integrating it with Braintree Payments.