FAUNAGORODA.BY

Сайт для многопрофильного предприятия по работе с животными
Дата запуска сентябрь 2025
  • React

    React

  • Laravel

    Laravel

  • Webpack

    Webpack

  • Docker

    Docker

  • MySql

    MySql

  • CSS

    CSS

  • Evolution CMS

    Evolution CMS

  • Redis

    Redis

  • VSCode

    VSCode

  • PhpStorm

    PhpStorm

  • Figma

    Figma

  • Photoshop

    Photoshop

  • Illustrator

    Illustrator

  • Terminal

    Terminal

  • Git

    Git

  • GitHub

    GitHub

  • Billing Qmedia

    Billing Qmedia

  • Bitrix24

    Bitrix24

  • Cypress

    Cypress

  • Swagger

    Swagger

О клиенте

Fauna goroda.by — государственное коммунальное предприятие из Минска, которое занимается контролем и поддержанием благополучия животного мира в городской среде. Компания осуществляет отлов безнадзорных собак и кошек, временное содержание питомцев, помощь травмированным животным, их чипирование и адаптацию, а также передачу животных новым владельцам или возвращение старым хозяевам.

О проекте

Ключевой вызов заключался в объединении множества разнонаправленных услуг (от социальных до коммерческих) в рамках одного интуитивно понятного онлайн-ресурса. Было необходимо избежать информационной перегруженности и создать четкую структуру, где каждая услуга была бы легко находима, не создавая путаницы для пользователя. Отдельной важной задачей стало создание удобного каталога с животными, ожидающих переезд в новую семью.

Мы разработали сайт с продуманной навигацией и визуальным зонированием. Каждое направление деятельности компании получило собственное, логически выделенное пространство, при этом гармонично вписывающееся в общую структуру. Это позволяет посетителю быстро ориентироваться и находить нужную информацию — будь то поиск питомца, вызов службы отлова или запись на груминг.

Главная цель:
Убедиться, что каждое из направлений представлено четко и наглядно — чтобы каждый посетитель, независимо от того, какую услугу ему нужно получить, мог быстро найти ее и оставить заявку. Мы постарались сделать так, чтобы один раздел не мешал восприятию другого, и при этом все направления были равноправно представлены, а визуальные элементы подчеркивали их важность и доступность.
Для этого мы использовали интуитивно понятную навигацию, выделяя каждый раздел, и гарантировали, что все услуги не пересекаются друг с другом, а наоборот — логично дополняют одно направление другим, позволяя пользователю найти нужную услугу в несколько кликов.

Контейнер телефона
Контейнер планшета

Основные задачи

  • Оптимальная структура сайта
    Логичная, удобная для пользователя и соответствующуя требованиям SEO.
  • Простое администрирование
    Интерфейс админ-панели должен быть понятен даже новичков, ранее не работающих с CMS.
  • Многоуровневая система доступа
    Разграничение прав для администраторов, редакторов и менеджеров.
  • Инструменты для маркетинга
    Баннеры, промо-блоки, всплывающие формы.
  • Удобная мобильная версия
    Не просто адаптация, а продуманная мобильная UX-логика.

01 — Проектирование

На данном этапе был разработан подробный план по созданию сайта с учетом специфики работы предприятия. Важной задачей являлось обеспечение удобства как для новых пользователей, так и для уже взаимодействовавших с предприятием физических и юридических лиц. Также проектировалась логичная структура сайта, которая позволяет пользователям легко находить информацию о услугах и оформлять заявки на нужные.

Ключевые задачи:

  • Упрощение пользовательского пути.
  • Логичная структура меню и разделов.
  • Интуитивно понятная навигация для быстрой подачи заявки на услуги.

02 — Дизайн и вёрстка

Для поддержания целостности и гармонии на сайте, важно было разработать уникальную дизайн-систему, которая бы грамотно сочетала в себе все элементы: от шрифтов и цветов до графических элементов и кнопок. Система должна была быть гибкой, позволять легко адаптировать сайт под различные устройства и экраны.

Была использована легкочитаемая типографика с повышенной контрастностью, что особенно важно для пользователей старшего возраста. Для интуитивной навигации каждый раздел снабдили инфографикой, наглядно представляющей услуги. Это позволяет быстро ориентироваться на сайте, не тратя время на изучение объемных текстов.

Особое внимание уделили проектированию и реализации интерактивных элементов, таких как форма обратной связи. Мы обеспечили её максимальную простоту и удобство, минимизируя количество полей для заполнения и предоставляя понятные инструкции.

Автоматизация коммуникаций: для повышения эффективности работы с клиентскими заявками была внедрена автоматическая система уведомлений. Каждое отправленное сообщение мгновенно поступает на почту ответственных менеджеров, что гарантирует оперативную реакцию на обращения и значительно повышает уровень клиентского сервиса.

03 — Программирование

На данном этапе была выполнена ключевая работа по реализации бизнес-логики проекта, обеспечению бесперебойной работы всех сервисов и глубокой интеграции с внешними системами. В качестве основы мы выбрали гибкую CMS MODX, которая идеально подошла для реализации кастомных функций и гарантирует легкое масштабирование проекта в будущем.

В процессе разработки сайта был реализован модуль для размещения объявлений о потерявшихся животных. Основные особенности модуля:

  • Форма обратной связи: пользователи могут подать объявление о пропавшем животном через специальную форму на сайте.
  • Модерация: каждое объявление проходит модерацию в административной части сайта и публикуется только после одобрения.
  • Размещение объявлений: объявления публикуются в виде отдельных блоков на страницах с пагинацией, без создания отдельных страниц для каждого объявления.
  • Структура объявления: описание и контактные данные выводятся с соблюдением норм о конфиденциальности.
  • Галерея изображений: для каждого объявления можно прикрепить до 10 фотографий, которые для удобства просмотра отображаются в виде слайдера.
    Форма подачи: форма включает обязательные для заполнения поля с телефоном и описанием, а также необязательное поля для ввода email и прикрепления фотографий.

Для внедрения данного функционала была настроена структура базы данных для хранения объявлений, а также разработана система модерации в административной панели для контроля публикаций.

Для улучшения взаимодействия с клиентами и расширения охвата был реализован модуль для интеграции каталога животных с Telegram-каналом @faunagoroda. Основные преимущества этой задачи:

  • Автоматическая публикация в Telegram: при размещении карточки животного на сайте, она автоматически публикуется в Telegram-канале. Это позволяет своевременно информировать подписчиков о появлении новых животных, нуждающихся в помощи, ищущих новый дом.
  • Содержание публикации: в каждой публикации отображается первое фото, регистрационный номер, пол, возраст (если известен), способ поступления (отлов или отказ) и ссылка на карточку в каталоге для подробной информации.

Преимущество: интеграция позволяет автоматически синхронизировать контент с Telegram-каналом, оперативно обновляя информацию для подписчиков, что способствует увеличению вовлеченности потенциальных владельцев животных и повышению шансов животных приобрести хозяев.

Реализованные задачи по продвижению сайта:

1. Комплексная SEO-оптимизация

Для каждой категории, услуг и страницы сайта была реализована возможность гибкой настройки SEO-метаданных (title, description, keywords). Это заложило мощный фундамент для будущего продвижения в поисковых системах и привлечения органического трафика.

2. Подключение систем веб-аналитики

На сайт установлены и настроены счетчики Яндекс.Метрики и Google Analytics. Это позволяет нам отслеживать поведение пользователей, анализировать эффективность ключевых страниц, оценивать конверсию и на основе данных принимать взвешенные решения по дальнейшему развитию и улучшению пользовательского опыта.

Важно отметить, что техническая архитектура сайта позволяет в будущем безболезненно расширять функционал, подключать дополнительные модули и производить интеграции.

* — поля, обязательные для заполнения
г. Минск, ул. Притыцкого, 2/3, 3 этаж, офис 23