Reporniți site-ul meu: transformări uimitoare ale site-ului web
Publicat: 2023-02-13Ați navigat vreodată pe web și ați dat peste un site care a fost atât de uluitor încât nu ați putut să nu vă opriți și să îl admirați? Reproiectările impresionante ale site-urilor web pot fi o modalitate puternică de a capta atenția potențialilor clienți și de a-i atrage. Indiferent dacă doriți să renovați un site web învechit sau să construiți ceva de la zero, transformările complete ale site-ului pot face toată diferența.
Cu o combinație atentă de culoare, tipografie și aspect, puteți crea ceva plăcut pentru ochi și ușor de utilizat. Reproiectarea, atunci când este făcută în mod corect, ajută, de asemenea, la îmbunătățirea relevanței cuvintelor cheie și a timpilor de încărcare a paginii, ceea ce poate ajuta la creșterea satisfacției utilizatorilor, precum și a clasamentului dvs. de optimizare pentru motoarele de căutare (SEO).
Pentru a demonstra acest lucru, să ne uităm la o transformare înainte și după reproiectarea unui site web, finalizată prin inițiativa noastră Reporniți site-ul meu. Împreună cu prietenii noștri de la Brizy, ajutăm întreprinderile mici să își reînnoiască site-urile web vechi și învechite. Pe lângă faptul că le oferim un aspect și o senzație proaspătă, îi ajutăm să cucerească clasamentele de căutare cu tehnici SEO strategice.
Identificarea site-urilor web care au nevoie de o reproiectare
Pentru proiectul Reboot My Site, am oferit întreprinderilor mici șansa de a aplica pentru transformări complete ale site-ului. Primul site web pe care l-am selectat a aparținut 2 Guys and a Truck, o companie de mutari din Cache Valley, Utah. Site-ul lor a fost reproiectat folosind EasyWP bazat pe Namecheap Cloud și Brizy, cel mai bun generator de site-uri pentru non-tehnologi.
Înainte de a începe reproiectarea, a fost esențial pentru noi să înțelegem de ce avea nevoie proprietarul afacerii, Aspen, de la noul design, ce dorea să schimbe și ce dorea să lase neatins.
După câteva întâlniri și multe brainstorming, iată cum arăta planul nostru pentru noul site web:
- Păstrați numele de domeniu stabilit – twoguysandatruckllc.com
- Păstrați culorile recunoscute ale mărcii – portocaliu și gri
- Continuați ideea din spatele logo-ului, dar aduceți-o la zi
- Reproiectează totul
Pagina principală avea nevoie de o propunere de valoare mai bună, astfel încât vizitatorii să poată vedea exact ce face compania la prima vedere. O nouă imagine de erou și o secțiune îmbunătățită de recenzii ar oferi designului site-ului web o atmosferă nouă dramatică. De asemenea, era nevoie de un nou buton de îndemn (CTA) care să conducă la o pagină de rezervare mai bună.
Pași pentru reproiectarea site-ului web
2 Guys and a Truck este o afacere de familie care și-a făcut un nume în comunitatea locală ca fiind rapidă, utilă și prietenoasă. Dar, în timp ce acest dealer autorizat U-Haul câștiga recenzii excelente de 5 stele online, site-ul său învechit avea nevoie cu disperare de o modernizare pentru a câștiga mai mulți clienți.
În lumea online de astăzi, simplitatea este esențială. În noul design, am condensat totul în trei pagini web — Acasă, Servicii și Despre și am eliminat orice dezordine inutilă.
Fiind unul dintre cele mai importante active ale companiei de mutare, am mutat recenziile clienților pe pagina principală pentru a arăta încrederea. Și pentru a ne asigura că oamenii se pot întreba cu ușurință despre rezervarea unei mutări, am plasat strategic butoanele „Rezervați mutarea acum” în diferite locații. În plus, contactarea 2 Guys and a Truck a fost acum mai simplă, cu e-mailul, locația și telefonul de contact plasate convenabil în subsolul paginii.
Exemple de reproiectare impresionantă a site-ului web
Se spune că o imagine spune mai mult decat o mie de cuvinte, iar această afirmație nu este mai evidentă decât în logos. Vechiul logo 2 Guys and a Truck a fost desenat manual de fratele proprietarului și înfățișa doi tipi care încărcau o canapea într-un camion, în timp ce un client se relaxa deasupra. Echipa noastră de design a modernizat stilul păstrând în același timp principalele caracteristici ale logo-ului precedent.
Am păstrat culorile primare ale mărcii asociate vechiului site — portocaliu și gri — și le-am completat cu culori secundare, cum ar fi galben și albastru, pentru ilustrații și fundal.
În loc de lista slab formatată și neorganizată de pe pagina Servicii, am împărțit serviciile în cinci categorii logice. Această reorganizare a făcut mai evident pentru potențialii clienți ceea ce oferă compania locală de mutări și a făcut legătura cu descrierile fiecărui serviciu cu informații de preț simplificate.
Am revizuit complet pagina Despre. Textul a fost înlocuit cu imagini care au stabilit o legătură umană. De asemenea, le-am reamintit clienților că 2 Guys and a Truck era un dealer autorizat U-Haul și a oferit o „Promisiune de potrivire a prețurilor”. Asocierea cu un brand binecunoscut și reputat precum U-haul a fost importantă pentru Two Guys and a Truck.
Instrumente de găzduire și design WordPress bazate pe cloud la salvare
Designerii au folosit puternicul și rapid generatorul de site-uri Brizy pentru a lucra magic. Blocurile, așa cum sunt cunoscute în Brizy, ajută la organizarea fiecărei secțiuni de pagină.
Am ales un bloc ideal pentru antet și am lucrat de acolo. Designerii noștri au ajustat cu atenție dimensiunile și culorile și au adăugat sigla și butoanele de meniu. Apoi, ca și cum construim o casă, am adăugat noi blocuri unul câte unul, în timp ce am început să creăm o casă nouă pentru 2 tipi și un camion.
Echipa noastră a lucrat pentru a reînnoi secțiunea de recenzii ale clienților - un punct de vânzare integral pentru afacere. Trebuiau să fie proeminente și dinamice, așa că am optat pentru un design carusel pe pagina de pornire. Blocurile și șabloanele predefinite ale lui Brizy au făcut acest lucru ușor - nici nu a fost nevoie să scriem o singură linie de cod.
Aspectele puteau fi personalizate cu ușurință în doar câteva clicuri, iar ilustrațiile fantastice, personalizate pe care le-am proiectat pentru Two Guys and a Truck începeau să prindă contur.
Știam că majoritatea clienților vor vizualiza site-ul prin intermediul dispozitivelor mobile, așa că a fost esențial să construim o versiune mobilă receptivă și îmbunătățită. Din fericire, coloanele mobile receptive ale lui Brizy au făcut vizualizarea și ajustarea elementelor simplă.
Sfaturi pentru o reproiectare eficientă a site-ului web
Reproiectarea unui site web poate fi intimidantă, dar cu o pregătire și o strategie adecvată, poate fi un efort de succes.
Idei de brainstorming : înainte de a începe orice reproiectare a site-ului web, este important să faceți brainstorming idei despre cum doriți să arate și să se simtă site-ul dvs. Luați în considerare ce fel de imagini, fonturi și culori ați dori să încorporați și gândiți-vă la modul în care doriți experiența generală a utilizatorului.
Cercetați și evaluați : după ce aveți idei pentru reproiectarea site-ului dvs., luați ceva timp pentru a cerceta site-urile existente și a evalua caracteristicile acestora. Această planificare vă va ajuta să înțelegeți ce funcționează și ce nu și vă poate ajuta să încorporați mai bine elemente în site-ul dvs.
Testați și actualizați în continuare : este esențial să vă testați site-ul în mod regulat și să faceți noi modificări acolo unde este necesar. Această practică vă va ajuta să identificați rapid orice probleme și să faceți modificările necesare. Nu uitați să cereți feedback de la utilizatori, deoarece acest lucru vă poate ajuta să înțelegeți mai bine performanța site-ului dvs.
Beneficiile pe termen lung ale reproiectării site-ului web
O reproiectare a site-ului web ca aceasta din proiectul Reboot My Site poate îmbunătăți drastic vânzările. Oferă o experiență mai bună pentru utilizator, crește vizibilitatea site-ului web și chiar îl face mai eficient. Cu un site web bine conceput, clienții vor fi mai înclinați să zăbovească, să exploreze și să cumpere de pe site-ul dvs. Urmând acest exemplu, vă puteți reproiecta cu ușurință site-ul web cu costuri suplimentare mici sau deloc și multă creativitate.