.svg)
A decepção das páginas iniciais de comércio eletrônico: 11 razões pelas quais seu design pode estar fazendo nossos designers chorarem
A primeira página da sua loja de dropshipping pode ter a seguinte aparência:
Mas, em vez disso, ele consegue ficar assim:
E se você está se perguntando o que mata suas vendas, a resposta é óbvia. A página inicial é uma revelação absoluta para os clientes sobre a confiabilidade e a facilidade de sua marca. A página inicial acima grita “fraude” ou “inacessibilidade”, o que é uma má notícia para sua marca.
Se você acha que um cliente simplesmente comprará um produto diretamente na página do produto e nunca irá à sua recepção, deixe-me dizer: 30% de todas as sessões terminam na sua página de destino. Embora a página de um produto seja extremamente importante para sua loja on-line, NÃO subestime sua página inicial.
A página inicial de um site tem quatro funções principais:
1. Oriente o novo visitante.
2. Estabeleça a identidade da sua marca.
3. Ofereça navegação fácil em todas as partes do seu site.
4. Atraia visitantes recorrentes com novos conteúdos.
Antes de adicionar qualquer elemento à sua página inicial, pergunte a si mesmo: Isso é consistente com a imagem da minha marca? Isso ajuda no propósito da página inicial, ou seja, fazer com que as pessoas avancem ainda mais no funil de conversão? Isso confunde seus visitantes?
Se você acha que um cliente simplesmente comprará um produto diretamente na página do produto e nunca irá à sua recepção, deixe-me dizer: 30% de todas as sessões terminam na sua página de destino. Embora a página de um produto seja extremamente importante para sua loja on-line, NÃO subestime sua página inicial. “É melhor usar ferramentas de web design que ajudam você a criar a melhor página inicial e a melhor experiência do usuário.”
Provavelmente, há elementos em sua página inicial que não funcionam a seu favor.
Aqui estão 13 razões pelas quais sua página inicial é uma porcaria e o que você pode fazer para melhorá-la.
Está cheio de centenas de produtos.
Por que você faria isso? Sua loja on-line não é uma venda de garagem ou um mercado de pulgas. Claro que você pode adicionar alguns dos seus melhores produtos um pouco abaixo na primeira página, mas todo o catálogo está em exibição sem nenhum mistério?
Não.
Faça com que seja limpo: dê uma visão geral da sua marca. Apresente-se, envolva e mostre aos visitantes que tipo de produtos seu site hospeda.
Crie blocos visuais de categorias de produtos. Dê contexto.
Claro, você tem ótimos produtos e pode parecer que mostrar esses produtos com antecedência é a maneira de vendê-los.
No entanto, pedir aos visitantes que gastem seu dinheiro suado na primeira página em si é uma solicitação muito grande.
Margaux, a marca de calçados, nos apresenta seus sapatos explicando primeiro o que eles representam e o que diferencia seus produtos. Devo dizer que é muito convincente.
E então, eles oferecem a opção de fazer um teste de tamanho e um teste de estilo. TODO MUNDO adora questionários. No final do questionário, você recebe um conjunto personalizado de produtos que pode comprar ou guardar para mais tarde.
Quão legal é isso?
Agora isso é engajamento.
Embora você não precise se esforçar tanto para engajar seus visitantes, você pode começar dizendo Oi e mostrando uma visão geral do que você vende. Você vende roupas? Continue falando sobre os tipos de roupas que você vende e por que seus produtos são especiais.
Esses gráficos e cores simplesmente queimaram nossos olhos.
Por que o fundo rosa chocante? Por que o texto em vermelho?
Adoramos as cores tanto quanto qualquer outra pessoa, mas os fundos coloridos dificultam a leitura do texto e o processamento das informações.
Tenho 100% mais chances de sair de um site se ele tiver uma cor de fundo horrível.
Você compraria alguma coisa de um site parecido com esse?
Embora isso possa colocá-lo em muitas listas de “piores sites de comércio eletrônico”, você terá muita dificuldade em gerar confiança de seus visitantes. 46% dos visitantes estão julgando sua credibilidade consultando sua página inicial.
Se você precisar usar cores diferentes de branco ou preto, opte por tons pastéis. Evite sobrecarregar o site com muitos elementos — use bem os espaços em branco!
Femme & Fierce usam a cor rosa pastel/pêssego de forma eficaz:
Outra coisa a ser observada aqui é o Call to Action: faça com que ele se destaque! Use um diferencial para isso: verifique se ele contrasta com o resto do plano de fundo. Cada bloco de categoria também deve ser clicável.
A barra está muito baixa.
“Caçar por muito tempo aquele produto específico que encontrei nas redes sociais e agora perdi deveria ser divertido”, nunca disse ninguém.
Ninguém tem tempo para rolar para baixo e verificar em toda a sua loja o produto que está procurando. Se um visitante estiver procurando por fones de ouvido pretos, deve haver uma maneira fácil de encontrá-los em sua loja.
Surpreendentemente, uma invenção foi criada para facilitar as coisas: a barra de pesquisa.
Embora a maioria das lojas tenha barras de pesquisa para facilitar as pesquisas de digitação, o as pesquisas geralmente são imprecisas ou ineficazes. Se você está perdendo vendas apenas porque sua função de pesquisa não rendeu frascos apenas porque seu visitante digitou garrafas, isso é um pouco problemático.
Marque bem seus produtos, para que pesquisas um pouco prontas para uso também possam aparecer quando os visitantes estiverem procurando por eles.
O New Craftsman tem uma função de pesquisa totalmente precisa:
A barra de navegação está bagunçada (ou não existe).
Os varejistas on-line geralmente incluem uma barra de navegação, mas ela é muito confusa ou não leva o visitante às informações de que ele precisa.
Os 6 elementos básicos de uma barra de navegação são:
- Loja
- Blog
- Sobre nós
- PERGUNTAS FREQUENTES
- Pesquisar
- Carrinho de compras
Um menu suspenso para a seção de lojas é uma excelente escolha.
Vamos voltar à página inicial do The New Craftsmen e conferir a barra de navegação e o menu subsequente.
Esta é a combinação perfeita de informativo e limpo. Muitos itens do menu e os visitantes ficarão sobrecarregados. Muito poucos — eles não terão um caminho claro a seguir.
A seção Sobre nós é incrivelmente benéfica para qualquer empresa de dropshipping que busca criar uma identidade de marca, e o blog oferece valor extra aos visitantes sem nenhum custo, fazendo com que você pareça um amigo confiável e prestativo!
As compras on-line não permitem a liberdade de conversar com seu público-alvo e ajudá-los quando estão confusos. Não deixe que isso prejudique suas vendas: basta fornecer aos clientes uma barra de navegação útil o suficiente para permitir o autoatendimento.
Você não tem categorias. Agulha no palheiro, muito?
Isso está de acordo com uma preocupação anterior que tínhamos: produtos espalhados, sem categoria, sem classificação. Abrir caminho com um monte de produtos que não atendem às suas necessidades é uma perda de tempo e esforço. O processo de compra e venda on-line precisa ser simplificado se você quiser ter sucesso como varejista.
Crie categorias para seus produtos: mesmo em um nicho pequeno, existem produtos que são incrivelmente diferentes uns dos outros e, portanto, precisam ser segregados para facilitar o uso.
If you sell shirts, separate them into categories based on the cloth they are manufactured with: your customers will appreciate the attention you have paid to the products you sell, and this will mark you as someone who genuinely knows what they’re selling.
The drop ship business is flooded with merchants who do not invest enough effort to understand the product and the customer. Be different.
In fact, I recommend that you create curated collections that revolve around a singular season or colour.
The Horse.com has collections specially created for ‘Gifts for him’ and ‘Gifts for your favourite person’ and we love it:
Your copy made us fall asleep.
Competition is fierce, and you have to put your best foot forward: lazy writing or poor grammar is not going to cut it.
If you are catering to the US market, your syntax and grammar have to be impeccable to be viewed as a trustworthy, legitimate business. If you have products on your front page, and you are still using product descriptions that the dropshipping supplier provided, that is going to be a hard no for most customers.
But grammar is just the bare minimum. You have to write copy that incits action: words that elicit a response and practically invite the visitor to click on the CTA.
Optimizing your landing page is about cleaning up every element and extracting its full potential: your copy is your conversation with the audience, so you cannot afford to be dull. This is your chance to start selling them on the benefits of your product.
For example, here’s how Buffy, the comforter company hooks us in:
The headline uses vivid imagery, and coupled with the photo that exudes comfort, visitors are tempted to at least try the product.
Your live chat bot is impatient.
Customer support. Yep. It runs the electronic commerce industry, and bad customer support experiences have a supremely terrible impact on the company. No doubts there.
Buuuut, when your support bot constantly pops up at no request by the visitor, it soon turns into a distraction.
Have you ever gone into one of those stores where an employee constantly follows your around as you browse through the aisles? You’re almost nose-to-nose with them when you turn, and they will not leave you alone.
If yes, you know what I am talking about. If no, IMAGINE that.
Sounds unpleasant, right?
Exactly.
Your visitors are smart enough to recognize the chat icon--they do not need reminders at every moment. Take it easy. Let the bot make its presence felt, and then lie low!
Pop-ups. Please stop.
This is in continuation with our previous complaint with your store: your chat box might just end up being another pop-up.
Then there’s a ‘Kathy from New Zealand just bought..’ pop-up and a ‘Give us your email address’ pop-up and a ‘Here’s a 50% discount coupon’ pop-up and suddenly you have way too many pop-ups.
When your site starts looking like this, you’ve got a problem.
Actually, erase that. If you have more than two pop-ups going live, shake it up.
The first pop-up should be triggered at least a few seconds after a customer has landed on your site--as they would need time to orient themselves to your store and get to know you before handing you information about themselves.
We have no idea what you are selling or who you are.
Your landing page should not be shrouded in mystery; it should give a clear statement of what your brand sells and why it fairs better than the competition. Most general dropshipping stores have a collection of products on the front page with no thread tying them together.
Even when a store is a general one, there must be a cohesive principle that it stands for.
Second, the lack of an about page prevents the visitor from understanding your story and the motive behind the store. In the age of influencers and personal brands, you do not want to remain faceless. People want to connect to shops on a level above basic consumerism, and you, as a retailer are better off providing the means to do so.
FEED’s About Page forges a relationship between the audience and the brand, which makes a purchase more likely:
Keep it simple. Keep it accessible.
Third, where does the visitor find essential information such as shipping costs and time and where your products are from and other questions that might crop up before giving you money?
Have a page dedicated to FAQs and general inquiries, so you can keep customer support to a minimum!
The images take FOREVER to load.
And they’re just bad stock photos.
Images are key to making a visitor hang on to your site. If the first image they see is simply your product against a white background, they are not going to be impressed. There are a number of free high definition photo sites that allow you to use images for free--here are a few, listed below:
People want to see real humans interacting with a product. They want to see something new.
It is also relatively easy to make sure your images are compressed and resized to avoid 15 hour loading times. If your images never load, you can be sure that your bounce rate is going to be high, and your conversion rate low.
I get it. Not all of us can afford photoshoots with models to showcase our products, but what you can do is create a snazzy mix of the photos you download from the sites stated above and awesome copy.
This is what you can go for:
You have not optimised for mobile.
If you want to optimise the landing page for your visitors, let me tell you: by 2021, 54% of all ecommerce is predicted to shift to mobile.
Now mobile optimisation does not mean making things look great on mobile (although that would be excellent). The real optimisation we are speaking about requires answering the following questions:
Is your navigation bar accessible on mobile devices, and if yes, does it collapse into a fixed header? You certainly do not want it taking up half of your screen space.
Do your images resize to fit mobile screens, or does the user have to do a series of aerobatics to view your products?
Is it possible for the user to view the entirety of their cart, complete with the prices and the product on mobile, or do they have to slide across to get the full picture?
Just say no to pop-ups. Pop-ups and mobile devices do not gel well together.
Are your buttons big enough for fat thumbs?
Flash-native videos and audios do not work on mobile devices--you sure you aren’t relying on those for your website?
With these in mind, your ecommerce home-page will be as optimized as it gets! Let us know if there are other annoying things that homepages of online stores often do that kill your vibe: we’d love to include them in our next article!
