Sign up today for a FanExtra membership, and get access to hundreds of design files from our range of network sites.
We'd really appreciate it if you took a moment to help promote this post. Your efforts help keep this site running.
Today I’m going to be redesigning Man in the Moon, a new York based bakery and cafe.
You can see the original site design below:
You can check out the original website here: Man in the Moon
Every site has some merits, and the good impressions I made here are these:
The thing that first struck me about this website was how cool the logo was. It’s really unique and memorable and helps to instantly start establishing the bakery’s brand.
The ornate golden text and illustrative logo are really well designed and have a charming, fantasy feel to them.
The logo also serves the dual purpose of clarifying what the business does.

Whilst it’s not a huge factor in the current homepage, it is good to see Man in the Moon promoting their products via a relevant photo. For this type of business it is CRUCIAL to post nice photos of your product range to entice and attract potential customers.
The image of cupcakes could be a lot more nicely presented, but it’s a decent start, and something to build upon.

It’s good to see Man in the Moon using explanatory text selling their business right on the homepage.
Many sites don’t make it clear exactly what they’re offering, so it’s definitely a positive that Man in the Moon does go into detail.

Of course no website is perfect, and our site’s often make negative first impressions upon readers without us even realizing! Here are the negative first impressions I received from this site:
The main issue with Man in the Moon is that the layout is totally over-colorful and down right garish! It’s so bright and distracting that it totally detracts from the content.
Regardless of the type of bakery they are running, this layout feels more like a fun fair, and definitely not appropriate for their business.
The various shapes, colors and symbols all seem to clash, and have very little to do with the content available.

Man in the Moon currently has WAY too much text on it’s homepage. The area explaining the nature of the company should be massively cut down, and the sub headings in the sidebar should be reserved for a subpage.
At the moment it’s the classic example – if there is too much text, people won’t read any of it.
Cut down the text to your main key points.

Whilst there is a product photo on the homepage, it’s not particularly enticing.
For this type of shop (much like with a physical shop) you want to have your customers salivating at the site of your products. They should be the absolute forefront of your website and the biggest draw to get people to part with their cash.
Think less ‘plain 2D looking photo’ and more ‘reach out and grab it’.

You can see my redesign proposal below:

Let’s look at some of my aims for the redesign:
The colors were totally damaging the original design and making it unsightly and garish. In my redesign I opted for colors that compliment the elegant logo. The black/gold color palette is fitting for the business’s brand, and the bokeh background provides a sense of magic for the website. The bokeh marks also visually compliment the round moon shape in the logo.
Overall the new color palette helps their business come across as professional, unique and intriguing, rather than a cheap fun fare.

In my redesign one of my main aims was to really push their range of delicate products. By putting the products at the forefront of the site using a bold slideshow area, potential customers are able to get an up-close look at the product range.
By having a stand-alone ‘cut out’ product image I was able to make the product feel more 3D and ‘touchable’, rather than a standard flat photo. This should trigger a response in the visitor as they are more able to imagine touching and eating the cakes on offer.

The menu is definitely an issue in the current website, as the links are pushed above the layout right to the top of the site and feel like a bit of an after thought.
In my redesign a created a bolder, more prominent menu area that should make it easier for your visitors to browse your website. I also edited the menu links, as the current links are somewhat confusing (I’m still not sure what ‘update’ is for).

You can have the chance to have your website redesigned in next weeks post. All you need to do is leave a comment to this post with your website address and why you think it needs a redesign.
The Rules for Submission:
Tom is the chief editor at Blogs.FanExtra and founder of the FanExtra network. He loves interacting with the community, so if you have any questions hit up the contact page and he'll get back to you.
Sign up today for a FanExtra membership, and get access to hundreds of design files from our range of network sites.
We'd really appreciate it if you took a moment to help promote this post. Your efforts help keep this site running.
Join our FanExtra membership community today expand your learning. Just $9 for access to advanced members-only tutorials and thousands of design resources.
Are you a talented writer or designer? We’re always on the look out for quality authors, and we pay great money for any articles or tutorials accepted! Please get in touch if you’d like to join the FanExtra team.
Here is some of our latest member content, available exclusively to VIP members of our network. To gain access to all these files and more sign up today!
Great work once again, Tom. The redesign does indeed make the food more attractive.
Thanks a lot Jon! As I mentioned in the casestudy, I think it’s crucial for them to put their product range right at the forefront of their website to draw people in.
I built our website from a template, and in an effort to include lots of words for SEO ranking, it loses design punch. We do not sell anything from our website, but I would like it to draw end user customers (ie., nursing home maintenance, or commercial building remodel). I’m not a very experienced webdesigner- just have taken some classes as a local community college on html and Dreamweaver. Any help would be appreciated- I love your tutorials and frank comments. You seem to cut right to the chase.
Thanks,
Gretchen