Negroni Week is an international, one-week charitable event and celebration of one of history's greatest cocktails. A culmination of efforts from Imbibe Magazine and Campari, the event has collectively raised over $900,000 to date. Over 6,000 international venues participated in last years event — a tremendous leap from the initial 100 in 2013.
With the ever growing success and popularity of the event, the size of the database grew and site's performance degraded. Evenly, the old site wasn't able to keep up and Imbibe and Campari sought help making some much-needed improvements to their website and venue locator tool. I worked on this project as a contracted developer for the agency OVO providing both technical recommendations, front- and back-end development.
- Project Highlights
- Development Stack
- Powered by WordPress
- Powerful content managment tools built on top of a trusted CMS.
- Custom Venue Locator
- A custom search tool and interactive map for searching participating venues.
- Geo Location
- Improved local venue searchers with Geo location capabilities.
- Front-end User Dashboard
- The power of the WordPress Admin re-packaged in a simple front-end interface.
- Mobile Optimized
- Every layout and component was optimized for ease of use on mobile devices.
- Multilingual Components
- A custom and lightweight multilingual solution was developed to handle multilingual content.
- SVG Friendly
- SVG artwork was used where ever possible.
- Custom Reporting
- In-depth reporting tools were customized for post event donation reports.
- Foundation 6
With over 6,000 venues, It was necessary for restaurant and bar owners to register for an account and submit their venues for approval.
WordPress was used as the admin framework for both the custom front- and back-end interfaces. Administrators and Editors were given access to the back- and front-end admin tools while approved venue owners were restricted to the front-end admin interface only. WordPress was customized to allow for easily moderated user and venue registration. Each approved venue was searchable from venue locator, had its own page on the site with location specific info and could easily be associated with other content types on the site such as venue specific events.
The goal was to build upon the existing WordPress capabilities of allowing users to register for an account, add and manage their own content but to do so completely in a front-end interface eliminating any interaction with the WordPress Admin. The Dashboard needed to accommodate for venue owners with one or two venues as well user accounts with hundreds of venues.
The most integral feature of the site was the without a doubt, the venue locator. Previous attempts at this online venue locator tool had failed to cut the mustard and some major enhancements were in the works. New features included the ability to search all participating venues on a single map without lag or noticeable load times, browser-based geolocation, and further filtering of results via various venue related metadata (to name a few). In addition, each venue was to have its own unique page for displaying unique information specific to each venue.
The WP environment needed to be reliable, performant and capable of serving content from a very large database under heavy traffic without crashing.
For this project, I defined four custom breakpoints, extra-large, large, medium and small. The first three of which made use of the max-width property to serve fixed, art directed layouts, while the smallest breakpoint utilized a fluid layout. Responsive patterns were used where ever possible, responsive images were used throughout, including both the srcset and picturefill. Retina images are loaded when capable devices were being used. A mobile-first approach was taken when writing styles for each component. Touch target size and mobile performance were also considered and heavily tested.
A custom and lightweight multilingual solution was developed to handle multilingual content.
In-depth reporting tools were customized for post event donation reports.