Как делать лендинг?

Вариант 1. Оптимальный подход без кода: Используйте онлайн-конструкторы

Лендинг можно сделать без знания кода на специальном онлайн-конструкторе. Если вы не профессиональный дизайнер и хотите делать что-то сами, ваш вариант — сервис вроде wix.com. Он сильно ограничивает в возможностях, но наиболее прост в освоении и даст быстрый результат. Наигравшись с Виксом, вы переключитесь на что-то более серьёзное: Readymag, Tilda и Webflow. Все три сервиса хорошие. Видел, что на Редимаге собрали несколько лендингов Яндекса.

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

***

Общие рекомендации о лендингах

Советы о том как делать лендинги и как не делать я написал в статье о дизайн-паттерне Лендинг.

***

Вариант 2. Найдите подрядчика

Если поняли, что лендинг лучше доверить специалисту, найдите его на frilansim.ru, выбирая команды с хорошими отзывами. Предпочитайте работать с командами, а не с одиночками. Профессиональные команды имеют возможность делать индивидуальный дизайн лендинга, верстать его и интегрировать в CMS и CRM, подключать платёжные системы. Один человек редко способен эффективно совмещать столько ролей.

***

Вариант 3. Самостоятельная разработка: максимально низкоуровневый подход

Если вы всё хотите делать сами, отвергаете конструкторы и у вас есть годы времени, план такой:

1. Подготовьте себе ТЗ и контент: заранее напишите тексты и нарисуйте черновой вариант лендинга как вы его видите.
2. Сделайте ретушь фотографий в Фотошопе или Лайтруме. Если надо поставить товар на белый фон, посмотрите этот урок.
3. Снимите рекламный видеоролик для шапки, загрузите его на Ютюб. От 1 до 3 минут. Для монтажа вам потребуется Премьер Про.
4. Изучите редактор для экранного дизайна, например Фигму. Нарисуйте дизайн страниц в ширине 320 и 1280, выгрузите из неё иллюстрации для вёрстки. Вставьте фото и тексты в Фигму.
5. Изучите основы HTML, CSS, немного JavaScript тоже не помешает.
6. Установите Денвер (если Виндовс) или MAMP (если у вас Мак), чтобы развернуть локальный сервер, на котором будет работать ваша CMS.
7. Изучите какую-нибудь бесплатную CMS-систему вроде общепринятых MODx (мне не зашёл) и Wordpress (мне зашёл), на котором будет работать ваш сайт. Не нужно сильно углубляться в PHP. Узнайте, что такое база данных MySQL и консоль phpmyadmin.
8. Сверстайте дизайн в HTML и CSS. интегрируйте эту вёрстку в CMS.
9. Купите домен и хостинг, который поддерживает PHP и MySQL, а также имеет отзывчивую техподдержку. Поспрашивайте, какими хостингами пользуются ваши друзья. Не стесняйтесь звонить в техподдержку.
10. Через SSH перенесите сайт из локального сервера на настоящий. Замените все URL-адреса в базе данных. Пропишите правильные доступы chmod, если всё сломалось.
11. (опционально) Подключите платёжную систему, чтобы клиенты могли оплачивать ваши услуги картой.
12. Поставьте Яндекс Метрику и добавьте сайт в Яндекс Вебмастер. Узнайте, что такое UTM-метки.