How to Show a Lot of Information Simply | Cloth-ears

Cloth-ears Home Page

Julie, the owner of Cloth-ears, calls her boutique, “a collection of vintage & retro style accessories, gifts and homeware with a nostalgic warmth.” We were excited to tackle the project of turning her dumpy (but sweet!) site into something polished and professional, but still fun. Here is the new Cloth-ears site, created by Lauren Hardage (illustration by Leslie Dallion).

Before beginning a website design, we always make sure we’re clear on what the objectives of the new site are, and get some info on where the original site has been failing our client. Julie’s key points were to:

  • Look more professional, while remaining unique.
  • Instill a feeling of trust in her customers.
  • Increase the number of customers and average sales.
  • Add new features to the shop, such as coupons, free postage, and up-sells.
  • Make it easy for customers to share her products on social media.

Julie summed it up in this way:

We want a professional looking website, that customers feel secure and confident to use, at the same time we do not want to look corporate or stuffy, we want it to look fresh, unique & personable.

We began with the logo design, and I’d like to show Lauren’s mock-up of the branding here:

Cloth-ears logo applications


Click the image below to see the Cloth-ears site before Lauren worked her magic on it.

Cloth-ears Before

You’ll see that the original home page was long long long, and hard for the viewer to decide what to look at. Every link on the site was together in the left navigation, and the red on blue color scheme was a bit hard on the eyes. Lauren’s new home page (which you can see at the top of this article) is clean, clear, and easy on the eyes. The account and cart links are up top, the important informational pages next, then the shop categories. “View cart” and the search box are in the top right, where customers expect to find them, cutting down on confusion. Julie had so many categories that we made each top-level category into a “department” of sorts. When you click on Accessories, for instance, you’re taken to a page that then includes a left-hand navigation with subcategories, and shows a graphical depiction of each of your options.

One large featured image is shown, as well as some other items Julie wants people to notice. The large photo draws your eye first, and the “featured finds for you” banner gives you a better idea of what you’re seeing and why, in contrast to Julie’s original grid of seemingly random products. You’ll see that it’s also very easy to sign up for the newsletter, get help, or connect on social media from any of the pages.

Cloth-ears About

Above is Julie’s new “About” page, looking whimsical and approachable. You’ll see that we also include the social media links here, so you feel welcome to contact Julie, and Julie’s “signature” in the cheery font used throughout the site gives this page a personal touch.

Cloth-ears Item Page

Lastly, we’re very happy with how we sharpened up the product detail pages. The product page before we got to work on it contained a single item image, a brief bulleted list of facts, and “add to cart” button and some other shop products. The new page presents this info, plus much more, without taking up any more room on the screen. There is now an icon showing you if an item is new or not, a link to all items created by the same designer, and many options for social sharing. The “add to basket” button is easy to spot, and if you want further information about the product, as well as info on shipping and returns, it’s all right there in the tabbed information area. Additional products you may like are still shown, but now in their own section of the page, with a title letting you know what you’re looking at.

The new site also includes a blog, which I encourage you to check out! You missed the Christmas advent calendar posts, but it looks like Julie is posting slices of life from her seaside town of Whitstable, and doing giveaways of her adorable products.

Julie sent us this nice testimonial recently:

We checked out many web developers for our website redesign and what we found was that most were either great at design but poor on the technical or vice versa. Aeolidia, however are brilliant at both!

The Basecamp system that they use was a great way to communicate across the pond with such a talented team.

We have also found the “aftercare” to be fantastic. Prompt replies and responses.

The new website design & logo has produced a fresh and professional feel to our brand.

Big, big thanks to Arianne, Keenan, Lauren, Leslie & Chris!

Please let Julie know how you like her new shop! Which “department” is looking the most fun to you? I particularly like the retro metal signs she stocks, and I’m a sucker for all things Moomin!

If you have questions about how to wedge lots of info on a page while keeping it clean and easy to read, hit me with those. Please post a link to your site if you feel like it’s drowning in too much text or info.

Of interest:

About the Author

Hello, I'm Arianne! I am the head storyteller, idea hatcher, and yaysayer here at Aeolidia. I started making websites for friends in 1997, and never lost interest in building online homes for fascinating people. I have a great boss (me!) and I'm unafraid to play hooky to head out on an adventure. Some day I'll tell you about the time when, as a marine biology student, I was bitten by a baby elephant seal.

View more articles written by Arianne >

  1. Wow! The new site is seriously gorgeous…so welcoming and a great blend of clean, simple design that is still unique and interesting!
    My blog is a pile of of information, and the set-up is a result of me trying to figure things out on my own with very little technical knowledge.
    I’d love to have a site that is easier to navigate and that showcases all of the content I’ve built-up.

  2. Love it + everything about it, especially reading all the steps. To me the white makes the page look bigger … the blue looks confining and lots going on…but, maybe that is due to the red + the blue, I don’t know!!!

    • Yes! Both sites have lots going on, as you say, but the “before” site looks crowded and confusing, while we were able to organize the content on the “after” so that it’s not overwhelming. Glad you like it!

Leave a Reply

Or discuss this post in person by joining our Facebook group for creative product-based businesses.

Your email address will not be published. Required fields are marked *

Read more like this