.svg)
Il dolore delle home page dell'e-commerce: 11 motivi per cui il tuo design potrebbe far piangere i nostri designer
La prima pagina del tuo negozio dropshipping potrebbe assomigliare a questa:
Invece, riesce ad assomigliare a questo:
E se ti stai chiedendo cosa uccide le tue vendite, la risposta è ovvia. La homepage è un vero segnale per i clienti sull'affidabilità e la semplicità del tuo marchio. Nella home page qui sopra si parla di «truffa» o «inaccessibilità», entrambe cattive notizie per il vostro marchio.
Se pensi che un cliente effettuerà semplicemente il checkout di un prodotto direttamente dalla pagina del prodotto e non si recherà mai alla tua reception, lascia che ti dica: Il 30% di tutte le sessioni finisce sulla tua landing page. Sebbene la pagina di un prodotto sia estremamente importante per il tuo negozio online, NON sottovalutare la tua home page.
La home page di un sito ha quattro funzioni principali:
1. Orienta il nuovo visitatore.
2. Stabilisci l'identità del tuo marchio.
3. Offri una facile navigazione in tutte le parti del tuo sito.
4. Attira visitatori abituali con nuovi contenuti.
Prima di aggiungere qualsiasi elemento alla tua prima pagina, chiediti: è coerente con l'immagine del mio marchio? Aiuta a raggiungere lo scopo della home page, ad esempio convincere le persone a spostarsi più in basso nella canalizzazione di conversione? Confonde i tuoi visitatori?
Se pensi che un cliente effettuerà semplicemente l'acquisto di un prodotto direttamente dalla pagina del prodotto e non si recherà mai alla tua reception, lascia che te lo dica: il 30% di tutte le sessioni finisce sulla tua pagina di destinazione. Sebbene la pagina di un prodotto sia estremamente importante per il tuo negozio online, NON sottovalutare la tua home page. «Faresti meglio a usare strumenti di web design che ti aiutano a creare la migliore home page e l'esperienza utente.»
Molto probabilmente, ci sono elementi sulla tua home page che non funzionano a tuo favore.
Ecco 13 motivi per cui la tua prima pagina fa schifo e cosa puoi fare per migliorarla.
È pieno di centinaia di prodotti.
Perché lo faresti? Il tuo negozio online non è un mercatino dell'usato o un mercatino dell'usato. Sicuro di poter aggiungere alcuni dei tuoi migliori prodotti un po' più in basso in prima pagina, ma l'intero catalogo in esposizione non è un mistero?
No.
Rendilo pulito: fornisci una panoramica del tuo marchio. Presentati, coinvolgi e mostra ai visitatori che tipo di prodotti ospita il tuo sito.
Crea riquadri visivi delle categorie di prodotti. Fornisci un contesto.
Certo, hai ottimi prodotti e può sembrare che mostrarli in anticipo sia il modo per venderli.
Tuttavia, chiedere ai visitatori di spendere i loro sudati guadagni sulla prima pagina stessa è una richiesta troppo grande.
Margaux, il marchio di scarpe, ci presenta le sue scarpe spiegando innanzitutto cosa rappresentano e cosa rende diversi i loro prodotti. Devo dire che è abbastanza convincente.
E poi, ti danno la possibilità di fare un quiz sulle dimensioni e un quiz sullo stile. I quiz piacciono a tutti. Alla fine del quiz, ti viene fornito un set personalizzato di prodotti che puoi acquistare o salvare per dopo.
Quanto è figo?
Questo è fidanzamento.
Anche se non è necessario fare di tutto per coinvolgere i visitatori, puoi iniziare dicendo Ciao e mostrando una panoramica di ciò che vendi. Vendi abbigliamento? Parla dei tipi di abbigliamento che vendi e del motivo per cui i tuoi prodotti sono speciali.
Quelle grafiche e quei colori ci hanno appena bruciato gli occhi.
Perché lo scioccante sfondo rosa? Perché il testo rosso?
Amiamo i colori tanto quanto la prossima persona, ma gli sfondi colorati rendono il testo difficile da leggere e le informazioni più difficili da elaborare.
Ho il 100% di probabilità in più di rimbalzare su un sito se ha un colore di sfondo orribile.
Compreresti qualcosa da un sito simile a questo?
Anche se questo potrebbe farti entrare in molti elenchi dei «peggiori siti di e-commerce», avrai grossi problemi a generare fiducia da parte dei tuoi visitatori. Il 46% dei visitatori giudica la tua credibilità guardando la tua home page.
Se devi usare colori diversi dal bianco o dal nero, scegli i pastelli. Evita di affollare il sito con troppi elementi: usa bene gli spazi bianchi!
Femme & Fierce utilizza efficacemente il colore rosa pastello/pesca:
Un'altra cosa da notare qui è la Call to Action: falla risaltare! Usa un elemento di differenziazione: assicurati che contrasti con il resto dello sfondo. Anche ogni riquadro di categoria dovrebbe essere cliccabile.
La barra è impostata su un valore troppo basso.
«Cercare per anni quel prodotto specifico che ho trovato sui social media e che ora ho perso dovrebbe essere divertente», ha detto nessuno.
Nessuno ha il tempo di scorrere verso il basso e controllare l'intero negozio per quel prodotto che sta cercando. Se un visitatore è alla ricerca di cuffie nere, dovrebbe esserci un modo semplice per trovarle nel tuo negozio.
Sorprendentemente, è stata creata un'invenzione per semplificare le cose: la barra di ricerca.
Sebbene la maggior parte dei negozi disponga di barre di ricerca per facilitare le ricerche digitate, le ricerche sono spesso imprecise o inefficaci. Se stai perdendo vendite solo perché la tua funzione di ricerca non ha prodotto flaconi solo perché il visitatore ha digitato le bottiglie, questo è un po' un problema.
Contrassegna bene i tuoi prodotti, in modo che le ricerche leggermente predefinite possano essere visualizzate anche quando i visitatori li cercano.
The New Craftsman ha una funzione di ricerca completamente precisa:
La barra di navigazione è disordinata (o non esiste).
I rivenditori online spesso includono una barra di navigazione, ma è troppo disordinata o non porta il visitatore alle informazioni di cui ha bisogno.
I 6 elementi base di una barra di navigazione sono:
- Negozio
- Blog
- Su di noi
- FAQ
- Cerca
- Carrello
Un menu a tendina per la sezione negozio è una scelta eccellente.
Torniamo alla home page di The New Craftsmen e controlliamo la loro barra di navigazione e il menu successivo.
Questa è la combinazione perfetta di informazione e pulizia. Troppe voci di menu e i visitatori saranno sopraffatti. Troppo poche: non avranno un percorso chiaro da seguire.
La sezione Chi siamo è incredibilmente utile per qualsiasi azienda di dropshipping che cerca di costruire un'identità di marca e il blog offre un valore aggiunto ai visitatori senza alcun costo, facendoti sembrare un amico utile e affidabile!
Lo shopping online non ti consente la libertà di conversare con il tuo pubblico di destinazione e di dargli una mano quando è confuso. Non lasciate che ciò rallenti le vendite: è sufficiente fornire ai clienti una barra di navigazione sufficientemente utile da consentire il self-service.
Non hai categorie. Ago in un pagliaio, molto?
Ciò si ricollega a una nostra precedente preoccupazione: prodotti in giro, senza categoria, non ordinati. Farsi strada tra una serie di prodotti che non soddisfano le proprie esigenze è una perdita di tempo e fatica. Il processo di acquisto e vendita online deve essere semplificato se si vuole avere successo come rivenditore.
Crea categorie per i tuoi prodotti: anche in una piccola nicchia, ci sono prodotti incredibilmente diversi tra loro e quindi devono essere separati per facilitarne l'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!
