Costruire da zero con lo sviluppo personalizzato dell'eCommerce
Pubblicato: 2020-10-02Questa è la seconda parte di un case study sul nostro sito gemello Genius eCommerce Ⓡ . Puoi leggere la prima parte del case study, incentrato sul design personalizzato, proprio qui.
Se dovessi prendere una berlina di base che potresti acquistare da qualsiasi lotto di auto e prepararla per le corse, cosa faresti? Potresti togliere tutti i posti accanto all'autista. Non hai bisogno di passeggeri, hai bisogno che l'auto sia leggera. Potresti togliere il motore a basso consumo di gas e sostituirlo con uno più grande. Non devi preoccuparti del prezzo alla pompa, hai bisogno di accelerazione. Potresti cambiare le gomme con battistrada per quelle lisce e lisce. Non è necessario gestire la neve, è necessario ridurre l'attrito. Questa è la differenza tra un'auto costruita per essere utilizzata da chiunque e un'auto costruita per uno scopo molto specifico, ed è anche illustrativa della differenza tra un sito Web modello generalizzato e lo sviluppo di un eCommerce personalizzato. Il tipo di sito che ottieni fuori dagli schemi da qualsiasi piattaforma sarà uno strumento multiuso per tutti i tipi di attività, ma un sito sviluppato su misura può essere creato appositamente per fare ciò di cui hai bisogno.
Qui a 1Digital, l'abbiamo sperimentato in prima persona durante lo sviluppo sulla piattaforma WordPress per l'eCommerce Genius Ⓡ , il nostro sito gemello. Genius eCommerce Ⓡ esisteva su un modello WordPress da alcuni anni e quando abbiamo deciso di aggiornarlo, lo abbiamo fatto da zero. Vedere il processo su uno dei nostri siti ha davvero aiutato a evidenziare, per me, la differenza tra l'implementazione rapida e semplice di un sito modello e la creazione metodica dello sviluppo personalizzato dell'eCommerce.
"Il problema con il vecchio tema è che c'era molto codice che appesantiva il sito, indipendentemente dal fatto che lo stessimo usando o meno", ha affermato Jon Luhrs, uno dei principali sviluppatori qui a 1Digital Ⓡ . La vecchia versione del sito eCommerce Genius era su un tema WordPress predefinito. I temi di WordPress, come molti modelli predefiniti, sono dotati di una suite di plug-in dipendenti. "Potrebbero avere un plug-in che ti chiedono di scaricare per eseguire il tuo menu o un altro che potrebbe gestire l'invio di moduli, cose del genere", mi ha detto Jon. Sfortunatamente, tutti questi elementi possono aggiungere un sacco di rigonfiamento. Gli sviluppatori di temi vogliono assicurarsi che il loro tema venga acquistato dal maggior numero di persone possibile e quindi utilizzabile nella maggior parte delle circostanze. Questo rende un tema precostruito un tuttofare e un maestro di nessuno.
"La cosa più importante che volevamo migliorare nella nuova versione era la velocità", ha detto Jon. Per fare ciò si è sbarazzato di molti plug-in che normalmente sarebbero forniti con un sito WordPress e ha creato codici brevi personalizzati da zero per sostituirli. Ad esempio, il vecchio sito di eCommerce Genius aveva installato un generatore di pagine chiamato WP Bakery. Un generatore di pagine come questo semplifica il trascinamento del contenuto e l'aggiunta di una nuova pagina al tuo sito dall'area di amministrazione senza entrare nel codice. "Questi plugin per la creazione di pagine sono una dozzina da dieci centesimi", mi ha detto Jon. "Offrono tutti praticamente le stesse funzionalità, ma sono anche dotati di molto codice di cui potresti non aver bisogno." Il vantaggio di avere qualcuno come Jon al tuo fianco, che è addestrato allo sviluppo personalizzato, è che non hai bisogno che la creazione di pagine sia facile per te. Invece, Jon ha costruito le nostre nuove pagine da zero. Questo li ha resi il più snelli possibile perché stava solo aggiungendo ciò che era assolutamente necessario per far funzionare la pagina.
"Era la stessa cosa per i cursori delle immagini e dei testimonial", mi ha detto Jon. Laddove un plug-in WordPress viene eseguito all'interno della tua pagina prendendo le immagini che hai aggiunto all'area di amministrazione e caricandole, abbiamo personalizzato quelle funzionalità con righe di codice per renderle più snelle. Abbiamo anche ottimizzato le immagini stesse per una maggiore velocità. "In gran parte è capire le impostazioni giuste per esportare l'immagine da Photoshop, che funzionerà per il suo scopo all'interno della pagina senza essere troppo", ha detto Jon. Un team di sviluppo personalizzato può aiutarti a creare i file immagine giusti, in base al tuo piano per ogni pagina particolare.
Al momento del lancio, il nuovo sito Web Genius eCommerce Ⓡ ha un punteggio di velocità medio di 98,6 sulle pagine mobili. "Questo è un notevole miglioramento rispetto al modello precedente e abbiamo iniziato a vedere che il sito genera alcuni lead", mi ha detto Jon. Questo tipo di punteggio su Page Speed Insights di Google sarebbe quasi impossibile per il tuo negozio di eCommerce medio, anche con lo sviluppo personalizzato, ma ciò non significa che dovresti togliere la velocità del sito dall'elenco delle priorità. Una raccolta di studi condotti da Walmart ha rilevato che quando il tempo di caricamento oscilla tra 1 e 4 secondi, le conversioni diminuiscono drasticamente. Hanno scoperto che ogni miglioramento di 1 secondo del tempo di caricamento della pagina si traduceva in un aumento del 2% delle conversioni sul sito.
Uno sviluppatore personalizzato di eCommerce può anche aiutare un sito a prova di futuro, in particolare uno che in passato si basava su modelli e plug-in predefiniti. Ricorda, anche questi plugin sono creati dagli sviluppatori. Ciò significa che hanno una durata di conservazione. Un'app potrebbe funzionare quando configuri per la prima volta il tuo sito, ma dopo alcuni anni lo sviluppatore potrebbe passare ad altre cose e smettere di supportare il plug-in da cui dipendeva il tema quando lo hai configurato per la prima volta. Su Genius eCommerce avevamo un plug-in che personalizzava il modo in cui consentiamo ai membri del team di accedere all'area di amministrazione del nostro sito. Al momento della creazione del sito Genius eCommerce Ⓡ , il plug-in aveva smesso di essere supportato per due o tre anni. "Fortunatamente non era necessario per le funzionalità di base del sito, quindi l'ho semplicemente disabilitato", ha detto Jon. Tuttavia, quando crei codice da zero non devi preoccuparti degli aggiornamenti o chiederti se il servizio su cui facevi affidamento non sarà più supportato. "Se qualcosa si rompe, preferirei trovare un modo diverso per farlo, piuttosto che scaricare un altro plug-in", mi ha detto Jon. "Ciò che ti fa risparmiare denaro a breve termine può finire per costarti di più in futuro, a seconda di quanto bene è supportato."
Genius eCommerce Ⓡ mi ha aiutato a chiarire da solo quello che spiego ai nostri clienti ormai da anni. Quando si pensa allo sviluppo di un eCommerce personalizzato, al contrario dei modelli predefiniti, tutto si riduce a una domanda sulla quantità di controllo che si desidera avere. I modelli, con plug-in dipendenti, possono essere implementati in modo rapido ed economico. Puoi avere un sito utilizzabile in pochissimo tempo. Ma, come abbiamo sperimentato lavorando con Genius eCommerce, alla fine potresti volere di più dal tuo sito web. Quando lo farai, sarà sia più economico che più facile apportare quei miglioramenti al tuo codice, che il tuo team di sviluppo ha creato, piuttosto che disputare ciò che puoi con strumenti di terze parti.
In 1Digital siamo specializzati nell'essere il tuo team di sviluppo esteso. Che tu stia costruendo un sito da zero, come Genius eCommerce Ⓡ , o facendo piccoli passi per portare il tuo sito sempre più sotto il tuo controllo un'attività alla volta, i nostri esperti di sviluppo personalizzato di eCommerce possono essere a portata di clic . Contattaci oggi per scoprire tutti i modi in cui puoi avere uno sviluppatore 1Digital Ⓡ nel tuo angolo.
Scarica il pdf