How to make your Shopify site look expensive

by Dominika Tracy | May 30, 2022 | ecommerce, website tips

How to make your Shopify site look expensive

Do you want to make your Shopify site look expensive but can’t afford to hire a designer? Read on, I have gathered all the tricks from my years working as a website designer that can upgrade your DIY website without spending any extra money.

First, I need to clarify, when I say ‘expensive’, it’s a short-cut to mean ‘trustworthy, classy and high-end’. It’s less about money and more about building this relationship with your site visitor that you know is crucial to making sales online. If people don’t feel confident spending money in your online store, your business will suffer.

Theme

The first decision you will face when creating your website on Shopify which will determine the look and functionality of your store is the theme you choose. As you probably already know, there is a selection of free Shopify themes available directly from their store. You may be wondering if the free Shopify themes are any good or if you need to be splurging on a premium one. The good news is that:

A Free shopify theme doesn’t have to look cheap

Let’s look at this example of two stores using the same free Shopify theme, Brooklyn.

It doesn’t take a designer to instinctively know which one of these websites looks expensive and it has nothing to do with the theme that’s used.

The reason why a choice of the Shopify theme is so important comes down largely to the functionality it offers. Some themes will let you edit everything down to the spacing of items in your menu bar. Others will let you choose between 6 fonts and make everything unreasonably hard.

Here’s an example of the theme customisation panel from two different websites I worked on, to give you an idea.

That is why, even if your budget is limited, I would encourage you to consider some paid options. For my clients, I usually recommend Flex or Turbo which are both superb (here’s a nice discount code for you, if you decide to try it out: DOMITRACY10 ). But if you’re not ready for the investment, here are 3 themes I found below $100 which I believe are great value for money:

Roxxe – $59

Kalles – $89

Lezada – $49

Immediate giveaways of a DIY Shopify website

Low quality images

Avoid using stock images or product photos supplied by the manufacturer, especially if you’re dropshipping and the same images will be used by your competitors. You can create high resolution, beautiful images using nothing but your smartphone.

Default Shopify fonts

Research font combinations which will reflect your brand identity and add personality to your website. Pinterest can provide loads of inspiration for this.

Low in Content

A dead giveaway that a store is new or not going to be around for long is lack of content, especially when it comes to copy. Provide as much information as possible to your potential customers, and don’t believe anyone who tells you people don’t like to read online. They may just scan the information but they still need it to make a purchasing decision.

Clashing colours

Pick a colour palette and stick to it, for everything from site elements to product images.

Default Shopify header
Messy navigation

Keep your navigation contained to a single line and try to arrange the option in a way that would make sense to a customer. A great option you may want to add to your store is a mega menu using images, which can make site navigation much easier for some stores.

Observe the basic design principles

These principles are taught in every design course but you can adapt them to your Shopify website without any formal training. They are:

Hierarchy

Balance

Alignment

Emphasis

Proportion

Movement

Negative Space

Contrast

Repetition

Variety

Unity

I won’t go into all of them here but here are a few examples I think are important to keep in mind when designing your own Shopify website.

Movement

You don’t want to leave the eye movement of your site visitor to chance. From research conducted by the Nielsen Group, we know that most people scan websites in a pattern that resembles the F or Z letter.

With intentional use of headers and spacing, you can guide the site visitor to consume your site content in a pattern that we call ‘layer cake’, like it’s done here by the designers of the Nordstorm website.

Alignment

Be sure to align site elements consistently in relation to each other. So, for example, make sure all headings are either aligned centre or left, not a mix of the two.

White space

As a design principle, the use of white space is crucial, as it gives the elements in your composition the room to breathe. With not enough white space, pages will look cluttered and are hard to navigate. Be sure to leave some blank space around elements of your web page, especially the important ones. This empty space will make them stand out more and makes for a better user experience.

correct use of negative space on e-commerce website

Did you find this post helpful?

Don’t forget to pin it!

How to reduce abandoned carts in your online store

by Dominika Tracy | Sep 27, 2021 | ecommerce, website tips

How to reduce abandoned carts in your online store

Have you ever watched a real time recording of an online visitor’s journey through your website?

If you haven’t, I recommend you get a free version of Hotjar immediately!

It can be painful realising how many people visit your online store from Instagram or a google search, make their way to a product page, read through it, then click that beautiful ADD TO CART button and… then leave your website for no apparent reason!

You can almost hear the sound of money slipping through your hands, can’t you.

If you could, you may be tempted to check that person’s IP address, drive a few hundred miles to find their home, knock on the door just to ask ‘Why didn’t you buy from me???’

While I don’t recommend stalking your would-be online customers, I understand how frustrating it can be not understanding why someone went through the whole process of buying something from you and then changed their mind at the last moment. So, I gathered all the research I could find on the topic to talk you through the possible reasons someone might have to torture you like it.

But I didn’t stop there – I will also give you practical methods to deal with those non-buyers and help you reduce abandoned carts in your online store.

How to reduce abandoned carts in your online store shopify fashion store

What is a ‘good’ cart abandonment rate?

There is no universal figure that could be applied to tell you how well (or poorly) you’re doing when it comes to people not going through with their purchase. It depends on many factors, like for example your industry.

For beauty or fashion ecommerce brands, for example, people often user their baskets as a way to collect and compare items they’re considering buying.

The online average cart abandonment rate, as calculated by the Baymard Institute in 2021 is 69.80%. How does your online store compare? If you want to reduce abandoned carts in your online store, read on.

They weren’t going to buy anything to begin with

According to Baymard Institute’s research, when asked ‘why didn’t you proceed with buying this thing you put in your cart online’, 58.6% of US shoppers said ‘they were just browsing’ which means they had no intention to buy anything online that day.

Before you shout ‘well why did you add it to basket then???’ consider:

Have you ever added a number of dresses to basket as a way of ‘bookmarking’ outfits you liked from a store?
Or maybe you added something to basket to keep it there before you price compare with another store?

It’s not so unreasonable to use e-commerce stores ‘just for browsing’, same as we do it with brick-and-mortar shops. It also doesn’t mean that the shoppers who visit your site with no purchase intent, can’t be converted into customers.

Make it work for your store:

Instead of getting frustrated with this type of site visitor, make it easy for them to bookmark their favourite items and come back to them later. Use a Wishlist plugin, like this app (free, for Shopify) to encourage shoppers to save their favourite products online. You can request their email address at that stage and email them if any of the items goes on sale, or simply to remind them that the items are still available. A Wishlist is also easily shareable, which means they can forward the link to someone else who might be paying for their stuff.

The shipping costs were too high

Yes, I know delivery costs on your site are high because it costs you a lot to deliver your product. But Amazon changed the online retail space for everyone (for better or worse) and free shipping has become an expectation rather than a perk for most shoppers.

Research after research shows that customers would prefer a £12.38 product with free shipping over £10 product and £2.38 shipping fee. If you can incorporate the shipping fee into the product price, it’s likely to be a good move.

If you can’t, for example if the same product is available with other retailers and shoppers are likely to price compare, there’s still things you can do to avoid people bouncing off your website once they see your delivery charges.

One school of thought is to be as up front about your delivery cost as possible, meaning shoppers know what to expect before they reach the checkout stage. I actually disagree with this idea and believe (partly based on my own shopping experiences) that many times site visitors are more likely to get over additional shipping costs if they’ve already invested a lot of time and effort into choosing their items and adding them to basket.

The way to mitigate this hurdle is to advertise the trigger point for free delivery. So, for example if you offer free delivery on orders over £50, it’s good to remind shoppers how close they are to reaching this threshold. Bonus points if you can then also suggest products which will qualify them for free delivery without increasing the basket value drastically.

This free app for Shopify will do exactly that, encouraging your site visitors to add extra products to their basket, thus increasing their average order value.

The site wanted me to create an account

Hand up if you’ve ever abandoned your purchase because you would have to create an account to buy and suddenly it just seemed like too much hassle!

I’m not saying you shouldn’t encourage your shoppers to create an account with you. There are many benefits to them setting one up – most notably marketing and promotional permissions you gain access to.

But similarly as with shipping costs, it’s better to ask for it later than earlier. Ideally, once they’ve filled in their transactional info, (which they would have to do anyway), you can offer to convert this data into an account with one click. Lucky, with Shopify this is actually very easy to implement with their Shopify Pay option. Simply go into your Settings and select Payment Providers. You’ll see a section named Accelerated Checkouts that includes the Shop Pay or Shopify Pay option, which you want to enable and that’s it!

reduce abandoned checkouts with shopify accelerated checkout option

Or, if you want to generate loyalty and a feeling of community with your store (who doesn’t?), you can re-frame Customer Accounts as Regular Customer’s account and offer additional perks (discounts, free shipping etc) for those who sign up.

Here’s how Nike do it:

reduce abandoned checkout like nike - offer an incentive to join

I didn’t trust the site with my credit card information

Adding trust and credibility signals is a great way of mitigating those last-minute doubts shoppers sometimes get before parting with their credit card information.

Elements to add here are:

Refund policy
Ways of contacting you
Trust badges
Customer reviews

Don’t assume that the ‘selling part’ of your customer journey is done because the visitor reached the checkout. It’s not over until the credit card is confirmed and the Thank you page loads. Don’t be afraid to repeat your unique selling points here and reinforce them in the knowledge that they are making the right purchasing decision.

reduce abandoned checkouts by repeating your unique proposition at the checkout stage

There wasn’t enough payment methods / credit card got declined

I refuse to get up from my sofa and interrupt a good online shopping session to have to get my wallet and put my card information in and I’m sure I’m not the only one, as 7% of shoppers asked by the Baynard Institute also stated that as the reason why they didn’t complete their purchase.

Offering Apple Pay, Google Pay and Paypal is easy to do with Shopify and there is no reason why you shouldn’t include these in your store.

If your product is on the luxury side of life, it might also be worth offering credit, with services like Klarna. The possibility of spreading payments out in time (although it will most certainly encourage consumer debt and may be morally questionable) will also make it more accessible for many to purchase your products. Klarna claims that offering the payment in instalment option at checkout increases conversion rate by as much as 30%.

Even if your product may seem to you as priced so low, it’s not worth bothering with Klarna and the like, your customers may think differently. Fast fashion sites like Boohoo offer payment in instalments for products as cheap as £5:

reduce abandoned checkouts by offering payments in instalments with Klarna - like Boohoo

Conclusion

The research published by the Baymard Institute suggests that as much as $260 Billion could be recovered through optimising the checkout experience in the online retail space. How much do you think you could claim back for your own online store?

Did you find this post helpful?

Don’t forget to pin it!

How to make a website that sells

by Dominika Tracy | May 10, 2019 | business, website tips

How to make a website that sells LIKE CRAZY

Are you wondering how to make a website that sells without hiring an expensive web developer? As a conversion-focused web developer myself, I will share some of my best tips with you below. All of these you can easily apply to your website right now and see an increase in sales/enquiries almost immediately!

Let’s start with your homepage.

Do you know what the first job of a good homepage on your website?

It’s to make the visitor not bounce, i.e. leave your website immediately. Depending on the quality of your page, this will happen with 50% or more of the people who land on it.

So, provided the person who’s visited actually sticks around to absorb any of the content you have on there, what are the elements of a good homepage? First, the area you want to focus on the most is ‘above the fold’, so the part of the page which is visible without the user having to scroll down. That’s your prime real estate so use it wisely.

✅ Do use a strong, clear hero image
❌ Don’t use sliders

The image is what will grab the visitor’s attention first, that’s why it’s important that it’s top quality. A slider on the homepage, although used by so many, is actually proven to hurt conversions. Objects moving before you get a chance to read them is pretty annoying for the end user, so try and avoid if you can!

✅Do use a short sentence to describe what you do and how that helps them.
❌Don’t write a long paragraph about your company history etc.

Within the first 30 seconds of the user landing on your homepage, they should be able to say what’s in it for them – and then be able to find out more if they wish.

How to make a website that sells – Sort out your navigation

The rule of a thumb is – if it takes your user more than two clicks to find the thing they want to buy, you’ve already failed. Keep your menu straightforward and only use secondary items if necessary. If you have a lot of items which should be included in the menu, for example if your website is an ecommerce store, your best option will be a megamenu, which will display those vertically, without the user having to scroll down.

The other mistake I see people doing a lot is have too many options in the menu. I get it, you want to show all the things you can do but chances are you’re just confusing them.
Try and think about this from the user’s perspective – what pages would they want to find on your website and what path would they expect to take there?

Create a website that sells – Forget YOU

It’s about them, not you – your homepage, that is.

The most common mistake I saw when reviewing the homepages submitted by you in the last couple of weeks was a complete fixation on Me Me Me 🙂

If your homepage talks about YOUR experience, YOUR company history, or worse yet, YOUR hobbies and interests – I would reply with a big ‘so freakin’ what’ every time. And so will your visitors.

A person landing on your website only cares about one thing – themselves. And what they want to know from you is how you can help THEM.

As an exercise for today, I urge you to go to your homepage and check how many times you talk about You – when you should be talking about your visitor and their needs.

Did you find this post helpful?

Don’t forget to pin it!