Designic

Недвижимость

02СУТЬ

«Редизайн сайта студии дизайна интерьеров: шаблон статей блога, новая главная с анимацией, UX/UI-кит и адаптивы — дизайн-макеты и гайд для команды клиента.»

03ВВЕДЕНИЕ

Designic — студия дизайна общественных интерьеров: офисы, коворкинги, образовательные и деловые центры. Мы редизайнили её сайт на WordPress: сначала пересобрали шаблон статей блога, а затем спроектировали новую главную с анимацией, страницу статьи, UX/UI-кит и адаптивы под все разрешения. Наша зона — дизайн и гайд для разработчиков: полный пакет макетов передавался команде клиента на вёрстку.

04 / ПАСПОРТ

~245

часов работы

месяцев в работе

2024

год запуска

Услуги

Дизайн и UX/UI

Индустрии

Недвижимость

Технологии

Figma

05 / ВЫЗОВ

Дизайн у нас, вёрстка — у клиента

Внедряла макеты внутренняя команда клиента, поэтому мы отдавали не просто картинки, а рабочий инструмент: UX/UI-кит с компонентами шапки, подвала, кнопок и полей, сетки-направляющие под четыре разрешения и описания поведения элементов — по сути гайд для разработчиков. Так новый дизайн можно было собрать чужими руками без потери деталей.

06 / ВЫЗОВ

От одной страницы — ко всему сайту

Начали прагматично: аналитика показала, что весь поисковый трафик приходит на блог, поэтому первым переработали шаблон статьи — оглавление, ритм текста и изображений, FAQ, блок похожих материалов. Убедившись в результате, клиент доверил нам главную целиком: концепт с анимацией, портфолио проектов, стену клиентов и награды.

07 / ЭТАП

Декабрь — UX/UI-кит и адаптивы

Собрали дизайн-систему: компоненты шапки и подвала, кнопки, поля, иконки, единые сетки. Отрисовали адаптивы главной и страницы статьи под 1920, 1440, 768 и 360 — чтобы вёрстка на стороне клиента шла по готовым макетам, а не по догадкам.

UX/UI-кит: компоненты шапки и подвала на всех разрешениях — часть дизайн-системы и гайда для разработчиков