Комплексный кейс по ребрендингу
Единая визуальная система • Проработаннтая архитектура страниц • Упаковка контента • Микро-UX и детали
Minimasneva Project
Не так давно мы решили сделать полный ребрендинг агентства. Хотели, чтобы каждая деталь на сайте и в социальных сетях выглядела продуманной, а всё вместе создавало цельный образ уверенного, экспертного и открытого бренда.
Первое, что задаёт тон сайту — единая палитра. Глубокий красный стал фирменным акцентом: он уверенный, но не агрессивный, и отлично работает с мягким бежевым цветом. Вместе они формируют чистый, лаконичный визуал, который аккуратно направляет внимание пользователя.
Первое, что задаёт тон сайту — единая палитра. Глубокий красный стал фирменным акцентом: он уверенный, но не агрессивный, и отлично работает с мягким бежевым цветом. Вместе они формируют чистый, лаконичный визуал, который аккуратно направляет внимание пользователя.
Стало:
Было:
Мы уделили внимание и логике движения по сайту и проработали типографику, прописали чёткие заголовки и наладили баланс между текстом и воздухом. С главной страницы можно за пару кликов попасть к кейсам, услугам, блогу или сразу написать нам. Всё построено так, чтобы пользователь двигался по понятному маршруту, не теряя интереса.
Стало:
Было:
И, конечно, мелочи. Это те самые вещи, которые редко бросаются в глаза отдельно, но создают общее ощущение качества. Отступы, стили кнопок и карточек, аккуратные иконки, единый ритм заголовков и текста — всё это складывается в профессиональный образ бренда и даёт чувство доверия к тому, что мы делаем.
Белое море
Следующий проект — мастерская деревянных игрушек, где каждая вещь сделана вручную и с душой. Новый сайт должен был передать атмосферу тепла и заботы, которая стоит за этим брендом.
Начали с того, что убрали перегруженность старой версии и сделали ставку на визуальную лёгкость и чистоту. Новый сайт встречает пользователя мягкой палитрой с пастельными фонами, тёплыми акцентами и природными оттенками дерева, чтобы поддержать ассоциации с экологичностью, безопасностью и семейным уютом.
Начали с того, что убрали перегруженность старой версии и сделали ставку на визуальную лёгкость и чистоту. Новый сайт встречает пользователя мягкой палитрой с пастельными фонами, тёплыми акцентами и природными оттенками дерева, чтобы поддержать ассоциации с экологичностью, безопасностью и семейным уютом.
Стало:
Было:
Главный экран стал визитной карточкой бренда. Лаконично разместили заголовок, аккуратно интегрировали кнопку «Смотреть каталог» и использовали иллюстрации игрушек, будто нарисованные вручную. С акцентами на плавные линии и теплыми фото из мастерской интегрировали в визуал историю бренда и ценности, которых не было ранее.
Стало:
Было:
В конце был переработан каталог, теперь категории и карточки товаров структурированы и понятны, а изображения смотрятся гармонично и не теряются в интерфейсе.
Добавили блок «Бестселлеры» с аккуратными карточками и ценами, чтобы пользователь мог быстро ориентироваться и находить популярные позиции.
Стало:
Было:
В результате получился сайт, который создает ощущение живого и заботливого бренда, красиво показывает товары и помогает клиентам с лёгкостью находить то, что нужно.
Биомеханика
Фитнес-клуб «Биомеханика» строит свои ценности вокруг движения, здоровья и продуманного подхода к тренировкам. Мы хотели, чтобы новый сайт передавал именно это — не просто показывал услуги, а создавал ощущение вовлечённости и энергии, был современным, динамичным, минималистичным, при этом лёгким для восприятия.
Стало:
Было:
Для начала полностью переработали навигацию, чтобы путь пользователя стал простым и логичным. Сначала знакомство с брендом и методикой, затем форматы тренировок, реальные результаты клиентов и быстрые способы записаться.
Мы убрали перегруженные блоки и темную палитру, сделали акцент на краткие и понятные описания. Форматы занятий теперь раскрываются по клику, не занимая много места, а блоки с историями клиентов сразу создают доверие.
Мы убрали перегруженные блоки и темную палитру, сделали акцент на краткие и понятные описания. Форматы занятий теперь раскрываются по клику, не занимая много места, а блоки с историями клиентов сразу создают доверие.
Стало:
Было:
Визуально сайт стал чище и современнее: светлый фон, крупные фотографии тренеров и клиентов, минималистичная палитра и ровная типографика делают его лёгким для восприятия. Анимации и аккуратные переходы добавляют динамики, но не отвлекают от смысла.
Пантеон
В проекте для клиники стояла задача сделать сайт современным, удобным и понятным для пациентов. Старый сайт выглядел пустым, на нем было немного информации о врачах, блог и общие слова о клинике без чёткого маршрута для человека, который зашёл познакомиться с клиникой или найти решение своей проблемы.
Сайт получил тёмно-синюю палитру со светлыми акцентами — она создаёт ощущение надёжности и экспертности, но при этом не выглядит тяжело. Шрифты подобраны так, чтобы всё читалось легко, было чётким и заметным.
Сайт получил тёмно-синюю палитру со светлыми акцентами — она создаёт ощущение надёжности и экспертности, но при этом не выглядит тяжело. Шрифты подобраны так, чтобы всё читалось легко, было чётким и заметным.
Мы полностью переработали структуру. Теперь на главном экране пользователя встречает сильный месседж, который задаёт тон всему сайту.
Блоки стали быть выполнены в формате удобных карточки с фотографиями и короткими описаниями, чтобы посетитель видел реальный спектр процедур или врачей и мог быстро выбрать то, что ему нужно.
Блоки стали быть выполнены в формате удобных карточки с фотографиями и короткими описаниями, чтобы посетитель видел реальный спектр процедур или врачей и мог быстро выбрать то, что ему нужно.
Стало:
Было:
Блог также получил новое оформление, и теперь вместо ленты со статьями, появились полноценные разделы с полезным контентом, которые удобно структурированы и интуитивно понятны.
Стало:
Было:
Игорь Цаплин
И крайний проект, о котором бы хотелось рассказать — сайт курса Игоря Цаплина по фотографии. Перед нами стояла задача сделать страницу такой же ясной и лёгкой, как сам продукт. На старой версии не читалась суть, не было чёткой презентации программы, преимуществ и личности эксперта.
Мы собрали страницу так, чтобы она ощущалась лёгкой и дружелюбной. Маршрут по сайту выстроили логически, и теперь потенциальному клиенту не приходится искать ответы на свои вопросы по сети.
Мы собрали страницу так, чтобы она ощущалась лёгкой и дружелюбной. Маршрут по сайту выстроили логически, и теперь потенциальному клиенту не приходится искать ответы на свои вопросы по сети.
Стало:
Было:
Собрали информацию в короткие, дышащие блоки, которые отвечают на их главные вопросы. Простым языком и без визуальной перегрузки расписали информацию про наставника, про формат и про полезные бонусы.
Также добавили секцию «Как понять, что этот курс для тебя?» — жизненные сценарии, чтобы каждый посетитель сайт быстро узнал себя и почувствовал необходимость покупки.
Стало:
Было:
Программу курса сделали модульной, где подробности раскрываются по клику, когда они понадобятся. Добавили большие фотографии Игоря и ярких деталей для акцентов и ощущения целостности.
Стало:
Было:
