ЗАДАЧА

Необходимо было разработать корпоративный сайт для компании Белтрансспутник под продукты Logimus для презентации продуктов и кейсов.

Решение

  • Разработка конструктора страниц для разделов сайта
  • Реализация калькулятора расчета прибыли
  • Модульный скоростной JS на базе TypeScript
  • Комплексное решение UX/UI дизайн
  • Реализация сайта на WordPress
bg-image bg-image
context-image

01

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

context-image

02

Для демонстрации особенностей деятельности компании, ее преимуществ используются современные эффекты. Реализована эта возможность благодаря JS и стилям CSS.

context-image

03

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

context-image

04

Разработана удобная админ панель. Разделы “Сервисы”, “Новости”, “Кейсы” реализованы как кастомные конструкторы. Это позволяет менять местами, добавлять, скрывать блоки, что делает сайт гибким и удобным в использовании. Редактировать материалы можно без вмешательства разработчиков, что экономит время и средства.

05

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

06

Поскольку перед нашей командой стояла непростая задача – донести до потребителей большой объем информации, используя при этом минимальное количество слов, наши дизайнеры разработали “живые” иллюстрации. Они позволяют продемонстрировать особенности и преимущества компании.

07

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

Используется адаптивная верстка с дополнительной проработкой 2к и 4к разрешений.

phone-border phone-shadow
img
img
img

01

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

02

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

03

Разработано решение для просмотра демо версии экономии, добавлена возможность отправить заявку на демо обзор для знакомства с услугой компании.

phone-border status-bar phone-shadow

Сайт адаптирован под все
мобильные устройства.

Технологии использованные в этом проекте:

Front-end:
HTML5, CSS
image
image
Back-end:
PHP 8+, WordPress
image
image

У вас похожая задача?

Рассчитаем для вас проект

Обсудить проект