For Serving Up Style, our creative partner was working with Mollysfund to develop and market a fundraising design showcase. Mollysfund is a nonprofit working to fight against lupus.
To make the event work, Mollysfund needed a custom website where local designers could submit their showcases and others could view them. They had designs ready, including separate mobile and tablet designs which we would need to recreate faithfully. The site also needed to provide a clean interface for Mollysfund to manage the showcases, approving/rejecting, editing, and organizing them.
The team opted for WordPress on this project, hoping to take advantage of it’s built in admin panel for the showcase management component. WordPress doesn’t have much support for outside users submitting data though, so we had to do some heavy lifting there. Since we had detailed designs to work off of, we used those to build out a 4-stage submission form to walk designers through creating their showcases. These being design showcases, the ability to upload images was key. We developed an interface to allow the designers to add up to a set number of images, as well as remove or rearrange them (all of which would be reflected both in the Wordperss admin panel, and in the showcase display itself).
On the WordPress side, we hooked into those forms and used their data to create the actual showcase pages, which would show up as ‘drafts’ for Mollysfund to approve them. Once created, each showcase was just a custom post in WordPress, meaning Mollysfund could leverage all of its built in management functionality (revisions, search, SEO, etc).
Once a showcase was published, it was up on the website and viewable by everyone. Often though, designers wanted to make edits to their showcases, add new information, and so on. To support this, we came up with a system to allow the designers to come back and edit their showcases later. When an already published showcase was edited, it would be set to a draft again and the admins would receive an email alerting them to re-approve it.
Other features included character limitation of WordPress back-end fields, WordPress UI modifications to allow rapid download of designer-uploaded images, and multiple site themes, allowing the admins to change the color scheme of the site with the click of a button.