Сайт Nõmme Turg и интерактивная карта рынка

Nõmme Turg — рынок в самом сердце Нымме в Таллинне, работающий с 1908 года, где торгуют более 60 продавцов. Мы создали для рынка новый сайт по индивидуальному дизайну, разработанному в Figma. В центре сайта — интерактивная карта рынка, которая помогает посетителю быстро найти нужного продавца.

Ключевые решения

• Индивидуальный дизайн в Figma: дизайн сайта был создан в Figma специально для Nõmme Turg, а мы реализовали его на Breakdance.
• Интерактивная SVG-карта рынка: план рынка выполнен в векторной графике (SVG), и все 31 номер торговых мест связаны с записью продавца в WordPress. Карта берёт информацию напрямую из данных продавцов — если продавец меняется или его данные обновляются, карта обновляется сама, и править SVG-файл не нужно.
• Карта и список работают вместе: на компьютере при наведении на номер на карте или на название в списке открывается карточка с фото продавца, кратким описанием, часами работы и контактами, а торговое место подсвечивается и на карте, и в списке. Клик ведёт на страницу продавца.
• Панель снизу на мобильных: на телефоне нажатие на торговое место открывает панель внизу экрана с информацией о продавце и кнопкой «Подробнее».
• Каталог продавцов: собственный тип записей и поля ACF (номер торгового места, часы работы, телефон, e-mail, сайт), 7 категорий и фильтр по категориям без перезагрузки страницы.
• Импорт продавцов из CSV: собственный инструмент, который за один раз загружает или обновляет продавцов из таблицы вместе с категориями и полями.
• Быстрый поиск (Ajax Search Pro).