Early Learning Academy, Centre Square
When the managers at ELA came to me, they asked me for one thing: help them display all of their required postings without mucking up their nice, clean walls. We decided a touch screen interface in the lobby would be the perfect way to do this.
This screen was constructed using HTML, CSS, and jQuery, and by necessity runs only on Internet Explorer 8. A browser demo is forthcoming, but you can view it in the lobby of the Early Learning Academy at Centre Square in Center City Philadelphia.
Foundation for Individual Rights in Education
When I joined the Foundation for Individual Rights in Education (FIRE) in 2012, the organization was using a brand thrown together in 1999, and had clearly outgrown their proprietary Content Management System. After year of, shall we say, gentle persuasion, FIRE agreed to rebrand and move its extensive website, including its case archive and 15-year-old blog to a customized Wordpress installation.
FIRE contracted eResources, LLC, to design and execute the website under the new brand. I served as project manager for FIRE and conducted communications between the two organizations. As the timeline became more constrained, I stepped in to help eResources with front end development and design, particularly with typography. I also designed and built several internal pages to help keep costs down and timelines short.
With the project completed, I continued to do front end design and development for FIRE, particularly when event and special occasion pages were needed.
All of these projects were built by me from concept to completion, and all are fully responsive. I made mock-ups and manipulated vector graphics in Adobe Illustrator. Photography manipulation was executed in Photoshop. I built the pages between the header and footer of the site with HTML5 and CSS3. In my function as project manager, I consulted with eResources and provided vital solutions based on my knowledge of designing in Wordpress.
Several pages, like the below, were iterations of the same format, as a template, so they could be easily updated by other users later.See thefire.org
Freedom Barks, Inc., is a non-profit group in charge of the care and maintenance of a dog park in Medford, New Jersey. Their website was in need of an update and an upgrade in function, so they approached me to give their web presence a boost.
The bulk of the site is simple, but effective: Wow users with stunning canine photography while allowing them to stay focused by nixing the need for vertical scrolling. Users navigate horizontally through the navigation at the bottom of the screen.
But the new site section is what really takes the project up a notch. I added in a basic contact form page so that their users can send the park messages quickly and easily. The user may also click on an orange tab to the right of the contact form, which will “pull out” an extra panel on the page and present the visitor with the ability to enter their information for a Freedom Barks River Rock.
Like most small organizations, Freedom Barks doesn’t have the ability to run credit cards directly. So, after the user fills out their information, they are prompted on the confirmation page to submit a donation through Paypal. If they choose not to, someone on Freedom Barks' end can follow up with them via email.
The desktop version of this project was designed in Photoshop, while the mobile prototype was created with Adobe Experience Design and Invision. This project is currently in development, but you can view full size comps on my blog and the mobile prototype through Invision.
Thoughts on Liberty
Thoughts on Liberty(TOL) formed in 2012 with a goal to create a publishing platform for libertarians who identified as women. It was the first of its kind, so its founders wanted a brand identity that was as unique as they were.
Most of the “liberty sphere” sites and identities at the time were saturated with yellow-and-gold-based brands and logos featuring a torch or the Statue of Liberty or an ama-gi. TOL's founders wanted to do better. They wanted to show that they were women without throwing pink everywhere and show that they were strong advocates for freedom without cliche iconography.
We decided on the purple dragon.
The first thing that the brand needed was a website, and Wordpress was my first choice for them; it was a blog, after all! They were in a hurry to get up and running, so I decided to modify the already-existing Ciola theme for their use. I added custom CSS where necessary and edited PHP as needed.
We settled on a minimal home page with clean typography throughout. For each post page, the authors had two options: a large, full-screen image or a format with a smaller image and a sidebar.
It was crucial to the founders that TOL's individual authors be featured prominently, so I included rich author biographies at the end of each post, as well as an author page where users could see the entire staff at a glance and find their posts.
Most industries have a conference season, and the liberty sphere is no different. Almost immediately after its founding, TOL was invited to present at a conference in Alabama. They needed to have something to give out other than their business cards, so I also created a simple letter-size flyer as well as some stickers for distribution. These were later repurposed for social media graphics that garnered a high engagement rate for their following.
All graphics were created in Adobe Photoshop. Business card was created in InDesign.See Thoughts on Liberty
When I came in to do work on UnlearningLiberty.com, a previous designer had already created a site for the first book released. My task was to quickly create a presence for both titles and keep the budget low. After comps were approved, I employed the WordPress theme OneUp and used its extensive web tools and my own CSS knowledge to set up a striking one-pager.
I also shot all the photography for the site, a few of which you can see below. Greg and his organization still use the shots in promotional material today.
When Medical Guardian asked me to build an email for them, it wasn't yet clear whether or not the company would rebrand. They wanted to see a vision of a new brand that featured lifestyle images and evoked “peace of mind.”
Foundation for Individual Rights in Education
Every year, the Foundation for Individual Rights in Education (FIRE) rates over 400 colleges and universities’ speech codes. Even though the organization put a ton of time and effort into assembling and publishing the data, the hefty report rarely received the number of views the organization hoped.
In 2012, I suggested that a condensed visual representation of the SCR data might be worth a try to expand its audience. For the 2015 report, however, debuting in FIRE’s 15th year, the folks at FIRE wanted to do something special. For this special year, I designed an online, interactive, animated infographic.
The bulk of the work on my end was done in Adobe Illustrator. I created a mockup of the interactive version, an adjusted static version for embedding, and a meta image so the infographic's social media performance could be maximized. I worked with eResources, LLC, to develop the infographic, and their logo appears at the bottom of the page.
Unfortunately, due to time and cost concerns, some aspects of my original design were shifted in development, and the infographic is not fully responsive. Nonetheless, the infographic dramatically increased exposure for the report. The infographic is still live and can be seen at thefire.org/spotlight2015.See Spotlight 2015 Infographic