Webb Food Services

7/23 Edits

Posted by Justin Bernard on July 23, 2015

global:

- carousels/image header optimization?

- make sub nav a sticky

- make project list show/hide

- check if retina working 

- main hamburger nav bg area grey on expansion

- make header food service tagline copy 21px instead of 24, move down till its centered well

- kill quote indents, see if can have quote marks slightly indented

- mobile view header, top nav white box not showing, header image should be pushed down


projects:

- on projects overview page, have quotes blocks have universal padding

- on projects overview page, russ myer quote, trim first part till 'everything we serve…'

- projects overview, quote on bottom, bring in 75px or so on both sides


about:

- move our people left, move all other copy content in 75px (align with current methodology)

- on mobile view, make the copy overlaying partners name

- add separating line on mobile

- on our expertise, make not dual column on mobile, follow model of our culture

- make logo grid image diff on mobile view below our expertise


projects sub

- header height too high


contact

- delay single column resize till about 500-600 wide

Comments

Justin Bernard on July 28, 2015:

So I spoke to the client today and one of the partners is really wanting us to explore multiple images on the home page. Not a carousel in the traditional sense where images are timed and cycle through automatically. User clicks and images cycle through. I'd like the next build we show them to have this functionality so they can see & test it.


Here's and example of what the home page slide functionality should look like. It's not obvious, but click on big image and see it advance. The site loaded amazingly quick for how many images they've got piled in there.

http://www.gensler.com/

Now we do need to make sure it's more obvious to user that you can actually advance slide and see more. Maybe cursor changes to custom right arrow when hovering over right side of image. Turns to left arrow when hovering over left side of image. (use arrow and circle found on project list)


Also, it seems they've figured out aspect ratio/responsiveness and are not cropping their images strangely. Can you check into that for out site as well? 



For individual project pages, we might try something like this site's sliding header

http://www.kinfolk.com/


This would allow us to use images of differing dimension so that responsive decisions aren't as difficult.