Ко мне обратилось крупное предприятие, занимающееся производством электротехнических шкафов. Они работали и/или работают с Газпромом, КокаКолой, Икеей, РосАтомом и другими крупнейшими мировыми компаниями.

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

Первый лендинг – о клеммах

/ текст

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

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

Структура сайта в его первой части презентовала продукт и главные преимущества клемм от Провенто: складской запас, качество материалов, разнообразие видов. Во второй части сайта презентовалась компания: первое в России и крупнейшее производство в своем направлении, работа с мировыми компаниями.

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

/ дизайн

У компании, можно сказать, разработано несколько фирменных стилей :)

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

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

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

Я предложил идею для главной фотографии: разложить все разнообразие клемм на белом фоне. Это отсылает к одному из главных преимуществ - “Большой складской запас”. Ну и, так сказать, товар лицом :)

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

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

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

Карточки оформлены в формах, отсылающим к формам клемм – у всех них сверху есть разные, не знаю как назвать, впуклости? Ну думаю вы и сами видите по фотографиям)

Дизайн также был принят без глобальных правок

/ верстка

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

/ обслуживание

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

/ результаты

За первую неделю 16 заявок, провели несколько живых встреч и сделали несколько подборов замен (это когда проектировщик выполнил проект на клеммах другого производителя, а мы рассчитали сколько выйдет заменить все клеммы на провенто). Это все - долгие проекты, иногда обсуждения с проектировщиками может пойти в работу даже через год. Поэтому, обновлю эту статью когда появятся конкретные долгосрочные результаты