Сайт для компании «Slavromtrans»

Сайт для компании «Slavromtrans»

Главная страница сайта SlavRomtrans

В декабре к нам обратилась компания «SlavRomtrans», специализирующаяся на различного вида грузоперевозках.

ЗАДАЧА
Создать сайт для данной компании, ориентируясь на следующие критерии:

  • Cайт должен был быть простым
  • Сайт должен был быть понятным
  • В то же время он должен привлекать аудиторию

ПЛАТФОРМА
CMS Joomla!

После составления технического задания и утверждения его заказчиком мы принялись за работу.

ДИЗАЙН И ВЁРСТКА

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

Просмотр сайта на ноутбуке Просмотр сайта на планшете и телефоне

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

Первый слайд Второй слайд

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

Информация о компании и контакты

Как быть, если пользователь захочет ознакомиться со списком услуг? Для этого существует целых три способа:

  • Подробнее о каждой услуге можно узнать при нажатии соответствующей кнопки на баннере
  • При наведении на пункт меню услуги проявится выпадающий список со ссылками на каждую услугу
  • Можно выбрать нужную услугу на самой странице услуг

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

Страница услуг

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

Фотогалерея

При наведении на изображение, оно затемняется и, вращаясь, плавно приближается, добавляя динамики странице.

Изменение картинки при наведении

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

Форма заявки

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

Календарь

Контакты представлены формой обратной связи в левой части экрана и контактами данными в правой части. В нижней части реализована интерактивная карта

Контактная информация

Функционал

Сайт реализован на CMS Joomla актуальной версии, а также является адаптивным для всех разрешений.

Результат

Срок выполнения заказа: 26 дней.



Получить консультацию
Пожалуйста, введите имя
Укажите свой адрес электронной почты
Неправильно указан номер
Пожалуйста, введите имя
Запрещено загружать файл данного типа
Выбран файл:
Необходимо ваше согласие на обработку персональных данных
* - поля обязательные для заполнения
Ваш менеджер
Ростислав
Отправив запрос вы получаете:
Письмо или звонок от нашего менеджера
Оценку своего проекта
Личную встречу, при необходимости
Прототип главной страницы бесплатно
Конфиденциальность гарантирована!
Оставить заявку
*
Пожалуйста, введите имя
*
Укажите свой адрес электронной почты
*
Неправильно указан номер
Пожалуйста, введите имя
Запрещено загружать файл данного типа
Выбран файл:
Необходимо ваше согласие на обработку персональных данных
* - поля обязательные для заполнения