Резиме
На трговскиот центар Augusts му беше потребен едноставен дигитален начин за прикажување на локациите на продавниците.
2410 изработи интерактивна, одзивна мапа со ознаки и линкови што може да се уредуваат.
Корисниците лесно можат да го разгледаат трговскиот центар од кој било уред, а ажурирањата се управуваат преку администраторски панел.
Приказна за клиентот
Трговскиот центар Augusts сакаше едноставно, но модерно решение за прикажување на локациите на продавниците на својата веб-страница. Не му беа потребни впечатливи анимации или сложени 3D-функции - само чисто и практично решение.
Тие замислуваа лесна за навигација мапа на продавниците, како во другите големи трговски центри, со видливи имиња на продавниците што подоцна може да се уредуваат без повторна изработка на распоредот. Со насоките од 2410, финалната мапа го понуди токму тоа: чист план на катот, јасни ознаки и динамични линкови - лесна за одржување, прилагодена за мобилни уреди и визуелно усогласена со нивниот бренд.
Преглед на проектот
2410 разви интерактивна мапа за трговскиот центар Augusts, осмислена за јасен приказ на сите локации на продавниците на едно ниво. Проектот е реализиран со Editor X, со што мапата останува одзивна и интуитивна на десктоп и мобилни уреди.
Мапата прикажува постојано видливи имиња на продавниците и hover-ефекти што ги истакнуваат одделните локации. Со клик на продавница, корисниците се пренасочуваат кон нејзината страница со детали. Имињата на продавниците и големината на фонтот се управуваат преку посебен администраторски панел, што овозможува лесни ажурирања во реално време без помош од програмер.
За корисничкиот интерфејс да остане прегледен, намерно не се користени скокачки прозорци со совети. Наместо тоа, фокусот беше на едноставноста и јасноста - корисниците ги гледаат сите важни информации на прв поглед.
Решението се развиваше и тестираше итеративно, со континуирани повратни информации од клиентот. Иако беше разгледана можност за дел со подарочни картички преку Octobercms, таа фаза беше паузирана поради ограничувањата на backend-от и буџетот.
Конечниот резултат беше целосно функционална мапа на продавниците, оптимизирана за SEO, која ја подобри навигацијата на корисниците и придонесе за понепречено дигитално искуство при купување.
- Shopping center "Augusts"
Испорачани клучни функционалности
- Интерактивна 1D мапа на продавниците со 17 означени продавници
- Hover-ефекти за визуелна повратна информација
- Одзивна големина на фонтот во динамичните блокови на продавниците
- Динамичка содржина преку администраторска база на податоци (имиња на продавници, прилагодување на големината на фонтот)
- Поддршка за повеќе уреди (десктоп, таблет, мобилен)
Технолошки стек
Резултатот
Конечниот резултат е елегантна, целосно одзивна интерактивна мапа на продавници за трговскиот центар Augusts , беспрекорно интегрирана во веб-страницата на клиентот. Осмислено со пристап „мобилните уреди на прво место“, mobile-first пристап , решението овозможува непречено и интуитивно прелистување на сите уреди.
Изработена на
Editor X
, мапата им овозможува на корисниците лесно да навигираат низ 17 продавници, при што секоја локација е јасно означена и поврзана со сопствената страница. Имињата на продавниците и големините на фонтот динамички се преземаат од поврзана администраторска база на податоци, што овозможува брзи и едноставни ажурирања.
Совет: Администраторите можат директно да ја менуваат големината на фонтот во CMS-от преку систем со нумерички вредности, што овозможува флексибилност при идни промени на распоредот.
Со фокус на перформансите и едноставноста, наместо скокачки прозорци или совети се користеа hover-ефекти. Овој минималистички избор го одржува интерфејсот чист, а истовремено обезбедува привлечна визуелна повратна информација при интеракција.
- Оптимизирано за мобилни и десктоп уреди со пропорционално прилагодување на големината на фонтот
- Ажурирања контролирани од администратор преку
база на податоци Shops - Динамичко поврзување со страницата на секоја продавница
- Одзивен распоред што се прилагодува на различни големини на екранот
Процесот на развој вклучуваше неколку итерации и визуелни подобрувања врз основа на повратните информации од клиентот во реално време. Така се осигури дека функционалноста и визуелната прецизност ги исполнуваат очекувањата за премиум веб-страница на трговски центар.
Финалната верзија е достапна на: tcaugusts.lv/map
Размислувате за изработка на сличен систем?
Ова се најчестите прашања што ги добиваме од клиенти заинтересирани за развој на интерактивни мапи или слични приспособени веб-модули за трговски центри, објекти или платформи за недвижности. Одговорите ќе ви помогнат подобро да разберете што е возможно, што е потребно и како се одвива процесот.