Site Design: Red Rooster Coffee (redroostercoffee.com)
almost 7 years ago from Ian Williams, ✍ ◐ < ◑ ☞
almost 7 years ago from Ian Williams, ✍ ◐ < ◑ ☞
I dig the movement of the illustrations in the header. Have you considered getting users locations, using weather api's to determine the wind speeds in their locations, and adjusting the movement of plants based on that. There's currently a storm in my city, and I would feel a lot more immersed if the movement looked like this:
yah dynamic mapping of real time wind speeds to ui animations is so in right now
Can't. Stop. Lol'ing.
Really great visually, but needs :hover
states
Yeah, totally missed a trick with regards to the things that matter. But hey, at least the plants move?
The lesson in that article isn't to get rid of :hover
states, it's to make sure that your product is still usable without them. Can I use the site as is? Yes. Would it be nice to have some visual feedback when mousing over buttons/links? Also yes.
TOTALLY not relevant but in Australia, Red Rooster is this:
more like redrooter
Really nice and soooo fast! Rad illustrations + type. Clean but still has a lot of personality.
Shopify + something else? How are you managing the non-product content?
Hey Cory!
Shopify + Craft API server + Universal React frontend.
React is why it's so fast :)
I haven't personally seen this combination before, but I find it really interesting—I wonder if you'd be willing to share more details around the architecture and implementation?
I normally dislike sites with designs like these but in this case it just feels oddly appropriate.
Having been to the Blackwater Loft in Floyd, VA, I can verify that their coffee is indeed good!
Impressive work. I would love to read a blog post detailing how this build was achieved!
I agree. Ian mentioned "Shopify + Craft API server + Universal React frontend" in a previous comment. I'd love to learn more about how this stack works.
Great site, Ian!
Hey!
This is a nice looking website. So I'll focus on a styling detail for the sake of conversation: borders. I think it looks better with thicker borders, adds some character, gives a nice contrast.
I made a quick test to get the idea, see these captures:
Or when you first load the homepage. There is this band that you can close (the one saying "Welcome! In honor of our new site..."). I closed it, and visually missed it. See captures:
Anyway, those were my two cents. Then, nice looking website.
I would argue that the extra border looks like letter boxing more than a design choice. but thats just my opinion.
I agree on the welcome message, it looks really nice with it (which is rare)
Well, if letter boxing is not required, it's a design choice. Have the illustration overflow, like on the welcome part, and it's clearer.
But then, my point was: I think those black parts/bands add to the look. I may have forced it too much on the exemple ^
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
Login to Comment
You'll need to log in before you can leave a comment.
LoginRegister Today
New accounts can leave comments immediately, and gain full permissions after one week.
Register now