Anylist |

Scroll to see the details

AnyList is the best shopping list app out there. Period. I tried a lot of them before, and I stuck with it because of its ease of use and nice aesthetics. The guys over at The Sweet Setup also think so.
Their old website was in need of a redesign, and I was fortunate enough to help bring to life their new website.

Style Guide

They requested me to look into a good color palette that would match their light blue, and also find good fonts that could look good and match well together. I decided the best way to do it was to design a nice Style Guide (I'm of the opinion that if you can make it look nice, do it, it'll be worth it). I also added each section of the website mockup to explain my reasoning behind it, since everything has a reason.

Initial mockups

I designed all the pages for the website in Photoshop. For some projects, I prefer to dive right in and start coding, but for this, I wanted to get it right from the begining, and I anticipated a lot of iterations* (likely there weren't that many at the end), so having a Photoshop mockup makes things easier.

Final design

After some iterations on the initial mockups, I used Bootstrap 3 to get a basic site working. Then add some CSS magic, a bit of WOW.js and you get a nice looking site. I used Flexbox to get all the elements correctly aligned and for easily resize and rearrange all elements on mobile.

AnyList

AnyList is the best way to create grocery shopping lists and collect and organize your recipes. Easily share a list with your spouse or roommates, for free. Changes show up instantly on everyone’s iPhone or iPad.

App Store

Visit the website