Кейс: Создание сайта компании
организации дорожного движения

Заказчик: «Медиа Сеть» - это компания, которая занимается нанесением дорожной разметки, изготовлением и продажей дорожных знаков, оградительного оборудования и проектированием схем организации дорожного движения.
Цель:
Бриф — Дизайн — Вёрстка — Сверка — Установка на хост — Установка сертификата безопасности.
Задачи:
• создание профессионального и уникального контента для сайта;
• seo-оптимизация текста;
• разработка современного и функционального дизайна сайта;
• адаптивная кроссбраузерная HTML5 вёрстка всех страниц;
• контекстная реклама.

Подготовка к проекту

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

ДИЗАЙН

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

ВЁРСТКА

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

Благодаря «плавающему» меню кнопки хедера, в которых прописаны основные интересующие клиентов позиции и услуги, всегда находятся в видимости при прокрутке вниз.

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

При наличии формы обратной связи, в которой указываются персональные данные, установка ssl-сертификата обязательна. Он позволяет передавать данные между пользователями и сервером по протоколу https в зашифрованном виде.

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

РЕЗУЛЬТАТЫ

Современный яркий и адаптивный сайт, приносящий лиды с первой недели.