+371 20 212 368 Sazināties

Piciņa

Mājaslapas izstrāde · Jēkabpils

Picērijas mājaslapa vienā lapā

Klients — picērija Piciņa Jēkabpilī.

Pielāgojām WordPress vietni picērijas ikdienas vajadzībām: apmeklētājs uzreiz redz ēdienkarti un cenas, atrod piegādes nosacījumus, adresi, darba laiku un tālruņa numuru. Atsevišķi pārstrādājām mobilo versiju un lapas ielādes procesu.

Apskatīt mājaslapu Saņemt piedāvājumu
KVANTS izstrādātās Piciņa mājaslapas skats datorā, planšetē un tālrunī

Uzdevums

Lai ēdienkarte būtu atrodama pirms zvana

Picērijas apmeklētājam nav vajadzīga sarežģīta vietnes struktūra. Viņš vēlas ātri apskatīt piedāvājumu un cenas, noskaidrot piegādes noteikumus vai atrast ceļu uz picēriju. Tādēļ visu svarīgāko salikām vienā lapā un pielāgojām lietošanai gan telefonā, gan datorā.

1 lapa viss būtiskais vienuviet
3 skati dators, planšete un tālrunis
HIT pilnas lapas kešatmiņa
1 URL meklētājam paredzētajā vietnes kartē

Lapas uzbūve

Četri soļi no pirmā skata līdz pasūtījumam

Navigācija ved uz vajadzīgo sadaļu tajā pašā lapā — bez liekas pārlādēšanas.

Sākums

Zīmols un galvenais piedāvājums.

Ēdienkarte

Picas, uzkodas, dzērieni un cenas.

Piegāde

Nosacījumi un aicinājums sazināties.

Kontakti

Adrese, tālrunis, darba laiks un norādes.

Paveiktais

Ko izstrādājām un pielāgojām

Vietnes dizainu, uzbūvi un darbību izstrādājām atbilstoši Piciņa vajadzībām.

Vizuālais noformējums

Izstrādājām vizuālo noformējumu un Elementor sākumlapu: tumšs fons, sarkani akcenti, lieli virsraksti un kompozīcija, kurā galvenais ir ēdiens un piedāvājums.

Ēdienkartes izkārtojums

Sakārtojām picu, uzkodu un dzērienu sadaļas. Nosaukumus, sastāvu un cenas noformējām tā, lai tos varētu ātri pārskatīt arī nelielā ekrānā.

Mobilā sākumdaļa

Mobilajai versijai izveidojām atsevišķus dekoratīvo attēlu slāņus un katram ekrāna izmēram pielāgojām to novietojumu, tumšinājumu un teksta salasāmību.

Mobilā ēdienkarte

Pārveidojām cenu rindas un kategoriju izvēlni: nosaukums un cena paliek vienā rindā, bet dzērienu kategorijas telefonā izvietojas kompaktā divu kolonnu režģī.

Piegāde un kontakti

Vienā vietā izcēlām piegādes nosacījumus, tālruni, adresi, darba laiku un norādes, lai apmeklētājam nav jāmeklē informācija vairākās lapās.

Vietnes pārvaldība

Saturu var rediģēt WordPress un Elementor vidē, savukārt ēdienkartes sadaļām izmantoti restorānu vietnēm paredzētie WP Cafe risinājumi.

Pielāgošana ierīcēm

Mobilā versija nav samazināta datora lapa

Telefonā mainās ne tikai kolonnu skaits. Sākumdaļas dekoratīvos elementus ielādējam un izvietojam atsevišķi, ēdienkartes cenu rindas saglabā salasāmu ritmu, bet garais dzērienu kategoriju saraksts aizņem ievērojami mazāk vietas.

≤ 767 px
  • Atsevišķs izkārtojums tālruņiem un planšetēm
  • Kontrastains pārklājums salasāmam tekstam
  • Nosaukums un cena vienā rindā
  • Kompakta kategoriju izvēlne divās kolonnās

Veiktspēja un meklētāji

Mazāk lieku resursu, ātrāka lapas ielāde

WordPress un lapu veidotājs ielādēja arī sākumlapai nevajadzīgus failus. Izveidojām atsevišķu optimizācijas moduli, kas apmeklētājam nosūta iepriekš sagatavotu lapas kopiju, atslēdz nevajadzīgos resursus un automātiski iztīra kešatmiņu pēc satura izmaiņām.

Pilnas lapas kešatmiņa

Anonīmi apmeklētāji saņem gatavu sākumlapas HTML; kešatmiņa atjaunojas pēc satura saglabāšanas.

Lokāli burtveidoli

Barlow, Permanent Marker un Roboto tiek glabāti un ielādēti no pašas vietnes, nevis no Google serveriem.

Nevajadzīgo failu atslēgšana

Sākumlapā netiek ielādēti neizmantotie Revolution Slider un WooCommerce groza faili; pārējie nekritiskie skripti tiek atlikti.

Tīra vietnes karte

Meklētājiem vietnes kartē atstāta tikai publicētā sākumlapa; ēdienkartes tehniskajiem ierakstiem nav atsevišķu indeksējamu lapu.

Tehniskais risinājums

Izmantotās tehnoloģijas

WordPress nodrošina satura pārvaldību, bet atsevišķi PHP, JavaScript un CSS moduļi risina mobilās versijas, ātrdarbības un indeksēšanas uzdevumus.

WordPress Elementor WP Cafe PHP JavaScript CSS

Nepieciešama mājaslapa restorānam vai kafejnīcai?

Izveidosim pārskatāmu ēdienkarti, mobilo versiju un ātru vietni, ko var ērti pārvaldīt. Atbildēsim vienas darbdienas laikā.

Sākt projektu Apskatīt mājaslapu

Jautājumi un atbildes

Par projekta izstrādi

Kāpēc Piciņa mājaslapa veidota kā viena lapa?

Picērijas klientam svarīgākā informācija ir ēdienkarte, piegāde un kontakti. Vienas lapas uzbūve ļauj to atrast ātri un bez pārvietošanās starp vairākām sadaļām.

Ko KVANTS pielāgoja mobilajām ierīcēm?

Pārveidojām sākumdaļas dekoratīvo elementu izvietojumu, cenu rindas, izvēlnes atstarpes un dzērienu kategoriju režģi tālruņiem un planšetēm.

Kādi veiktspējas uzlabojumi tika ieviesti?

Izveidojām pilnas lapas kešatmiņu, pārcēlām burtveidolus uz vietējo serveri, atslēdzām sākumlapai nevajadzīgus failus un atlikām nekritisko skriptu izpildi.

Citi projekti

Apskatiet arī šos projektus.