Top.Mail.Ru

История о том, как я упаковываю хаос в систему —
на примере дизайнера интерьеров Надежды Поспеловой

Изображение
8
лет

Изображение
15
разделов

Изображение
1
невероятно творческий человек

8 лет вместе:
как я строю цифровую упаковку для дизайнера интерьеров

Не один сайт. Целая система — от логотипа до CRM.


Web Design · Branding · CRM · Long-term Partnership · Storytelling
8 лет вместе: как я строю цифровую упаковку для дизайнера интерьеров

ГЛАВА 1. Клиент, которого нельзя было показать

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

Не потому что нечем гордиться — а потому что её заказчики были людьми, которые очень не любят, когда фотографии их квартир гуляют по интернету.
Один проект на всё портфолио. Представьте: сделать сайт дизайнеру интерьеров, у которого по сути нет интерьеров, которые можно показать.

Это был не бриф. Это был квест.
  • Тот самый единственный проект, с которого все и началось
  • Как же я кайфовала от этой эстетики! И с какой любовью раскладывала все снимки!
  • Подумать только, сколько за этим всем кропотливой работы!

    ГЛАВА 2. Творческий человек — это не всегда про творческий бардак

    Надежда — невероятно многогранный человек. У неё десять идей в минуту, и все — интересные.

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

    Моя работа всегда начиналась с одного вопроса самой себе: «так, а что из этого на самом деле важно?»

      ГЛАВА 3. История про 15 разделов

      Однажды Надежда пришла ко мне с идеей: у неё появилось столько направлений — несколько в недвижимости для жизни, несколько крайне разных в бизнесе и спецпроекты, консалтинг, вебинары, мебель, — что нужно сделать 15 разделов на сайте. Каждому направлению — своё место.

      Я сказала: «Окей, дай мне подумать».

      А про себя подумала: если мы сделаем 15 разделов, ни один посетитель сайта не досмотрит меню до конца.

      У человека, который просто хотел найти дизайнера для ремонта квартиры, случится лёгкий расфокус, а за ним — тихий уход на другую вкладку браузера.
      Так что вместо 15 разделов я предложила 6 смысловых направлений.

      Не урезать Надежду, а собрать её же идеи в систему, где каждая находит своё место — и при этом человек не теряется в навигации.

      Так родилась текущая структура каталога сайта: «Для жизни», «Для бизнеса», «Спецпроекты», «Экспертиза и консалтинг», «Авторские разработки», «СМИ и награды».

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

      ГЛАВА 4. Не сайт. Система.

      За 8 лет я сделала для Надежды не один сайт — я выстроила ей всю цифровую инфраструктуру:

      — Первый сайт, когда портфолио умещалось в один проект
      — Логотип и фирменный стиль — тот самый росчерк «P», который сейчас узнаваем
      — Текущий сайт, о котором этот кейс
      — CRM-систему, чтобы заявки не терялись в вотсапе и не жили в голове
      — Интеграции: Telegram, WhatsApp, Яндекс.Метрика, формы заявок, карта офиса
      Каждый следующий этап — это не «клиент попросил, я сделала». Это скорее: клиент рассказал про бизнес, а я уже примерно понимаю, как его упаковать.

      Мне не нужно десять брифов и три созвона, чтобы уловить суть — обычно хватает одного разговора.

      Просто я слышу верную ноту с первого раза, и не приходится настраивать её заново.

      ГЛАВА 5. Сам сайт — как это выглядит

      Дальше — раскадровка сайта npospelova.art в том порядке, в котором его видит посетитель: от хиро-блока до формы заявки.

      Хиро-секция

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

      Хиро-секцияПервый экран — логотип поверх фотографии готового интерьера. Здесь ничего не нужно доказывать словами: тишина, свет и одна деталь говорят о

      Оффер и позиционирование

      «Ремонт — это целый проект, которым кто-то должен управлять»
      с этой фразы начинается разговор с клиентом. Хороший сайт для эксперта всегда начинается с честного называния боли, а не с перечисления услуг и, превращает Надежду в решение этой боли.

      Оффер и позиционирование«Ремонт — это целый проект, которым кто-то должен управлять» — с этой фразы начинается разговор с клиентом. Хороший сайт для э

      Материалы, детали, процесс

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

      Материалы, детали, процессКрупный кадр с образцами камня — пауза перед следующей мыслью. Здесь чувствуется то самое: погружение в детали, из которого

      Зона ответственности генподрядчика

      Разработает, построит, обеспечит, решит — четыре глагола, которые снимают главный страх клиента: «а вдруг всё развалится на середине ремонта». Я работаю с сайтами точно так же — довожу мысль до конца, а не бросаю на полуслове.

      Зона ответственности генподрядчикаРазработает, построит, обеспечит, решит — четыре глагола, которые снимают главный страх клиента: «а вдруг всё развал

      Философия и навигация — те самые 6 направлений

      Тот самый узел, который вырос из истории про 15 разделов. Карточная сетка — здесь хаос идей нашёл форму, в которой каждая мысль дышит на своём месте, а не толпится в общей куче.

      Философия и навигация — те самые 6 направленийТот самый узел, который вырос из истории про 15 разделов. Карточная сетка — здесь хаос идей нашёл форму,

      О дизайнере

      Чёрно-белый портрет — намеренный контраст с цветными интерьерами по всему сайту. Личный тон здесь не случаен: когда работаешь с человеком не первый год, начинаешь слышать его настоящий голос — и просто переносишь его в текст.

      О дизайнереЧёрно-белый портрет — намеренный контраст с цветными интерьерами по всему сайту. Личный тон здесь не случаен: когда работаешь с человеком н

      Доверие

      Полноэкранный блок с текстом поверх фото. Смена ритма после плотного информационного блока.

      ДовериеПолноэкранный блок с текстом поверх фото. Смена ритма после плотного информационного блока.

      Цитата Надежды

      Минималистичная цитата-пауза перед отзывами. Такие детали превращают набор экранов в цельную историю — ровно ту, что и должна звучать за сайтом.

      Цитата НадеждыМинималистичная цитата-пауза перед отзывами. Такие детали превращают набор экранов в цельную историю — ровно ту, что и должна звучать за

      Отзывы клиентов

      Слайдер с реальными словами людей, которые доверили Надежде свои дома — то самое доверие, о котором шла речь в предыдущем блоке.

      Отзывы клиентовСлайдер с реальными словами людей, которые доверили Надежде свои дома — то самое доверие, о котором шла речь в предыдущем блоке.

      Блог и вдохновение

      Три карточки со статьями — тихое приглашение остаться подольше. Похожий приём хорошо работает в любой нише, где ценность держится на смыслах, а не на скидках.

      Блог и вдохновениеТри карточки со статьями — тихое приглашение остаться подольше. Похожий приём хорошо работает в любой нише, где ценность держится на

      FAQ

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

      FAQСнимаем типовые возражения про сроки, стоимость и гарантии прямо на лендинге — чтобы человеку не пришлось звонить только ради ответа, который мог б

      Форма заявки

      «
      Каким будет ваш новый дом?» — три поля, минимум трения, максимум конверсии.

      Форма заявки«Каким будет ваш новый дом?» — три поля, минимум трения, максимум конверсии.

      Контактная карточка

      Ещё одна точка входа для тех, кто предпочитает звонок, а не форму или написать на красивый адрес корпоративной почты.

      Контактная карточкаЕщё одна точка входа для тех, кто предпочитает звонок, а не форму или написать на красивый адрес корпоративной почты.

      Карта офиса

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

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

      Футер

      Полная карта сайта, соцсети, реквизиты — и подпись веб-студии внизу.
      Хороший сайт заканчивается так же чисто, как начинается: ничего не потеряно, всё на своих местах.

      ФутерПолная карта сайта, соцсети, реквизиты — и подпись веб-студии внизу.Хороший сайт заканчивается так же чисто, как начинается: ничего не потеряно,

      ГЛАВА 6. Что в итоге

      Восемь лет назад у Надежды был один проект и куча идей без структуры. Сегодня — сайт с чёткой системой направлений, узнаваемый бренд и CRM, где ничего не теряется.

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

      Технические детали

      Платформа
      Tilda, кастомная доработка блоков
      Полная адаптивность
      desktop / tablet / mobile
      Интеграции
      Telegram, WhatsApp, Яндекс.Метрика, Яндекс.Карты, формы заявок, CRM
      Сопровождение
      8 лет непрерывной поддержки и развития — от первого сайта до текущей версии