Сайт: https://studioletopis.ru/
Калькулятор: https://studioletopis.ru/calc/opt
Ниша: печать фотопродукции, фотокниги, фотопродукция из разных материалов
Платформа: Tilda + Zero Blocks с кодом
Калькулятор: https://studioletopis.ru/calc/opt
Ниша: печать фотопродукции, фотокниги, фотопродукция из разных материалов
Платформа: Tilda + Zero Blocks с кодом
Введение
Когда клиент пришёл к нам, задача звучала довольно нестандартно. Не просто “сделайте сайт”, а сразу с конкретной механикой: нужен онлайн-калькулятор, чтобы фотографы и физлица могли сами считать стоимость готовой продукции из разных материалов.
И уже параллельно с этим — сделать полноценный сайт-витрину с каталогом продукции и возможностью оформить заказ.
То есть это было не про “давайте обновим внешний вид”. Это была задача про создание нормального продукта, в котором у клиента есть и каталог, и расчёт цены, и оформление заказа, и приличный дизайн, который соответствует уровню самой продукции.
Что было до этого
До нашей работы у клиента уже был сайт, но он жил на платформе, которая больше подходит для портфолио фотографов. И в этом была главная проблема.
Такие платформы хороши, когда задача — показать снимки. Но когда нужно строить полноценную витрину, добавлять разделы товаров, делать калькулятор, гибко работать с дизайном и подключать функционал под заказы, начинаются ограничения.
Что не устраивало в текущей версии:
- сильные ограничения по дизайну;
- ограничения по функционалу;
- сложно сделать каталог нормальной структуры;
- невозможно сделать полноценный калькулятор;
- сайт не подходил под бизнес-логику студии.
Студия печати — это не просто галерея работ. Это бизнес, где есть товары, материалы, форматы, услуги печати и расчёт стоимости. И сайт должен это всё закрывать.
Поэтому первое, что мы сделали, — пересмотрели саму платформу.
Почему выбрали Tilda
Платформу для нового сайта выбрали Tilda. И это был осознанный выбор под конкретную задачу.
Tilda хорошо подходит, когда нужно совместить две вещи: сильный дизайн и гибкий функционал. На Zero Blocks через код можно делать как раз такие калькуляторы, какие нужны были клиенту. А дальше на этой же платформе можно собрать сайт под витрину, каталог, заказы и общий стиль студии.
Что нам было важно в платформе:
- возможность собрать кастомный калькулятор;
- работа с Zero Blocks и кодом;
- свобода в дизайне;
- возможность сделать витрину с каталогом;
- удобство для клиента после сдачи проекта;
- скорость внесения изменений.
Последний пункт оказался очень важным уже на финальных этапах. К нему ещё вернёмся.
Главная задача: онлайн-калькулятор для фотографов и физлиц
Калькулятор был сердцем проекта. Не просто дополнительной функцией, а отдельным инструментом, который должен сам по себе работать как точка входа.
Студия делает фотопродукцию из разных материалов. У клиента есть форматы, типы изделий, варианты обложек, виды бумаги, дополнительные опции и многое другое. И всё это влияет на конечную стоимость.
Раньше человеку нужно было либо писать в студию, либо запрашивать прайс, либо пытаться разобраться самому. Это работает, но теряется удобство для клиента.
Калькулятор решает эту задачу напрямую: фотограф или физлицо заходит на сайт, выбирает параметры, и система сразу показывает цену.
Что важно в таком калькуляторе:
- поддержка разных типов продукции;
- возможность выбрать материал;
- учёт формата и опций;
- понятная пошаговая логика;
- корректный расчёт стоимости;
- удобный интерфейс;
- возможность оформить заказ после расчёта.
Готовый калькулятор можно посмотреть здесь: https://studioletopis.ru/calc/opt
Реализовали его на Tilda через Zero Blocks с кодом. Это как раз тот случай, когда стандартного функционала платформы недостаточно, и нужна более глубокая работа.
Подробное ТЗ: без него такой проект не собрать
У клиента было несколько разделов товаров, услуги печати, каталоги материалов и куча нюансов по продукции. В таких проектах нельзя начинать делать сайт “на ощупь”. Слишком много переменных.
Поэтому первым шагом мы сделали подробное ТЗ.
Что туда входило:
- структура сайта;
- логика разделов;
- состав каталога;
- особенности услуг печати;
- описание материалов;
- логика калькулятора;
- сценарии расчёта;
- формат оформления заказа;
- общее визуальное направление;
- объём работ и этапы.
ТЗ согласовали, чтобы не было ситуации, когда уже сделали половину сайта, а потом оказалось, что часть разделов нужно переделать. В проектах с калькуляторами это особенно важно. Каждое изменение в логике расчёта может тянуть за собой переделку нескольких блоков.
После согласования ТЗ мы перешли к производству.
Сборка сайта в установленные сроки
Дальше пошла основная работа. Мы собирали сайт по утверждённому ТЗ, не отходя от структуры и не растягивая сроки.
Что сделали в процессе:
- разработали структуру разделов;
- сделали витрину с каталогом продукции;
- проработали страницы материалов;
- собрали страницы услуг печати;
- настроили возможность оформить заказ;
- сделали стиль, который соответствует уровню продукции студии;
- интегрировали калькулятор в логику сайта;
- адаптировали всё под удобный пользовательский путь.
Дизайн — отдельная тема. Студия Летопись делает продукцию, у которой высокий визуальный уровень. Фотокниги, фотопродукция из разных материалов — это вещи, которые сами по себе выглядят дорого и аккуратно. И сайт должен соответствовать этому уровню.
Поэтому мы делали ставку не на “стандартный шаблон”, а на дизайн, который ощущается как часть продукта студии. Чисто, аккуратно, без визуального шума, с акцентом на саму продукцию.
Реакция клиента: понравилось, но захотелось докручивать самому
Когда сайт был готов, клиенту он понравился. Но дальше произошёл очень показательный момент, который часто бывает в проектах на Tilda.
Клиент начал сам докручивать некоторые моменты по дизайну.
И это не недостаток, а скорее особенность платформы. Tilda устроена так, что после сдачи проекта клиент может сам менять блоки, текст, иногда даже структуру. И когда сайт сделан нормально, у клиента появляется желание его развивать дальше своими руками.
В этом и есть один из больших плюсов Tilda. Клиент не оказывается в ловушке, где любая мелкая правка требует подрядчика. Он может сам поправить заголовок, обновить картинку, попробовать другой вариант блока.
Для бизнеса это удобно. Сайт перестаёт быть “чем-то, что сделали и заморозили”, и становится живой системой, которую можно развивать.
Дополнительно: ещё две версии калькулятора
После запуска основного калькулятора клиент пришёл с дополнительной задачей.
Оказалось, что одной версии недостаточно. У студии есть разные сегменты клиентов: фотографы и физлица — это не одно и то же. У них разные потребности, разные сценарии выбора и разные параметры расчёта.
Поэтому мы сделали ещё две версии калькулятора под разные сегменты.
Это важная деталь. Один универсальный калькулятор всегда проще сделать, но он не всегда подходит для разных аудиторий. Когда у студии есть оптовое направление и розница, есть фотографы со своими задачами и физлица со своими, лучше дать каждому сегменту свой инструмент.
Так и сделали. Сейчас у студии работает несколько калькуляторов, и каждый закрывает свой сценарий.
Что получилось в итоге
В итоге у студии Летопись появился полноценный сайт, который решает сразу несколько задач:
- работает как витрина с каталогом продукции;
- показывает услуги печати;
- содержит информацию по материалам;
- даёт онлайн-расчёт стоимости через калькулятор;
- поддерживает несколько калькуляторов под разные сегменты;
- позволяет оформить заказ;
- выглядит современно и соответствует уровню продукции;
- удобно поддерживается клиентом.
Готовый результат можно посмотреть по ссылке: https://studioletopis.ru/
Что особенно важно в этом проекте
Этот кейс — хороший пример того, как сайт перестаёт быть просто витриной и становится частью продукта.
Калькулятор — не дополнительный модуль, а отдельный инструмент, который снимает с клиентов студии часть вопросов и сразу помогает им принимать решение.
Сайт — не страница с галереей, а полноценная среда: каталог, материалы, услуги, расчёт стоимости и заказ.
Что важно отметить в подходе:
- мы не стали натягивать функционал на старую платформу;
- выбрали Tilda под конкретные задачи;
- использовали Zero Blocks и код для калькулятора;
- сделали подробное ТЗ до начала разработки;
- собрали витрину под уровень продукции студии;
- дополнительно сделали две версии калькулятора под разные сегменты;
- оставили клиенту возможность самому развивать сайт.
Главный вывод
Когда у бизнеса есть продукт, у которого много вариантов, материалов и форматов, обычной витрины недостаточно. Нужен инструмент, который помогает клиенту самому разобраться и сразу понять стоимость.
Студия Летопись — как раз такой случай. У клиента есть несколько направлений, разная продукция, разные материалы и разные сегменты аудитории.
Мы сделали сайт, который закрывает все эти задачи: онлайн-калькулятор для фотографов и физлиц, витрина с каталогом, страницы материалов и услуг, возможность оформить заказ и аккуратный дизайн под уровень самой продукции.
А потом ещё доработали две дополнительные версии калькулятора, чтобы у разных сегментов был свой удобный инструмент.
Сайт можно посмотреть тут: https://studioletopis.ru/
Калькулятор: https://studioletopis.ru/calc/opt
В этом кейсе используется услуга "Разработка сайтов". Если вам нужно создать лучший сайт - свяжитесь с нами!
