Разработка сайта Ghtrees

Разработка дизайна:

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

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

В результате нашей работы был разработан современный сайт с продуманной структурой и интересными визуальными решениями.

Подробнее о технической разработке:

Для Gthrees-а были разработаны две версии страницы:

• Версия для пользователей, реализованная с применением React JS, что обеспечивает моментальную загрузку страницы.
• Версия для поисковых роботов, без использования React JS. Она оптимизирована с учетом требований SEO.

Мы также провели оптимизацию изображений, преобразуя их в формат WEBP, а также объединили некоторые ресурсы страницы (JS и CSS) в один файл, обеспечивая их асинхронную загрузку. Это значительно ускорило загрузку и инициализацию страницы.

Для создания анимации на странице и управления ее содержимым мы использовали JS плагины.

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

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