UX/UI дизайн сайтов, анимация в After Effects
- Город
- Минск
- Опыт работы
- 3 года
- На сайте с
- 2025 года
- Юридический статус
- Частное лицо
Задачи проекта: Создать стильный и удобный в использовании корпоративный сайт для компании ODA Architecture, которая занимается архитектурой, дизайном интерьеров и ландшафтным дизайном..
Работы велась по четкому дизайн-процессу: брифинг, аналитика, прототип, техническое задание, референсы, визуальная концепция, UI Kit, адаптивы, подготовка макетов к передаче разработчикам.
Подробнее об этапах:
Аналитика: проведён анализ пяти конкурентов по 46 вопросам, который позволил погрузиться в сферу компании, глубже познакомиться с продуктом бюро и конкурентов, понять их сильные и слабые стороны.
Прототипирование или вайрфреймы: разработан функциональный прототип — смысловой набросок блоков, где спланирована последовательность блоков, а также описана функция и состав каждого.
Создана структура сайта, функционал и состав всех страниц (Главная, Портфолио, Страница проекта, О компании, Новости, Контакты).
Мудборд и референсы: проведен визуальный анализ сайтов, который помог погрузиться в визуальную среду индустрии, понять, какой стиль и визуальные приемы использовались в дизайне сайтов схожей тематики.
Визуальная концепция: в сайте использовалась ахроматическая палитра цветов (черный, белый, серый), сетка 5-х и 3-колоночная с 2 силовыми линиями, крупная типографика (Druk Cond Trial для заголовков и Helvetica Neue для основного текста). Применялись различные графические приемы, такие как смещение текста, необычная расстановка карточек и другие.
UI Kit: созданы компоненты, варианты, автолейауты кнопок, карточек, списков, полей ввода, хедера, футера и пр.
Адаптивы: спроектированы адаптивные версии сайта (шириной 1600px, 640px, 360px).
Доработка UI Kit: после создания адаптивных версий сайта UI Kit дополнен новыми компонентами.
Подготовка макетов к вёрстке: названы и упорядочены все слои, добавлены технические комментарии для разработчика (по анимациям и по нюансам, которые нужно учесть при верстке макетов).
Оформление проекта в кейс на Behance, Dprofile: была составлена структура кейса, на каждый из блоков собраны по несколько референсов, отобраны лучшие и составлены в окончательный вариант “фрэнки”, а затем уже отрисован кейс (первое приближение, интеграция текста, варианты дизайна каждого блока, окончательный вариант страницы).
В результате получилось справиться с задачей, был создан стильный и удобный в использовании корпоративный сайт, который получил отклик у аудитории.
Концепт корпоративного сайта "ODA Architecture" получил награду за лучший дизайн в категории “Сайты” (есть сертификат) и попал в галерею лучших проектов дизайнеров UPROCK на сайте https://www.projects.uprock.ru/
Проект выполняла самостоятельно под руководством старшего дизайнера студии UPROCK.
Каждый этап работы окончательно утверждал арт-директор студии Евгений Кузьмин.
