Когда мне поручили разработать сайт для Бюро инвестиционного дизайна (invstburo99.ru), задача была ясна и многослойна: сделать понятный, продающий и профессиональный ресурс для аудитории — инвесторов, девелоперов и собственников жилья в Санкт-Петербурге — который бы подробно рассказывал о услугах по инвестиционному дизайну, комплектации и реконструкции, демонстрировал портфолио и давал инструменты быстрого контакта. Я брала в расчёт, что посетитель приходит с одной из двух целей: быстро оценить стоимость/услугу или связаться для обсуждения проекта.
Первый этап — аналитика и структура. Я прошлась по всем разделам, которые нужны такому бизнесу: «О нас», «Портфолио», «Услуги», «Галерея», «Контакты». Определила, какие блоки должны быть видны сразу на главной: короткое позиционирование («Инвестиционный дизайн и хоумстейджинг из Санкт-Петербурга»), перечень ключевых услуг с прайс-ориентирами и ссылки на портфолио. Эти элементы уже присутствовали на сайте, и я использовала их как основу для структуры.
Затем — визуальная подача и блоки услуг. Важным решением было сделать цены и пакеты услуг читаемыми: на сайте указываются прайсы-ориентиры (от 250 000 р. для white-box, от 100 000 р. для комплектации, от 400 000 р. для реконструкции старого фонда). Я оформила карточки услуг так, чтобы посетитель сразу видел, что включено в пакет (эскиз, смета, подбор бригад, контроль работ, финальный стейджинг, съёмка) — это сокращает количество повторных вопросов по телефону.
Технический выбор. Сайт был сделан на конструкторе , поэтому я проектировала макеты и верстку, : секции-модули, адаптивные гриды и простота редактирования для клиента. Вёрстка делалась mobile-first — многие клиенты сначала заходят с телефона, а контакт через WhatsApp и телефон у сайта явно приоритетны (видны в шапке/футере). Я подключила видимые CTA: телефон, WhatsApp, Instagram и ссылку на Flatica.
При адаптации уделила внимание галерее и портфолио: такие проекты продаются визуалом, поэтому я обеспечила быстрый переход к кейсам «Проекты с бетона», «Проекты с ремонтом от застройщика», «Полная реконструкция старого фонда» и отдельные подробные страницы по каждому объекту. Это помогает потенциальному инвестору оценить компетенции и уровень реализации.
Также учла юридические и UX-детали: добавила ссылки на «Политику конфиденциальности», отметку о cookie и видимый контактный номер +7 (951) 640-33-88. На сайте есть предупреждение/заметка про блоки соцсетей (примечание про Meta/Instagram в текущем правовом поле), поэтому кнопки социальных сетей оформлены с учётом требований и альтернатив (Flatica, Pinterest).
Наконец — финальное тестирование и передача: проверила корректность ссылок, форм связи и отображение кроссбраузерно; подготовила инструкцию для клиента по обновлению портфолио и прайсов в Tilda. В первые дни после запуска контролировала, как проходят конверсии с WhatsApp и звонков, и при необходимости быстро правлю CTA-позиционирование.
Ключевые решения и почему я их приняла
Чёткая структура «услуга → что в неё входит → прайс → кейс» — чтобы сократить контакт-путь клиента от интереса к заявке.
Mobile-first и WhatsApp/телефон в шапке — у целевой аудитории важна быстрая коммуникация.
Позиционирование на инвестиционный сегмент (акцент на экономии бюджета и возврате инвестиций) — тексты и рейндж цен на сайте это подчёркивают.
Использование Tilda — ускоряет внесение правок клиентом, но требует аккуратного проектирования стандартных модулей.
Галерея/портфолио как основной продающий инструмент — визуальные кейсы показывают компетенции лучше, чем длинный текст.
Конечно, есть детали, которые нужно было бы добавить на страницы, такие как кнопки, блоки и формы, но клиент пришел с четким ТЗ о том, что ему нужно. А желание клиента, как мы знаем,-закон))).