Содержание
С чем пришёл проект
MixTrends не начинался с пустого листа. Это реальный клиентский сайт, который я делал раньше, а затем вернулся к нему уже как к задаче на редизайн. Сейчас новая версия обсуждается с клиентом: он хочет поставить её вместо действующего сайта на своём реальном домене. Были название, фирменный знак, светлая палитра, первый экран, портфолио, акция, FAQ, отзывы, контакты и главное: сама идея второй жизни одежды.
Редизайн MixTrends не изобретал новую услугу. Он сделал существующую идею второй жизни одежды главным содержанием страницы, показал процесс и результат раньше привычных салонных обещаний и собрал более ясный маршрут обращения. Это доказательство логики решения, а не ещё не измеренных продаж.
На старом экране она сформулирована прямо: «дадим вторую жизнь вашим вещам, перешив их по-новому». То есть проблема была не в отсутствии смысла. Смысл уже лежал на странице. Просто рядом с крупным вопросом «Снова нечего надеть?» и салонной фотографией он выглядел скорее пояснением мелким шрифтом, чем основой сервиса.
Старого ТЗ, переписки и аналитики в этом разборе нет. Поэтому я не буду задним числом сочинять клиенту «падение конверсии» и другие удобные для кейса страдания.
Что здесь важно: редизайн начался не с изобретения новой услуги, а с попытки сделать уже существующую идею главным содержанием сайта.
Что было неудобно не дизайнеру, а посетителю
Сразу оговорюсь: у меня нет записей пользовательских интервью по старой версии. Поэтому ниже не рассказ о том, что «все клиенты путались», а разбор риска, который виден на самом экране.
Если убрать абзац под заголовком, перед нами может быть стилист, магазин одежды, салон красоты или сервис разбора гардероба. Фотография показывает привлекательный образ, но не показывает исходную вещь, процесс переделки или результат апсайклинга. Чтобы понять отличие, посетителю сначала нужно внимательно прочитать текст. Это не преступление, конечно. Но сайт уже взял с человека небольшую плату вниманием, хотя ещё ничего толком не объяснил.
Кнопка «Бесплатная консультация» говорит о цене первого разговора, но не о его содержании. Что мы будем обсуждать: гардероб, покупку, ремонт вещи, стиль? Для владельца бизнеса ответ очевиден, потому что он живёт внутри услуги. Посетитель пока только открыл вкладку.
Навигация вела по привычным разделам: портфолио, акция, FAQ, отзывы, контакты. Всё на месте. Но сама последовательность не объясняла необычную услугу: что можно принести, как работает стилист, каким бывает результат и что произойдёт после обращения.
Проблема посетителя: сайт называл апсайклинг, но сначала выглядел как знакомый beauty-сервис. Отличие приходилось вычитывать, а не видеть.
Какие ограничения были и какие решения вообще имели смысл
Первое ограничение я поставил себе сам: не выбрасывать всё старое только потому, что теперь умею сделать иначе. Название MixTrends, идея второй жизни вещей и консультационный формат уже работали на смысл бренда. Редизайн не должен был изображать амнезию.
Второе ограничение фактическое. Новая страница пока опубликована в портфолио как демонстрационная версия. Поэтому перед нами проектное решение, а не отчёт после внедрения. Можно уверенно обсуждать структуру, интерфейс и аргументацию. Нельзя приписывать им продажи, которых никто ещё не измерял.
Сохранившиеся материалы не подтверждают набор отброшенных макетов. Поэтому вместо легенды о десятках концепций покажу три реальных направления, между которыми стоял логический выбор.
Я выбрал третий вариант. Он был сложнее обычной перекраски, зато отвечал на главный вопрос: как сделать необычную услугу понятной ещё до консультации.
Принятое решение: не превращать MixTrends ни в обновлённый салон, ни в интернет-магазин. Страница должна была провести человека через логику преображения вещи.
Что я решил оставить
Хороший редизайн не обязан торжественно уничтожить всё, что было до него. Я оставил название и знак MixTrends. Сохранил светлую тёплую основу и коралловый эмоциональный акцент, хотя собрал из них уже другую визуальную систему.
Главное, я оставил исходную мысль о второй жизни вещей. В старой версии она находилась в поясняющем тексте. В новой стала манифестом, визуальным мотивом и основой последовательности.
Остался и разговор с человеком как следующий шаг. Только общая «бесплатная консультация» превратилась в более предметные действия: посмотреть преображения, обсудить вещь, понять процесс. Отзывы, вопросы и контакты тоже никуда не исчезли. Они просто перестали изображать всю структуру сайта и заняли своё место после объяснения услуги.
Что сохранилось: бренд, тёплая интонация, идея второй жизни одежды и консультационный формат. Поменялась не личность проекта, а порядок, в котором она раскрывается.
Что изменил и почему
На первом экране теперь прямо написано: «Апсайклинг одежды · Москва». Заголовок тоже сменил точку зрения. Вместо проблемы «Снова нечего надеть?» появилась ценность: «Вещи, которые хочется носить снова». Проект больше не обещает абстрактно обновить стиль. Он предлагает заново увидеть уже важную человеку вещь.
Фотография перестала быть просто красивым лицом рядом с текстом. В композиции появились одежда, стилист, примерка и новый образ. Изображение теперь объясняет тот же процесс, что и слова.
Страница стала последовательностью, а не меню разделов
После первого экрана идёт манифест о ценности вещи, затем персональная работа со стилистом, интерактивные сравнения «до / после», предложение, процесс, отзыв, ответы на вопросы и контакты. У каждого блока одна работа. Если блок нельзя объяснить без слова «ну, тут ещё красиво», вероятно, ему пока рано на страницу.
Доказательство появилось раньше продажи
Интерактивные сравнения показывают, как меняются силуэт, функция и характер вещи. Это концептуальные изображения, а не выданные за реальность клиентские работы, и на странице это подписано. Но как интерфейсное решение блок делает механику услуги видимой: посетитель сам двигает границу и сравнивает результат.
Следующий шаг стал предметным
«Обсудить вещь» и «Обсудить преображение» точнее общей консультации. Человеку не нужно заранее знать профессиональный термин или составлять техническое задание. Достаточно начать с вещи, которую он хочет вернуть в гардероб.
Что изменилось: апсайклинг стал одновременно заголовком, визуальным сюжетом, доказательством, процессом и формулировкой следующего шага.
Общая проблема гардероба, салонная фотография и консультация. Апсайклинг раскрывается только в поясняющем абзаце.
Тип услуги, вещи, процесс, результат и предметное действие считываются как части одной истории.
Было / Стало
На сравнении хорошо видно, что редизайн не сводится к более модной типографике. Изменился ответ на вопрос «что человек должен понять первым». Раньше первым был общий дискомфорт: нечего надеть. Теперь первым стало конкретное решение: любимую вещь можно пересобрать под сегодняшний стиль.
Можно спорить, какая версия визуально приятнее. Вкус для этого и существует. Но структурное отличие проверяется без вкусовщины: во второй версии смысл услуги присутствует в заголовке, изображениях, порядке блоков и следующем действии.
Главное в сравнении: «Стало» раньше объясняет предмет услуги и последовательно подтверждает обещание, а изменение внешнего вида поддерживает эту работу.
Что теперь стало проще для посетителя и владельца
Здесь особенно легко увлечься и написать, что новая версия «повысила доверие» и «увеличила вовлечённость». Я не знаю, повысила ли. Новая версия ещё не запущена, а для вывода об эффекте нужны данные и наблюдение за реальными людьми. Пока можно точно назвать, какие действия новая структура поддерживает лучше.
Быстрее собрать картину
- понять тип услуги с первого экрана;
- увидеть, что именно может измениться;
- разобраться в роли стилиста и процессе;
- начать разговор с конкретной вещи.
Проще объяснять ценность
- говорить об одном ясном позиционировании;
- добавлять новые преображения в готовую логику;
- не пересказывать услугу только в переписке;
- получать более предметный первый вопрос.
Последний пункт в каждой колонке пока остаётся ожидаемым эффектом интерфейса, а не измеренным результатом бизнеса. Проверять его будем по первым вопросам в обращениях, прохождению блоков и качеству заявок.
Честный результат: путь и аргументация стали яснее по самой структуре. Поведение посетителей и коммерческий эффект можно будет оценивать только после запуска.
Редизайн доказан не процентом, а логикой решений
В MixTrends не требовалось придумывать новую компанию. Нужно было достать сильную идею из поясняющего абзаца и провести через весь сайт: первый экран, визуальный язык, примеры, процесс и обращение.
Поэтому мой вывод простой. Пересобирать сайт имеет смысл, когда новая структура способна раньше ответить на вопрос посетителя и убрать лишнюю работу владельца. Если меняются только фотографии и оттенки, это может быть хорошим визуальным обновлением. Но не нужно называть его новой логикой бизнеса.
И нет, я не знаю, вырастет ли конверсия на 347%. Зато знаю, что теперь человек видит апсайклинг до того, как успевает забыть, зачем открыл сайт. Для дизайн-разбора это уже проверяемый результат. Для коммерческого отчёта нужны уже не макеты, а реальные данные.
Итог: хороший кейс показывает не только красивое «Стало», а цепочку решений, сохранённые ограничения и границу между видимым улучшением и неподтверждённым обещанием.
Почему я считаю такой формат важным: официальная инструкция Google Search Central рекомендует создавать уникальный, полезный материал с собственной точкой зрения и опытом, а не пересказывать то, что уже есть в интернете. Google отдельно уточняет, что это не требует специального текста «для AI» и не гарантирует показ в поиске. Источник: Optimizing your website for generative AI features on Google Search, обновлено 10 июля 2026 года.
Частые вопросы о редизайне MixTrends
Почему нельзя было просто заменить фотографию?
Потому что проблема находилась не в одном изображении. Первый экран, последовательность блоков и действие после знакомства не показывали апсайклинг как центральную работу сервиса.
Что в кейсе является подтверждённым результатом?
Можно сравнить старую и новую структуру, интерфейс и видимость услуги. Коммерческий эффект пока не заявляется: для него нужны внедрение и данные после запуска.
Почему часть старого решения сохранена?
Название, фирменный знак и идея второй жизни уже поддерживали бренд. Пересборка должна исправлять доказанный разрыв, а не изображать новое начало ради портфолио.
Как понять, что в старом дизайне нужно сохранить?
Сохранить стоит то, что уже передаёт характер проекта, помогает узнать его и подтверждается реальным содержанием, а не только привычкой команды.
Чем полезен разбор до и после без цифр конверсии?
Он не доказывает коммерческий эффект, но позволяет проверить причинность решений: какая проблема была, что изменили и почему новый вариант объясняет предложение яснее.
Что можно проверить самостоятельно
В этом разборе главным источником являются видимые версии проекта и явно названные границы, а не внешняя статистика, которой у кейса нет.
- Демонстрационная версия MixTrendsТекущий интерфейс, структура и визуальный акцент на апсайклинге.Открыть проект ↗
- Когда сайт пора пересобиратьУниверсальные критерии, которые отделяют структурную проблему от желания освежить оформление.Прочитать разбор ↗
- Дизайн-система есть, а сайт всё равно выглядит как шаблон: что пошло не так?Почему готовые компоненты и аккуратная сетка ещё не дают странице характер: как проверить иерархию, доказательства, ритм и следующий шаг без хаотичного редизайна.Прочитать разбор ↗
