Lean In

Entry 006 -

Build 0.047

I’ve been barreling through some thrilling progress, and haven’t had a moment to stop and log it. Here it goes.

There has been an incremental visual design aesthetic that has been developed over time now. Having swapped through a couple logo marks, and messed with some color combinations, I think I’m on some general right track. Sure.

The homepage has come together nicely, the most recent addition is some of the hover states on the homepage, as well as a mobile addition, that just adds a nice level of simplicity.

Screen Shot 2015-10-09 at 12.58.35 AM

mobile-add

A good deal of the home page was laid out with vw (view width) + vh (view height) units, which is well supported now on the web as a unit of measurement. It makes for a nice top-level unit of measure that isn’t relative to anything other than the viewport size. The grid on the homepage employs calc() to do the math in browser, for how to allow for columns, etc. I should mention, this is the first web project I’ve worked on that I haven’t used a grid as an underlying foundation. I just didn’t feel that it was necessary, and wanted to challenge myself.

Another area that saw a lot of improvement was the directory archive page. There is still work for me to do here, but the basic underlying functionality is there. Eventually, I’ll want to do something similar to Foursquare, where you can hover on the names on the right, and it’ll pinpoint on the map, and vice-a-versa.

Screen Shot 2015-10-09 at 12.58.50 AM

Last to mention, is the shop detail page. This the the least developed page, in terms of where I eventually foresee it going, but it’s a start. There is a basic header, with some shops having an image, and the rudimentary specs on the shop.

Screen Shot 2015-10-09 at 12.59.06 AM

That’s all for now, next I’m taking a deeper dive into giving this project legs in the community, which could mean schwag :). But most importantly, I’m going to get working on making the shop detail pages into a work of beauty. If you’d like to follow along, check back here or follow me on Twitter @coffee_oc.