Редизайн сайта
фирмы промышленной вентиляции
Figma, Tilda
2022
Задача
Со мной связалась компания, предоставляющая услуги в сфере промышленной вентиляции и кондиционирования, с просьбой провести редизайн их сайта. По мнению заказчика он устарел, ему хотелось бы освежить и осовременить внешний вид сайта, а также привести его к формату визитки, сохраняя логотип, фирменный стиль и символ компании — императорских пингвинов.
Подбор референсов
Мы с заказчиком изучили сайты конкурентов по региону, и в итоге решили ориентироваться на западные сайты аналогичного профиля. Я сделала подборку таких сайтов в похожих цветах, заказчику понравились некоторые анимационные переходы, чередование тёмно-синих экранов с белыми и приоритет графики перед обилием текста, что ему не нравилось в существующей версии сайта.
Составление
мудборда
Ориентируясь на фирменный стиль компании, а именно сочетание белого и синего, а также специфику её деятельности, я составила мудборд проекта. Моей целью стало визуальными средствами передать температуру, чтобы от одного только оформления сайта становилось прохладно, а также сочетать виды льдов и снегов с металлом и поставляемыми компанией конструкциями, чтобы прослеживалась прямая связь.
Решение
На основании референсов и мудборда я переработала дизайн сайта, после чего экспортировала собранный в Figma и согласованный с заказчиком макет в Tilda Publishing, реализовывая финальную версию уже посредством no-code сервисов.
Посмотреть готовый сайт
Главный экран
Первое, что покоробило меня при взгляде на старую версию — это что при первом заходе на сайт потенциального клиента встречает спина. По таймеру фотография менялась, но это явно не то первое впечатление, какое компании хотелось бы произвести. Согласно мудборду я подобрала фотографию с пингвинами на снегу, передающую арктический холод, и развела передний и задний план на разные слои для красивой анимации. Первый экран я сделала лаконичным, избавив его от лишнего текста и оставив контактные данные, логотип, логунг, вызывающий доверие к компании, и CTA-кнопку.
Услуги компании
В старой версии основные услуги компании были презентованы наглядно, но посредством визуальных средств (круглые изображения, плашки для заголовков в форме загнутых лент), которые не используются больше нигде на сайте и странно сочетаются. Я заменила их на крупные изображения, затемнённые полупрозрачной плашкой, при этом при наведении раскрывается больше информации о конкретной услуге.
Проекты
Мы по согласованию с заказчиком решили презентовать сильные проекты компании каскадом, с автоматической кликабельной галереей и возможность открывать нужные слайды по наведению. Таким образом потенциальный клиент сразу видит, с какими объектами работает компания и какие результаты её работы.
Информация о компании
Фотографию со стока я заменила на реальные фотографии компании, пустив их автоматически прокручивающейся галереей под полупрозрачной плашкой с текстом, как на предыдущем экране.
Экран заявки
Предыдущий вариант достаточно сомнительно описывал, чем занимается компания, мы с заказчиком решили от этого отказаться, очистив экран заявки от всего лишнего и оставив только символ компании. От размещения прайс-листа заказчик решил отказаться, отметив, что обычно компания имеет дело с крупными клиентами и расчёт всегда делается индивидуально, поэтому форму заявки я сделала как можно короче, чтобы облегчить пользователю установление контакта с фирмой. Два вида контактов введены на случай опечатки в одном из полей, чтобы компания не потеряла клиента.
Экран контактов
В старой версии не было никакой консистентности в шрифтах и начертаниях, а также цветах, экран контактов был совмещён с футером. Я их разобщила, добавила интерактивную карту и возможность скачать карточки предприятий, поскольку по словам заказчика у клиента есть в них потребность.
Отзыв заказчика
Основная цель сайта-создать рекламно-информационное резюме нашей компании. Тех. задание, говоря языком строителя, Лине было выдано по ее запросу. На этапах реализации проекта мы совместно обсуждали каждый шаг. Лина перенесла на страницы будущего сайта климат нашей компании, настрой на успех, предыдущий опыт реализованных проектов и наши новые цели, которые мы стремимся достигнуть. Разместила фотографии реальных выполненных работ, грамотно и емко изложила суть деятельности нашей организации.

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

Лина, реально обладает вкусом и профессиональным чутьем в работе создания сайта. Я уверена, что мои партнеры, посетив страницу нашего сайта, почувствуют доверие, профессионализм и нас ждут много новых совместных проектов.
леди Аквамарин (мисс Роза Скарлетт)
Младшая сестра уже знаменитой мисс Скарлетт, которая только начала создавать себе имя и не намерена ни в чем не уступать Марии. Юна, очаровательна и очень предприимчива.
хх лет, начинающая актриса
леди Аквамарин (мисс Роза Скарлетт)
Младшая сестра уже знаменитой мисс Скарлетт, которая только начала создавать себе имя и не намерена ни в чем не уступать Марии. Юна, очаровательна и очень предприимчива.
хх лет, начинающая актриса
Елена Гаранина-Грибкова
коммерческий директор
ООО "Старт"