Сколько стоит разработка лендинга. От чего зависит цена

Сколько стоит разработка лендинга

Цены на разработку лендингов (см. пункт «цены» в верхнем меню) складываются из множества факторов, которые мы и рассмотрим.

Если вам нужен только дизайн

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

Результат я предоставляю в редакторе Figma (по вашему желанию могу сделать в Photoshop). Анимация (если она требуется) предоставляется в виде прототипов Figma, или в виде демонстрационных файлов.

Дополнительно оплачиваются:

  • Подбор или покупка в стоках картинок/видео, изображений и их обработка;
  • Количество блоков в лендинге более пяти (либо требуются дополнительные разделы, такие как блог);

Если у вас нет текстов и концепции в целом, дополнительно заказывается разработка концепции:

  • Изучаю конкурентов, выявляю ваши конкурентные преимущества, разрабатываю концепцию и УТП (уникальное торговое предложение);
  • Пишу продающие тексты и слоган;
  • В рамках лендинга разрабатываю фирменный стиль (цвета, типографику, объединяющие элементы) и/или логотип. При наличии фирменной вывески или других атрибутов, подстраиваю стиль;

Дизайн + верстка

Тариф «Бирюзовый» включает дизайн тарифа «Розовый» (см. выше) + ручная верстка на HTML + CSS + JS последних версий. Я делаю чистую и валидную верстку по технологии «pixel-perfect» с использованием методологии БЭМ.

Ленидинг полностью готов к использованию в том случае, если вам не нужна административная панель для возможности вносить изменения в данные самостоятельно (для этого см. следующий тариф).

Дополнительно оплачиваются:

  • Разработка и/или подключение дополнительного функционала. Сюда входят всплывающие окна (например, форма обратной связи), счетчики, анимированные галереи, и т. д. Это могут быть как разработанные и запрограммированные мной модули, так и готовые подключаемые плагины. Не использую громоздких плагинов, убивающих быстродействие лендинга. Цена варьируется;
  • Подключение API сторонних сервисов. Сюда входят чаты, карты, виджеты социальных сетей и многое другое. Цена варьируется;
  • Добавление в лендинг счетчиков и/или систем аналитики, регистрация кабинетов; (необходимо для СЕО продвижения сайта и отслеживания динамики посещаемости);
  • Подбор домена и хостинга, перенос и настройка лендинга на хостинге (бесплатно);

Лендинг с установкой на CMS

Тариф «Пурпурный» включает все, что описано ниже (в тарифе «Бирюзовый») + натяжка лендинга на CMS. CMS (система управления контентом) нужна в том случае, если необходимо будет менять данные, либо добавлять новые события/статьи в блог.

Я использую CMS WordPress. Это самая популярная  и бесплатная система, на ней работает большинство сайтов в мире.

Для вас будет настроена удобная административная панель, с помощью которой вы сможете менять необходимые вам данные. К установке WordPress будет предоставлена простая и понятная инструкция по работе именно с вашими данными.

Лендинг под ключ + настройка рекламной кампании

Тариф «Индиго» — это все услуги, описанные ранее в тарифе «Пурпурные» + настройка рекламной кампании Яндекс Директ для вашего лендинга. Исследую нишу, вырабатываю наиболее выгодный вариант размещения. Предварительно рассчитываю ориентировочный бюджет. Можем настроится на нужный бюджет, за рамки которого выходить нельзя.

Оставьте заявку, чтобы узнать цену на разработку вашего лендинга.



send-email

Разработка модальной формы обратной связи с отправкой на e-mail

Конечно, есть готовые плагины, реализующие модальную форму обратной связи. Но, если не хотите подвешивать быстродействие сайта, можете разработать собственную. HTML […]

google analytics

Как правильно добавить код Google Analytics на сайт WordPress

Правильный подход — присоединять действие к хуку (в нашем случае wp_head, так как google рекомендует добавлять код аналитики в head). […]

анимация элементов

Реализация анимации элементов при попадании их на экран

Анимируем элемент стилем, когда пользователь до него доскроллил, или если в момент нахождения элемента в зоне просмотра страница перезагружается. Сделаем […]