Создание сайтов и wow-лендингов

Кто я и как работаю

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

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

Три направления

• Создание сайта под ключ Многостраничный сайт для бизнеса или эксперта: услуги, кейсы, о компании, контакты. Внутри продуманная структура, тексты, адаптация под телефон, формы заявок, аналитика и SEO-основа, чтобы страницы находились в поиске.
• Анимированные сайты Скролл-истории, видео, привязанное к прокрутке, плавные появления блоков и 3D-элементы. Подходит, когда бренду мало «быть в интернете» и нужно выделиться и удержать внимание.
• Креативные лендинги Одна страница под одну цель: запуск продукта, запись на услугу, регистрация на событие. Нестандартная подача, но путь к заявке понятен с первого экрана.

Какой формат выбрать

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

Цены в таблице указаны как ориентир. Итог зависит от числа страниц, того, готовы ли тексты и фото, от сложности анимации и интеграций. Точную сумму и срок называю после короткого брифа, до начала работы. Если нужен быстрый запуск на готовом шаблоне, посмотрите пакеты NeuroDomen: от 20 000 ₽ за 3-7 дней.

Как проходит работа

1. Бриф: 30-60 минут разговора

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

2. Структура, или скелет сайта

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

3. Дизайн: сначала главные экраны

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

4-6. Сборка, проверка, запуск

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

Что вы получаете на выходе

• Работающий сайт на вашем домене с защищённым соединением (https)
• Адаптацию под телефоны: большая часть посетителей приходит именно с них
• Формы заявок, которые приходят вам на почту или в мессенджер
• Подключённую Яндекс Метрику, чтобы видеть, откуда люди приходят и что делают
• SEO-основу: заголовки, описания страниц, карту сайта, чистые адреса
• Политику конфиденциальности для форм по требованиям закона о персональных данных
• Все доступы и исходные файлы: сайт полностью ваш

Красиво и при этом быстро

Частый страх: «с анимацией сайт будет тормозить». Он обоснован, если эффекты добавлены без расчёта. Покажу на примере этого сайта: главная с видео, которое меняется при прокрутке, изначально загружала около 40 МБ. После доработки видео весит около 9 МБ на компьютере и меньше 4 МБ на телефоне, а картинка осталась той же.

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

На чём делаю сайты

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

• Собственная вёрстка, если нужны нестандартный дизайн, анимация и максимальная скорость.
• Панель управления, если вы хотите сами менять тексты, цены и фото без программиста.
• Нейросети генерируют сцены, фоны и видео, если нет своих съёмок.
• Яндекс Метрика и Вебмастер показывают, как ведут себя посетители и как сайт выглядит в поиске.

Кому подойдёт, а кому нет

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