Last month we successfully relaunched the Patron Social Club website: www.patronsocialclub.com
Along with various frontend implementations, I was tasked with the design and execution of a “web app” called Drink Maker.
The Drink Maker cash-in on the popularity of the iPhone by mimicking its shape, navigation and asthetics, while presenting it in a large website format.
The result is a unique web experience that is suprisingly dynamic and fluid.
With the Drink Maker you can quickly access over 100 different recipes and interact with them through videos and documents. A vast improvement over the original cocktail recipes section where clumsy Flash animations crippled the user, and a single recipe can take up to one minute to view.
From the beginning the Drink Maker has asperations to be an iPhone app. Here is my original mock-ups based on the wireframe I was given:
My addition of the “cocktails calculator” was an attempt to bring some interation to an otherwise standard content search engine.
The entire design was nixed on the basis that the client wants to retain their current cocktail recipes section as it was their most popular. So the Drink Maker will essentially be a facelift of that section with improved navigation.
In an unexpected twist, whereas the designs for the rest of the site was being tweaked to an inch of its life, I was given free reign with the Drink Maker. The only stipulation was to make it “tactile” (my word as I understand it), like an iPhone app.
Here is the final pitch of the Drink Maker to our client:
As the design of the site was being finalized, I too adjusted my designs to match.
I’m very pleased with the outcome. My asthetics and priorities are very much intact.
And I managed to suprise myself by building the entire thing in jQuery and not Flash considering all the animations and transitions involved.
It is not over. Ultimately, the Drink Maker still has asperations to be an iPhone app. And from what I understand, that project is right around the corner.
The important thing that I learned from this project is this: Design while staying under the radar if you want to do things your way! haha!