3 ms·

I like the design. What do you see as problems?

nicolethenerd 13y ago
First thing that jumped out at me was the "Try CoffeeStrap" button at the bottom isn't obviously a button - of course, the text gives it away if you're reading carefully, but if you're just skimming the site, it's easy to miss entirely. Also, the grey on grey text (like for the "What is this?" header) could be improved, and while not a design issue, I would've liked to see a bit about why you called it CoffeeStrap - seems like a weird name for a service like this - brings to mind a Bootstrap tool for CoffeeScript - never would've expected it to be a language-learning tool.
lhnz 13y ago
1. Line-height needs to be increased as lines are almost touching. 2. Colour scheme is terrible: green, orange, grey, pale yellow, orange on dark blue, dark blue text with orange shadow, green text on black terminal style popups, black text on asphalt texture, light blue boxes with grey text and dark blue headers, dark red footer with coffee table. 3. Lack of distinction between what is uppercase and what is lowercase. (And in general, just don't do uppercase like that as it's hard to read.) 4. Long-winded copy. 5. "Let Us Know Why" takes me to a team page. On the bottom is what looks like a gigantic back button. Where does the so-called back button go? Not back to the page which I was before I can tell you that. If it's a call-to-action it should be clear what it does. 6. Weird branding in the copy: text that jumps in between trying to appear professional/startupy and wanting to share a beer with you. 7. I just found a whole new introduction page: http://boards.coffeestrap.com/#/welcome http://boards.coffeestrap.com/#/welcome I am so confused why more than one exists? For starters. Realistically they need to work with a designer and start focusing on simplicity.
- madfriend 13y ago
  +1 I couldn't agree more that design needs to be improved. 1. Work on forms: they should be easy to distinguish from other "blocky" things around. 2. It took me like 2 minutes to find what your project is about. Improve your landing page. 3. Colour scheme is really messy. Pick 2 base colors and extend them using http://kuler.adobe.com http://kuler.adobe.com 4. Choice of name - I believe that in hacker community CoffeeStrap really sounds like Bootstrap in CoffeeScript
rmrfrmrf 13y ago
The greatest trick the Devil ever played was convincing the world that design is subjective.

First thing that jumped out at me was the "Try CoffeeStrap" button at the bottom isn't obviously a button - of course, the text gives it away if you're reading carefully, but if you're just skimming the site, it's easy to miss entirely. Also, the grey on grey text (like for the "What is this?" header) could be improved, and while not a design issue, I would've liked to see a bit about why you called it CoffeeStrap - seems like a weird name for a service like this - brings to mind a Bootstrap tool for CoffeeScript - never would've expected it to be a language-learning tool.

lhnz 13y ago

1. Line-height needs to be increased as lines are almost touching. 2. Colour scheme is terrible: green, orange, grey, pale yellow, orange on dark blue, dark blue text with orange shadow, green text on black terminal style popups, black text on asphalt texture, light blue boxes with grey text and dark blue headers, dark red footer with coffee table. 3. Lack of distinction between what is uppercase and what is lowercase. (And in general, just don't do uppercase like that as it's hard to read.) 4. Long-winded copy. 5. "Let Us Know Why" takes me to a team page. On the bottom is what looks like a gigantic back button. Where does the so-called back button go? Not back to the page which I was before I can tell you that. If it's a call-to-action it should be clear what it does. 6. Weird branding in the copy: text that jumps in between trying to appear professional/startupy and wanting to share a beer with you. 7. I just found a whole new introduction page: http://boards.coffeestrap.com/#/welcome http://boards.coffeestrap.com/#/welcome I am so confused why more than one exists? For starters. Realistically they need to work with a designer and start focusing on simplicity.

madfriend 13y ago
+1 I couldn't agree more that design needs to be improved. 1. Work on forms: they should be easy to distinguish from other "blocky" things around. 2. It took me like 2 minutes to find what your project is about. Improve your landing page. 3. Colour scheme is really messy. Pick 2 base colors and extend them using http://kuler.adobe.com http://kuler.adobe.com 4. Choice of name - I believe that in hacker community CoffeeStrap really sounds like Bootstrap in CoffeeScript

rmrfrmrf 13y ago

The greatest trick the Devil ever played was convincing the world that design is subjective.