ODA Architecture (корпоративный сайт архитектурного бюро)

Создать стильный и удобный в использовании корпоративный сайт для компании ODA.

Этапы работы: Брифинг, аналитика, прототип, техническое задание, референсы, визуальная концепция, адаптивы.

Аналитика: Проведён анализ пяти конкурентов по 46 вопросам, который позволил погрузиться в сферу компании, глубже познакомиться с продуктом бюро и конкурентов, понять их сильные и слабые стороны.

Прототипирование или вайрфреймы: Разработан функциональный прототип — смысловой набросок блоков, где спланирована последовательность блоков, а также описана функция и состав каждого.

Создана структура сайта, функционал и состав всех страниц (Главная, Портфолио, Страница проекта, О компании, Новости, Контакты).

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

Визуальная концепция: В сайте использовалась ахроматическая палитра цветов (черный, белый, серый), сетка 5-х и 3-колоночная с 2 силовыми линиями, крупная типографика (Druk Cond Trial для заголовков и Helvetica Neue для основного текста). Применялись различные графические приемы, такие как смещение текста, необычная расстановка карточек и другие.

UI Kit: Созданы компоненты, варианты, автолейауты кнопок, карточек, списков, полей ввода, хедера, футера и пр. 

Адаптивы: Спроектированы адаптивные версии сайта (шириной 1600px, 640px, 360px).

Доработка UI Kit: После создания адаптивных версий сайта UI Kit дополнен новыми компонентами.

Подготовка макетов к вёрстке: Названы и упорядочены все слои, добавлены технические комментарии для разработчика (по анимациям и по нюансам, которые нужно учесть при верстке макетов).

В результате получилось справиться с задачей, был создан стильный и удобный в использовании корпоративный сайт, который получил отклик у аудитории.