Пересобрали сайт KIRI: магазин и Школа стиля в одной системе

о проекте

KIRI — российский fashion-бренд, который вырос из личного стиля и экспертизы основательницы Кати Кири. Ее взгляд на моду, годы работы с клиентами и любовь к одежде сначала собрали вокруг себя сообщество, а потом превратились в бренд с собственным производством, образовательной площадкой и тысячами постоянных клиентов.

Задача

За годы KIRI быстро рос: новые коллекции, крупные коллаборации, Школа стиля, проекты, которые давно вышли за рамки обычного интернет-магазина.

Вместе с брендом рос и сайт. Страницы делались под отдельные задачи, разделов становилось все больше, а логика между ними постепенно терялась. Команда KIRI пришла с запросом на редизайн, но уже на первом созвоне стало понятно: одним визуалом не обойтись, архитектуру нужно пересобирать целиком.

Что предстояло сделать:

Объединить интернет-магазин и Школу в одну систему.

Разработать новую структуру сайта.

Добавить видео в карточки товаров.

Переосмыслить страницу «О бренде».

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

Пересобрали сайт так, чтобы им хотелось пользоваться

Когда мы начали разбираться в устройстве сайта, нас ждал сюрприз: сайтов было два. Один — под магазин, второй — под Школу стиля. Они жили параллельно, на разных страницах, хотя для пользователя это был один бренд. Человек, который знал KIRI по одежде и хотел попасть на курс, фактически оказывался на другом сайте.

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

Главное — заново спроектировали страницы Школы и курсов уже на основном сайте. Теперь магазин, обучение и остальные направления бренда живут в одном пространстве. Это задел на будущее: новые проекты KIRI встают в готовую структуру и не плодят отдельные сайты.

Превратили страницу «О бренде» в цифровой музей KIRI

У KIRI сильная история. Сплошным текстом ее не передать, поэтому раздел «О бренде» мы собрали как таймлайн.

Теперь историю можно пролистать: архивные фотографии, важные даты, запуск бренда, первые пространства, коллекции и этапы развития складываются в одну последовательность. Получилось что-то между страницей «О нас» и небольшим цифровым музеем.

Добавили в каталог немного жизни

Одежду хочется видеть в движении. Поэтому мы добавили видео прямо в карточки товаров. Команда KIRI дала исходники, а мы сделали цветокоррекцию, подготовили ролики под технические требования сайта, оптимизировали по весу и встроили в каталог так, чтобы они смотрелись частью карточки.

Было

Стало

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

Заодно привели каталог к единому виду: обновили структуру карточек, сделали категории понятнее и добавили рекомендации к товарам.

Собрали единый визуал

И, конечно, редизайн. Собрали единый визуальный язык для всех разделов — магазина, Школы, истории бренда, — чтобы сайт соответствовал уровню KIRI и выглядел как единое целое.

Что в итоге

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

Предложим проверенные решения, которые позволят заработать больше

Зарабатывать больше вместе