Portfelis, ko vairs nevar pārlūkot kā sarakstu
1:37 ir Latvijas nekustamo īpašumu uzņēmums ar vairāk nekā 500 dzīvokļiem mājaslapā. Mēs viņu esošajā Framer mājaslapā izveidojām individuālu kartes komponenti: katra ēka Mapbox kartē, septiņi filtri un meklēšana, un katra ēka rāda, kuri tās dzīvokļi vēl ir pieejami. Tā sāka darboties bez vēl vienas mājaslapas migrācijas un bez Framer API.
Šis ir stāsts par to, kā tas notika: datu problēma, risinājums bez API un tas, kas mainījās. Īsā versija ir 1:37 īpašumu kartes klienta stāstā.
Viena ēka, piecdesmit dzīvokļu
Pēc tam, kad 1:37 mājaslapu pārcēla no WordPress uz Framer, portfelis pārsniedza 500 dzīvokļu. Vienā ēkā varēja būt 50 dzīvokļu, daži jau rezervēti vai pārdoti. Apmeklētāji nevarēja redzēt, kur īpašumi atrodas vai kas ēkā vēl ir pieejams, neatverot sludinājumus pa vienam.
Īstā problēma bija datu struktūra. Viens ēkas ieraksts ir saistīts ar daudziem dzīvokļu ierakstiem, un katram dzīvoklim ir savs statuss: pieejams, rezervēts vai pārdots. Framer iebūvētās komponentes nevarēja kartē parādīt „viens pret daudziem” kolekcijas ar filtriem.
API nebija, tāpēc izmantojām eksportu
Framer tobrīd šim nolūkam nebija API, un mājaslapas pārcelšana vēlreiz nebija variants. Tāpēc izmantojām to, kas Framer bija: CMS eksporta failu.
Komanda eksportē kolekcijas un ievelk failu vienkāršā augšupielādes formā. Kartes komponente no tā sinhronizējas. Sludinājumus joprojām rediģē Framer CMS tāpat kā iepriekš, un jaunos pievieno partijās, pat simtiem vienlaikus.
Tas ir neliels piemērs plašākam principam: paturiet rīku, ko komanda jau pazīst, un izstrādājiet trūkstošo daļu tam blakus. Par to rakstījām rakstā Kas īsti ir savienojums starp jūsu rīkiem.
Septiņi filtri, kas maina sarakstu un karti kopā
Komponente rāda katru īpašumu Mapbox kartē, un, attālinot karti, marķieri apvienojas numurētās grupās. Meklēšana un septiņi filtri (cena, istabu skaits, tips, pieejamība, darījuma veids, rajons un vai īpašumu piedāvā 1:37) vienlaikus atjaunina sarakstu un karti.
Tā kā ēkas un dzīvokļi tiek nolasīti kā saistīti ieraksti, ēka rāda tikai to, kas tajā vēl ir pieejams. Datorā saraksts un karte ir blakus. Telefonā ir kartes un saraksta pārslēgs ar savu izkārtojuma loģiku, jo dalīts ekrāns telefonā nedarbojas.
Individuāla komponente jau esošajā mājaslapā
Rezultāts ir viena koda komponente 1:37 esošajā Framer mājaslapā, nevis atsevišķa lietotne vai jauna platforma. Apmeklētāji īpašumus atrod pēc atrašanās vietas, nevis šķirstot sarakstu. Rezervētie un pārdotie dzīvokļi tiek atfiltrēti, tāpēc pircēji redz tikai to, ko vēl var iegādāties.
„Tagad sludinājumus pievienojam partijās, pat simtiem vienlaikus, un tie parādās dinamiskā īpašumu kartē.”Dzintars Berzins, 1:37 izpilddirektors un dibinātājs
Kas mainījās
Komanda strādā tāpat kā iepriekš, un mājaslapa beidzot rāda portfeli tā, kā pircēji meklē mājokli: vispirms pēc vietas. Ja jūsu mājaslapa pārstāj pildīt savu uzdevumu līdzīgā vietā, skatiet mūsu darbu ar mājaslapām un tīmekļa lietotnēm.
