cyrusstoller / RevTilt

Find Autism Friendly Places
http://revtilt.com
MIT License
135 stars 9 forks source link

HomePage Not Logged in WireFrame #36

Open chart3030 opened 11 years ago

chart3030 commented 11 years ago

Hi guys,

I did a bit of UX work on the landing page of the site. I am also working on some logos/color schemes for RevTilt as a brand. I think that for clarity, it should move away from using the puzzle piece.

Take a look - I welcome any feedback! https://docs.google.com/file/d/0B9h9NKJTvHdZRlJlS1lrM1VLSzQ/edit?usp=sharing

Christine

cyrusstoller commented 11 years ago

@chart3030 I like the concept of putting the categories in a column on the left. It might make sense to put all of the search functionality in that left column?

As I've been adding some places, I think it might make sense to move from categories to tags.

What do you think we should use instead of puzzle pieces? #31

Good stuff

chart3030 commented 11 years ago

I'll work up some design mocks once we have a good homepage lay out agreed on. The reason we should move away from the puzzle piece is 2 main reasons:

  1. Not every one in the community loves Autism Speaks and I want this to reach and help as many people as possible. I would rather be a logo on a page in the About Us section that talks about the support from the Hackathon. I'm doing all this on my own time and not on behalf of Autism Speaks.
  2. There is a new Art Director starting and the last thing that I want to worry about is brand policing happening to RevTilt.

I hope that lends some clarity to my reasoning!

For the search box at the top - I was thinking that should be an auto fill from the set of categories/tags that are already in the site taxonomy and now a free text box - does that make sense?

Thanks!

cyrusstoller commented 11 years ago

I'm totally fine moving away from the puzzle piece. Reasoning makes sense. I'd like to use that's not a star to make it clear that it's different from the Yelp rating.

Re: top search box. We can use something like http://harvesthq.github.io/chosen/ or http://twitter.github.io/bootstrap/javascript.html#typeahead. I'd probably lean a little more towards chosen so people aren't confused if they don't type in a letter that leads to no type ahead.