Кейс

Настоящая фотография и ни одного поля ввода, до сих пор.

Fartuck

Полная пересборка сайта московской студии дизайна интерьера: одностраничный сайт на Tilda, где пять кнопок «Заказать» вели в никуда, уступил место структурированному, многостраничному сайту, построенному вокруг шести реальных проектов.

Сайт студии дизайна интерьера

Контекст

Fartuck, студия дизайна интерьера в Москве, основанная в 2012 году Марией Граб и Полиной Смеловой, которые познакомились в Московском Художественно-Промышленном институте и основали студию в год выпуска. За более чем десятилетие пара собрала настоящее портфолио из шести проектов: частные квартиры и большое коммерческое пространство, с ценами, опубликованными по четырём тарифам, от одного планировочного решения до полного авторского надзора.

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

Проблема

Полный технический аудит fartuck.com, построенного на Tilda, не выявил ни одной формы и ни одного поля ввода нигде на сайте, включая пять отдельных кнопок «Заказать проект», разбросанных по главной странице. Каждая из них была обычной ссылкой на якорь «#contacts» внизу той же страницы, не форма, не ссылка на телефон, не ссылка на email. У посетителя, готового начать проект, не было реального способа сделать это прямо с сайта.

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

Стратегия

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

Дальше главной странице нужно было делать меньше всего сразу: заявить, чем занимается Fartuck и для кого, а затем быстро передавать посетителя на отдельные направления для проектов, услуг и студии, каждое из которых способно существовать самостоятельно и находиться напрямую через поиск. Шесть реальных проектов перешли от безымянной сетки миниатюр к индивидуально подписанным карточкам, поскольку клиент, оценивающий проект такого масштаба, заслуживает локацию, площадь и историю за каждым из них, а не просто фото.

Вайрфреймы

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

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

Брендинг

Визуальная идентичность смещается к более тёплому, редакторскому регистру по сравнению с прежним шаблоном Tilda: уверенный serif для заголовков, щедрое пустое пространство и приглушённый, почти бумажный фон, который позволяет собственной интерьерной фотографии студии нести визуальный вес, а не соперничать с ним.

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

Разработка

Сайт был полностью пересобран вне Tilda, что убрало ограничения шаблона платформы и дало Fartuck отдельные, индексируемые страницы для проектов, услуг и истории студии вместо одной длинной прокрутки по якорям.

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

Результаты

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

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

Вопросы

Все пять кнопок «Заказать проект» на главной странице вели на один и тот же якорь внизу страницы, а не на форму, номер телефона или email. Реального способа начать проект прямо с сайта не было.

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

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

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