Mājaslapas pārbūve · Mēbeļu katalogs
Jauns KUBE mēbeļu katalogs vecās vietnes vietā
Klients — mēbeļu veikals KUBE Rīgā.
Vecās KUBE vietnes vietā izstrādājām jaunu WordPress un WooCommerce risinājumu, sakārtojām preču datus un pilnībā pārbūvējām publisko daļu. Rezultātā KUBE ieguva ātru mēbeļu katalogu ar meklēšanu, filtriem, produktu lapām un vienotu pārvaldību.
Sākuma situācija
Vecā vietne bija tehniski novecojusi
KUBE vietne darbojās uz PHP 5.6 un aptuveni desmit gadus vecas WooCommerce versijas. Arī dizains, kataloga uzbūve un ielādes ātrums vairs neatbilda uzņēmuma vajadzībām. Vecās vietnes vietā izstrādājām jaunu versiju, saglabājot un sakārtojot esošos preču datus.
Paveiktais
Pārbūve skāra visu ceļu no sākumlapas līdz preces izvēlei
WordPress un WooCommerce palika satura pamats, bet klienta redzamo veikala daļu izstrādājām no jauna.
Jauna sākumlapa
Izveidojām KUBE zīmolam pielāgotu sākumlapu ar mēbeļu slaideri, telpu kategorijām, jaunumiem, veikala adresi un pakalpojumiem.
Mēbeļu katalogs
Izstrādājām vieglu kataloga skatu ar kategoriju un cenas filtriem, kārtošanu un produktu ielādi no WooCommerce datiem.
Meklēšana
Pievienojām tematisku meklēšanu ar ātrajiem vaicājumiem un rezultātiem, kas ved tieši uz atbilstošo mēbeli.
Preces lapa
Pārveidojām attēlu galeriju, cenu, izmēru, apraksta un saistīto preču izkārtojumu datoriem un tālruņiem.
Pirkuma sadaļas
Vienotā stilā izveidojām groza, pasūtījuma noformēšanas un klienta konta skatus, saglabājot WooCommerce darbību.
Informācijas lapas
Sakārtojām lapas par veikalu, kontaktiem, piegādi un līzingu, pievienojot karti, maršruta pogas un kontaktformu.
Kataloga uzbūve
Preci var atrast pēc telpas, kategorijas vai nosaukuma
Navigāciju veidojām pēc tā, kā cilvēki patiesībā meklē mēbeles, nevis pēc WordPress administrācijas struktūras.
Izvēlies istabu
Viesistaba, ēdamistaba vai interjers sākumlapā.
Sašaurini izvēli
Kategorija, cena un kārtošanas secība katalogā.
Apskati mēbeli
Attēli, izmēri, materiāli, pieejamība un saistītie produkti.
Sazinies vai apmeklē
Tālrunis, WhatsApp, Google Maps un Waze ir vienmēr sasniedzami.
Satura pārvaldība
KUBE komanda pati maina ne tikai preces
WordPress iestatījumos izveidojām atsevišķu sadaļu “KUBE saturs”. Tajā vienuviet var mainīt sākumlapas tekstus, saites, attēlus, telpu blokus, kontaktinformāciju un hero slaideri.
- Vairāku slaidera attēlu pievienošana vienā reizē
- Slaidu pārkārtošana ar vilkšanu
- Atsevišķa attēla nomaiņa vai dzēšana
- Alt teksti un priekšskatījums katram slaidam
- Līdz 24 slaidiem bez koda labojumiem
Datu un domēna pārcelšana
Jauno vietni publicējām, nezaudējot veco
Darbi notika testa domēnā. Pirms palaišanas saglabājām vecās vietnes failus un datubāzi, pārcēlām jauno versiju uz www.kube.lv, nomainījām iekšējās adreses un pārbaudījām katalogu, produktus, formas un mobilos skatus. Vecā versija palika atjaunojama, kamēr jaunā tika pilnībā pārbaudīta.
Testa vide
Izstrāde un pārbaudes, neietekmējot veco veikalu.
Rezerves kopija
Vecās produkcijas faili un datubāze saglabāti pirms nomaiņas.
Pārcelšana
Jaunā vietne un WooCommerce dati pārvietoti uz galveno domēnu.
Pārbaude
Saites, katalogs, formas, kešatmiņa un ierīču skati pārbaudīti dzīvajā.
Ātrums un drošība
Publiskais katalogs tiek kešots, privātās lapas — nekad
Atdalījām publisko saturu no groza, konta un pasūtījuma datiem. Katalogam un informācijas lapām atļauta LiteSpeed kešatmiņa, savukārt privātās WooCommerce sadaļas vienmēr tiek ģenerētas konkrētajam lietotājam.
Vieglas publiskās lapas
Sākumlapa, katalogs un iekšējās lapas izmanto atsevišķus, konkrētam uzdevumam veidotus HTML skatus.
Gudra attēlu ielāde
Slaidera pirmais attēls tiek ielādēts uzreiz, pārējie — tikai tad, kad tie ir vajadzīgi.
Kešatmiņas nodalīšana
Publiskais katalogs saņem cache hit, bet grozs, konts un checkout izmanto no-store.
Drošības galvenes
Pievienojām HSTS, SAMEORIGIN, nosniff un drošu referrer politiku; XML-RPC ir atslēgts.
Katalogs un meklētāji
Sakārtotas kategorijas un kopīgojamas preču saites
Apvienojām dublētās WooCommerce kategorijas un vecās adreses novirzījām uz vienoto kataloga skatu. Kategorijām un produktiem tiek veidoti atbilstoši virsraksti, apraksti, canonical un Open Graph attēli.
Tehniskais risinājums
Izmantotās tehnoloģijas
Nepieciešams pārbūvēt esošu WordPress veikalu?
Izvērtēsim, ko ir vērts saglabāt, pārcelsim datus un izveidosim ātru publisko daļu, nepārtraucot esošās vietnes darbu.
Jautājumi un atbildes
Par KUBE mājaslapas pārbūvi
Vai tika labota vecā KUBE vietne?
Nē. Veco vietni saglabājām kā rezerves variantu, bet tās vietā izstrādājām jaunu platformu un pēc pārbaudes publicējām to galvenajā domēnā.
Ko KUBE var mainīt bez programmētāja?
WooCommerce administrācijā var pārvaldīt preces un kategorijas, bet sadaļā “KUBE saturs” — sākumlapas tekstus, saites, kontaktus, telpu blokus un visu hero slaideri.
Kā tika uzlabota vietnes ielāde?
Elementor smago publisko izkārtojumu vietā izveidojām vieglus skatus, optimizējām attēlus, ieviesām atlikto ielādi un pareizi nodalījām LiteSpeed publisko kešu no privātajām WooCommerce lapām.
Citi projekti
Apskatiet arī šos projektus.
E-komercija
Bannte
Bannte interneta veikala izstrāde: individuāls dizains, WordPress un WooCommerce, MakeCommerce maksājumi, kā arī Venipak…
Mājas lapa
Piciņa
Vienas lapas WordPress vietne picērijai Piciņa Jēkabpilī: pārskatāma ēdienkarte, piegādes informācija, kontakti un īpaši…
Mājas lapa
HSC Nordic
Būvniecības uzņēmuma mājaslapa ar 75 arhitektūras un interjera projektiem, individuālu pārvaldības vidi un automātisku a…