Задача

Разработка сайта-каталога с удобной и понятной навигацией. Систематизация большого объема оказываемых услуг с помощью грамотного каталогизатора.

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

Как проходила реализация? Читайте дальше — и всё узнаете :)

Решение

Чтобы понять потребности, провели брифование. Определили целевую аудиторию, окончательно утвердили структуру, получили представление о том, как заказчик видит «настроение» будущего сайта.

Для наглядности все услуги компании разместили на переднем плане, сделали акцент на кнопке «Строительство под ключ».

Пример страницы услуги

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

Вариант главной страницы №1

Вариант главной страницы №2

Заказчик утвердил первый вариант, далее приступаем к внутренним страницам. Прорисовываем иконки, прикидываем, в каком виде будет размещен контент и изображения. Продумываем блок «Наши работы»:

Страница Наши работы

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

Адаптивность

 Дизайн для смартфонов

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

Результат

Сайт СК «Стройсервис» успешно запущен и находится по адресу: stroyservis-74.ru

Зимний вариант главной страницы

Летний вариант главной страницы