css awards badge

Pintley Beta

A Very Cool Social Beer Network

This unique project offered me the opportunity to design a social network application. The challenge was to design a very simple UI that would allow the user to focus on performing different actions, but still keep it interesting and engaging.


Since this project was a direct contract, I had all the freedom to put in practice my very own methodology. For that matter I started by getting input from the client to then follow up with mood boards. I really liked this approach, as I had room to play and get a sense for what the client was looking in a very short amount of time.

User Profile Page
Inspired in one of the most popular social networks, Facebook, the page layouts on Pintley follow common patters that users are very familiar with, such as tabbed navigations, intuitive icons and popular feeds.

Beer Detailed Page
The icons for the actions and the rating are buttoms the user can toggle to add a beer as a favorite, to the wishlist or to rate it.

Browse for Beers
To make it easier for the user to browse beers we went for the approach Netflix has made so popular, why reinvent the wheel? Since we know this is something users are very familiar with, with incorporated into our design making it “Pintley” style.

This project was also about redesigning Pintley’s previous UI, so to my advantage I had in my hands a working site to rethink and clear ideas from the client on how this new UI should work and look like. Always good when there’s client communication and every one knows what they want. The result: a fresh and clean UI. I couldn’t like it more! Even better if you like beer!

 

Project Info

  • My role was to design the website UI and code the HTML and CSS.
  • This was a direct contract with The Pintley Company Inc.