So, I have a bit of a background in web design, and have been working endlessly on a new business concept I’ve developed. Usually, I bounce friends and family for feedback when I’m working on projects, but I don’t want anyone to know about my new business venture yet. So, I’m turning to this forum for some honest feedback and comments on the user interface, mobile interface, and overall feel of the site and its pages.
I created the site (and business) because I love coffee, and I love working with web design. Put the two together, and hopefully good things happen!
My biggest challenge in the project to date was getting the Braintree API to play nice. However, I finally got everything working well. There isn’t a lot of content in my sites blog yet, but that section definitely took the most tweaking and coding. (I used anchorcms for the blog).
For the overall feel of the site, I really wanted to keep it basic, even the name of the company revolves around simplicity (black coffee as opposed to creamers and sugar). I tried not to incorporate too many images, and kept the color scheme really narrow.
I like your choice of font usage, color theme and the simplicity design. I noticed two things on your website that are a bit odd.
On your https://www.loveitblack.com/blog/ page I noticed that when I hover my mouse over the top section where you enter name and email address, some of the contents on this page would move to the left when I two-finger swipe on the trackpad to the left (i’m using a macbook).
On the same page, the images you used for your youtube and facebook links are not centered in the middle of the button, vertically. I think it’s because you have too much padding on the top.
Another thing I’ve noticed about your facebook and youtube button links is that your html syntax are not consistent. You have:
You wrapped your facebook link inside of a <div> tag and for your youtube link you wrapped the <div> tag inside of an <a> tag. I would change the youtube link to the same structure as your facebook link:
It’s so refreshing to see a well made bloat free site with seemingly just about the right amount of content, page weight well below 1mb, fast loading.
One thing I noticed, on the lightbox popups there’s no close button (eg the newsletter popup).
Some of the SVG’s seem a bit heavy, eg subscription.svg at 245kb? Could do with some optimising to bring the page weight down even further.
I was actually tempted to order something as it’s breakfast time when I’m writing this, but you don’t (seem to) ship outside the USA, perhaps you need to mention this or account for a customers country on the payment form?
Ditto… I like it too. Its clean, concise and bloat free. Not clear what a kcup is or wether this is just beans or pre-ground…And I did wonder what the site was all about when I saw the URL…The mind boggled… still, a great looking site
Codequest: That is really weird, I’ll have to check it on one of my friends Macs, I wasn’t able to replicate the sliding of content on a PC. Great catch on the buttons though, I got that taken care of.
Bluedreamer: Thanks! That’s exactly the kind of input I was looking to find. I really wanted to make something that was lightweight with the right amount of content. The lightbox close buttons is a good idea, and I’ll incorporate that.
Sorry about that! For the time being, I am only selling to the US, because I’m still looking into any laws regarding the export of coffee internationally. It’s delicious though, so hopefully in the future I’ll be able to get it international. Thanks for your comments.
ReggieTheDog: Thanks for the kind words. K-Cups are a small pod of coffee that go into a special machine to make single serve coffees in the US (not sure what countries currently use it). It makes up almost 50% of coffee sales in the US.
Again, thank you everyone, definitely got the input I needed!
It’s a nice, fresh design. The first thing I noticed was slightly jerky, overly quick scrolling—I assume somewhat JS-powered. I’m never keen on JS messing with scrolling, personally. It’s quite disorienting.
Whenever I see something relating to food, beverages etc. my first thought it that it won’t be relevant to me unless I’m in the local area. So perhaps make clear up front who the site is for, where it’s located and whether it’s worth hanging around if I’m on the other side of the world etc.
