Разрабатываем дизайн сайта

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

Задача

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

Выполнение

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

Разворачиваем карту сайта

Карта сайта для АО Центрсвязьинформ

Заказчик просит сделать копирайт всего контента на сайте и присылает более 50 страниц с оборудованием.

Пример вида полученного контента от Заказчика

Делаем пример карточки товара.

Рабочий вариант карточки товара

И карты территориального расположения.

Рабочий вариант территориального расположения

Заказчик: Нам все нравится, кроме шапки — все внимание уходит на нее.
Менеджер: Справедливо, мы поработаем над шапкой еще.

Пример рабочего варианта страниц, в дальнейшем — окончательно утвержденного

Заказчик: Отлично! Мы очень гордимся нашим производством и используемым оборудованием, очень хотим поделиться этим с потенциальными клиентами, сможем это как-то показать?
Менеджер: Да.

Едем на производство в Санкт-Петербург для ознакомления с техническим процессом и методикой пайки электро-радиокомпонентов на печатных платах.

Фотографии с производства

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

Оформление страницы Завод с удобной и понятной инфографикой

Решаем разбить весь техпроцесс на 4 части и подать в интерактивном виде, чтобы посетитель сайта наглядно видел объем выполняемых работ и методики пайки на производстве. Делаем кнопку «Рассчитать», с ее помощью посетитель может самостоятельно узнать время нахождение своего заказа на производстве.

Заказчик доволен, дальше верстка и запуск.

Сайт тут.

Источник и полное описание работы — тут.

конец.

Разработано в Студии дизайна «vOv lab»

#разработка сайтов #веб дизайн #разработка веб-сайтов #веб-разработка #веб