Варианты реализации сайта «Листья да Зёрна»
Задача
Обновить и запустить новый сайт для бренда «Листья да Зерна» — с учётом последних изменений в фирменном стиле, расширенного ассортимента и задач интернет-продаж.
Принцип расчёта
Базовый расчёт индивидуального блока — 3 000 ₽ за один уникальный блок.

Блок — это отдельная смысловая секция сайта: первый экран, каталог, преимущества, доставка, контакты, форма заявки и т. д.

Если сайт собирается на стандартных блоках Tilda, стоимость ниже, так как не требуется индивидуальная разработка каждого блока с нуля.

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

Ориентир — от 1 000 ₽ за задачу или по фактическому времени работы.
Варианты реализации сайта
Ниже — несколько возможных форматов работы: от быстрого переноса текущей структуры до полноценного интернет-магазина.

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

    Что входит:
    • перенос текущей информации и разделов;
    • сборка на стандартных блоках;
    • базовая адаптация под обновленный фирменный стиль;
    • добавление каталога товаров;
    • базовая настройка корзины/заявки;
    • настройка основных ссылок, контактов и кнопок;
    • базовые SEO-настройки;
    • технические настройки: домен, SSL-сертификат, формы заявки;
    • технические страницы: 404, политика конфиденциальности на основе предоставленного текста или типового шаблона;
    • мобильная адаптация.
    В этом варианте структура сохраняется максимально близко к текущей. Если делать по текущему принципу, то у каждого раздела будет своя отдельная страница. Это самый быстрый и базовый вариант, без глубокой переработки подачи информации.

    Формат: до 10 простых блоков/секций, с отдельными страницами под разделы.

    Стоимость: 20 000 ₽
    (из расчета 10 000 ₽ перенос дизайна + 10 000 ₽ настройка каталога)
  • Сайт на стандартных блоках Tilda
    На мой взгляд, это оптимальный промежуточный вариант: не просто перенести сайт «как есть», а аккуратно собрать информацию в более понятный и современный формат.

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

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

    Формат: до 10 блоков/секций на стандартных решениях Tilda.
    Основная информация — на одной странице, каталог — отдельным разделом.

    Стоимость: 30 000 ₽

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

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

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

    Формат: до 10 индивидуальных блоков/секций + каталог.

    Стоимость: от 50 000 ₽

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

    Это вариант для проекта, где важно не только красиво оформить сайт, но и продумать, как пользователь будет двигаться по нему: от первого знакомства с брендом до выбора товара и оформления заказа.

    В этот вариант входят все базовые настройки сайта, а также расширенная работа со структурой, дизайном, каталогом и сценариями покупки:
    • анализ структуры и задач сайта;
    • составление карты сайта;
    • текстовый прототип страниц;
    • помощь с логикой подачи информации и текстами для разделов;
    • подбор визуальных референсов / мудборд;
    • индивидуальный дизайн главной страницы;
    • индивидуальный дизайн внутренних страниц;
    • отдельные страницы под ключевые разделы: о компании, доставка, оплата, контакты, каталог и другие при необходимости;
    • полноценная структура каталога с категориями;
    • оформление карточек товаров в общем стиле сайта;
    • настройка корзины и оформления заказа;
    • подключение онлайн-оплаты при необходимости — после выбора подходящего платёжного сервиса;
    • настройка базовых уведомлений о заказах в рамках возможностей Tilda и доступных сервисов;
    • добавление промокодов — до 10 штук при необходимости;
    • возможность настроить сбор контактов, всплывающие формы, рассылки или отправку промокодов — сценарий и способ подключения обсуждаются индивидуально;
    • базовые SEO-настройки;
    • технические настройки: подключение домена, SSL-сертификата, форм заявки;
    • технические страницы: 404, политика конфиденциальности;
    • адаптация под мобильные устройства.
    Главное отличие этого варианта — в глубине проработки.

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

    Такой формат подходит, если сайт должен работать не только как витрина, но и как полноценный инструмент продаж.

    Формат: многостраничный интернет-магазин с индивидуальным дизайном главной и внутренних страниц от 12 блоков суммарно.

    Стоимость: от 100 000 ₽
Что можно добавить при необходимости
В зависимости от выбранного формата сайта и задач проекта можно добавить дополнительные функции или расширить базовую структуру.

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

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

К таким функциям могут относиться: онлайн-оплата, уведомления о заказах, рассылки, CRM, интеграции со службами доставки, системы лояльности и другие дополнительные возможности.

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

Стоимость разработки сайта не включает:

  • оплату тарифа Tilda;
  • покупку и продление домена;
  • оплату сторонних сервисов;
  • комиссии платёжных систем;
  • тарифы сервисов рассылок, CRM, SMS-уведомлений, систем лояльности и других интеграций;
  • написание индивидуальных юридических документов, если они требуются.
Перед подключением дополнительных функций я проверяю, возможно ли реализовать нужный сценарий на Tilda и какой способ подключения будет оптимальным. Согласовываю с вами.

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

Если у вас уже есть сервис для рассылок или CRM, можно будет рассмотреть подключение сайта к существующей системе.

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

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

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

Для наглядности можно ознакомиться с примерами сайтов, созданных на платформе Tilda.

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

Раздел интернет-магазинов:
https://tilda.cc/ru/madeontilda/#c=store

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

Рекомендую отдельно протестировать каталоги: как работают фильтры и добавление товаров в корзину, а также посмотреть, как оформлены карточки. Это особенно важно, так как для товарного бизнеса сайт в первую очередь выполняет функцию продажи.
  • KHOSHI
    https://khoshi.ru/

    Крупные качественные фото — это всегда плюс. Мне понравилось, как сделан каталог товаров. В целом сайт предает натуральность, экологичность и качество бренда.

    Каталог https://khoshi.ru/catalog
  • ЛЕНКАРТОФЕЛЬ
    https://lenkartofel.eco/

    Интернет-магазин продуктов. Дизайн напоминает ВкусВилл, ориентирован на широкую аудиторию. Сайт простой, но при этом дружелюбный и удобный для покупателя.

    Каталог: https://lenkartofel.eco/frukty
  • SUNNAMED
    https://sunnamed.ru/

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

    Каталог: https://sunnamed.ru/catalogy
  • WALNUT
    https://ru.walnut.lv/

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

    При этом в такой же стилистике отрисованы и значки соцсетей.
  • AMIVERT
    https://amivert.tilda.ws/

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

    Каталог: https://amivert.tilda.ws/catalog
  • WELOVEWOOD
    https://welovewood.store/

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

    Каталог: https://welovewood.store/gift-boxes
  • WHITELEAF
    https://whitetea.tilda.ws/

    Лендинг, продающий белый чай из Китая. Очень приятный светлый сайт.
ГОТОВЫЕ РЕШЕНИЯ ДЛЯ ИНТЕРНЕТ-МАГАЗИНОВ
(ШАБЛОННЫЕ САЙТЫ)
Ещё вы можете посмотреть сайты под вашу тематику здесь:
https://design.megagroup.ru/design/chai_kofe_kakao

И интернет-магазины здесь:
https://design.megagroup.ru/solution/shop/prodovolstvennye_tovary

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

Такой вариант тоже можно рассматривать, если задача — быстрее запустить магазин на основе готового шаблона.
Отмечу, что данные сайты приведены в качестве примеров готовых решений — они не являются моими работами и выполнены не на платформе Tilda. Я занимаюсь индивидуальной разработкой сайтов и работаю именно на Tilda, где дизайн и структура сайта создаются под задачи и стиль конкретного бренда.
РЕФЕРЕНСЫ ИЗ ПИНТЕРЕСТ
Если не ограничиваться примерами с конкретной платформы, сайт можно сделать в подобной стилистике: минималистично и свежо. Светлый фон, крупные качественные фотографии и цветовые акценты в фирменной палитре — приглушенный желтый или оранжевый, оттенки зеленого и глубокого коричневого. При этом большинство таких решений можно реализовать и на выбранной платформе.
Для более точного попадания в желаемый результат потребуется подробный брифинг и проработка концепции: нужно определить итоговый стиль сайта, учитывать возможное изменение логотипа, элементы фирменного стиля и другие визуальные компоненты бренда.
Дополнительная информация
Стоимость размещения сайта
Оплата хостинга и публикации сайта производится напрямую через платформу
Tilda.

Стоимость размещения сайта:
— 750 ₽ в месяц
или
— 500 ₽ в месяц при оплате за год (6000 ₽)
При годовой оплате домен предоставляется бесплатно.

Доступ к сайту
После согласования дизайна для переноса сайта потребуется создать аккаунт на платформе Tilda и передать доступы для работы.

Для новых пользователей действует 14-дневный бесплатный период, которого обычно достаточно для сборки сайта и внесения всех правок.
Моё портфолио с сайтами
Доступно по ссылке на Яндекс. Диск:
https://disk.yandex.ru/d/RP91DET_j1rVpw
Используйте кнопку «Открыть оригинал» в правом верхнем углу для полноэкранного просмотра.

А из действующих сайтов на этот момент можете ознакомиться со следующими проектами:
  • M&M BUILDING
    https://mm-buildingdesigns.tilda.ws/

    Лендинг для проектной организации с разработкой под ключ.
  • КУПЕЛИ В МЕТЕЛИ
    https://kupelvmetel.ru/

    Разработка сайта для компании, занимающейся композитными купелями с производством в Санкт-Петербурге и доставкой по всей России и СНГ.

    Каталог: https://kupelvmetel.ru/catalog
  • ПРУДЫ-ВОДОЕМЫ
    https://prudi-vodoemi.ru/

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

На основе этого я смогу зафиксировать итоговый объём работ, стоимость и этапы реализации проекта.
This site was made on Tilda — a website builder that helps to create a website without any code
Create a website
How to remove this block? About platform Submit a complaint