Разработка сайта для управляющей компании Wevo
Задача: объединение 7 проектов в сфере управления жилой и коммерческой недвижимостью на одной площадке под брендом Wevo, корректировка технического задания, разработка изображений для сайта, реализация каталога.
Компетенции
UX | UI
Верстка, CSS
Маркетинг
Мы реализовали дизайн сайта в стиле «flat» (плоский) и «метро». Эти стили отличаются лаконичностью, легкостью, высоким контрастом, преобладающей статичностью и четким выделением кликабельных элементов. Они просты для восприятия.
Разработали три концепции в стиле метро. Выбор пал на карточный стиль, так как он стал метафорой системного подхода компании. Четкие карточки услуг и модульная сетка визуализируют организованность WEVO. Каждый элемент на своем месте — как в отлаженной системе управления домом. Контент на сайте удобно структурирован, легко читается, размещен компактно, при этом на сайте достаточной воздуха. Мы хотели, чтобы образ WEVO и сайт ассоциировались с легкостью и современным подходом к решению бытовых задач.
Концепция и макет
Варианты концепции
Выбранный вариант
Затем мы разработали макеты всех уникальных страниц в Figma. При разработке макета мы создаем систему стилей и страниц для хранения всех материалов по проекту — сохраняем все итерации, настройки типографики, цветов, готовим UI-Kit, чтобы заказчик мог использовать эти материалы как руководство по стилям для других проектов, посадочных страниц, а также работать с макетом для масштабирования, при этом сохранять полный порядок в стилях.
Концепция и макет
Макеты уникальных страниц и вид нашего фигма-файла «изнутри»
Мы обеспечили безупречное соответствие макетам пиксель в пиксель и идеальный адаптив под все основные типы устройств, также добавили дополнительные брейкпоинты для больших мониторов. Обеспечили удобное администрирование новостей и страниц объектов. Верстка сохранила визуальную метафору структурного подхода на техническом уровне, превратив дизайн в работающий интерфейс.
Верстка
Результат верстки — Десктоп
Главный экран — Мобильная версия
Карточки направлений — Мобильная версия
Результат верстки — Десктоп
Главный экран Приложение— Мобильная версия
О приложении — Мобильная версия
