Создание сайта / Адаптив
2021

Создание сайта для
строительно-инжиринговой компании
Watzenrode

Предыстория

Строительно-инжиринговая компания Watzenrode — достаточно известная не только на украинском рынке, но и зарубежном. Их ключевые услуги, предоставляемые клиентам — это генеральный подрядчик и технический заказчик.

Сама компания Watzenrode является лишь одной из частей большого строительного холдинга и выполняет конкретные отдельные собственные функции в системе: полноценный комплекс строительных работ по проектированию и строительству объектов различной направленности: быстровозводимых конструкций, промышленно-производственных и сельскохозяйственных комплексов, жилых, гостиничных, культурно развлекательных объектов, применяя при этом новые технологии и используя исключительно проверенные, надёжные строительные материалы от ведущих производителей.

О проекте

С течением времени некоторые визуальные решения (UI), формулировки, заголовки и собственно архитектура текущего сайта устарели. Нужно было обновить дизайн старого сайта клиента, учитывая уже существующий стиль, но добавить свою «изюминку», сохранить лаконичность и простоту.

Основной сегмент целевой аудитории нового сайта — это уже текущие или «горячие» клиенты, то есть те, что уже знают о компании. Но проектируя дизайн нельзя не учитывать потенциальных пользователей, которые попадут на сайт впервые. Главная страница — это последовательные блоки, просматривая которые мы пытались использовать элементы, которые рассказывают историю, отвечая на вопросы Кто? Что? Зачем? Когда? Где?

Мы пытались сбалансировать дизайн сайта одновременно и современным, и классическим, изменить старые формулировки «клише» на более понятные и простые, обеспечить доверие пользователя и непринуждённое желание остаться на сайте дольше.

Проблемы

  1. Устаревший дизайн компании, находится в единой системе холдинга, следовательно по стилю не должен кардинально выделяться.
  2. Тексты и заголовки по своему стилю похожи на клише и звучат не привлекательно.
  3. Новый сайт должен сохранить анимационность элементов, но используя более современные стили.

Услуги

  1. Проектирование главной страницы (UX) и информационной архитектуры сайта.
  2. Обновления визуальной системы дизайна в рамках сайтов дочерних компаний холдинга.
  3. Адаптивный сайт с элементами анимации объектов.

Решение задачи клиента

Фирменный цвет компании, который уже присутствовал — синий. Для того, чтобы освежить дизайн был предложен дизайн, основанный на градиенте синего цвета, которые соответствуют тонам и насыщенности устоявшегося ранее стиля. Среди основной характеристики основы стиля обновлённого дизайна — это асимметричность, что созерцается в меню, прикреплённом к левому краю, отдельных блоках, расположенных по правой или по левой оси и некоторые другие решения.

Было проработано несколько версий блока с кейсами. Ключевая идея, которую стремились эффективно воплотить — это экран с кейсами. В рамках сферы строительства есть особенность — долговременные проекты, в состоянии выполнения. Тоесть, незакрытые кейсы. Так как, заказчики клиента всегда узнаваемые бренды, было предложено совместить в одном экране (рамках точки зрения пользователя) кейсы и бренды. Сам кейс может иметь 2 состояния — «выполнено» или «в процессе». Для других — проектировали несколько вариантов дизайна, с детализацией этапов строительства и без, применяли анимации и тестировали без неё.

В итоге все же остановились на симбиозе двух блоков (проекты и бренды), но без анимации и детализации.

Этапы работы над проектом

  1. Первый этап — брифинг задачи клиента в разрезе конкурентного анализа. Выявление сильных и слабых сторон в дизайне и функционале компаний, предоставляющих услуги в сфере строительства.
  2. Второй этап — создание варфрейма главной страницы. Проектирование пути пользователя на главной странице. Карта сайта. UX-writing заголовков и ключевых фраз.
  3. Третий этап — создание первого варианта UI.
  4. Четвертый этап — внесение изменений в дизайн-макеты, согласно комментариев клиента.
  5. Пятый этап — вёрстка, тестирование и наполнение.

Результат работы над проектом

Работа над проектом была несколько нетипичной для нас, так как финальный результат готового сайта прошёл несколько критических изменений, осуществлённых уже после предварительно утверждённых этапов (прототипа, корректировок готовых дизайн-макетов и изменений в сайте, на этапе вёрстки). Данные решения принимались клиентом в связи с изменениями в стратегическом развитии.

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

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

1 месяц

Потрачено на вёрстку, адаптивность, тестирование и изменение в готовых страницах

Творческая группа

Менеджер проекта Юлия Шпак
Дизайнер Дана Данилейко
Программист Арсен Омаров

Другие проекты

Бесплатная консультация