Кейс · разработка сайта
У автора сериалов на ИИ-видео не было сайта — только Telegram. Сделали одностраничник: работы играют прямо в сетке, а цену человек считает ползунком.
Что сделали
Одностраничник
Один экран-история вместо десяти страниц: услуги, работы, цена, контакт.
Витрина
Пятнадцать работ с превью: наведение — играет, клик — плеер.
Калькулятор
Ползунок длительности и живой пересчёт стоимости.
Аналитика
Метрика и подтверждение Вебмастера — с первого дня, без «потом настроим».
С чего начали
Работы и аудитория уже были в Telegram. Не хватало страницы, где всё это можно показать целиком — с видео, ценой и понятным следующим шагом.
У автора уже были работы и аудитория в Telegram: сериалы, фан-сериалы, бренд-ролики. Не было сайта, на который можно дать ссылку и показать всё целиком — вместо папки с файлами и закреплённого сообщения.
Нужен был короткий путь: человек открывает страницу, смотрит шоурил, листает работы и понимает цену. Без «напишите — обсудим» и без анкеты.
Портфолио продаёт не описание подхода, а кадр. Поэтому первый экран — шоурил и цена, а не абзац о том, как автор любит сторителлинг.
Что придумали
Каждое отвечает на конкретное возражение или вопрос клиента. Ниже — что это за мысль, как она сделана на сайте и что в итоге получает человек.
Идея 01 из 05
В видео-услугах решает не текст, а первые пять секунд. Если человек не увидел уровень, дальше он читать не станет.
Как устроено
На первом экране — зацикленное видео без звука, кнопка «Смотреть шоурил» открывает полную версию в плеере. Рядом цена и кнопка связи.
Что это даёт
Уровень виден сразу, без прокрутки и чтения. А шоурил можно показать заказчику вместо ссылки на облако.
Идея 02 из 05
«Сколько стоит видео» — первый вопрос в переписке. Отвечать на него каждый раз вручную дорого и медленно.
Как устроено
Сто рублей за секунду, ползунок от тридцати до трёхсот секунд и живой пересчёт: сто двадцать секунд — двенадцать тысяч рублей. Рядом — что входит в цену и что минимального заказа нет.
Что это даёт
Человек видит свою сумму сам и приходит с готовым бюджетом. Переписка начинается с идеи, а не с вопроса о цене.
Идея 03 из 05
Сетка постеров без движения — это картинки. Видео продаёт движение, но грузить пятнадцать роликов сразу нельзя.
Как устроено
Превью играет при наведении, полная версия открывается в плеере по клику. Фильтры по категориям: фан-сериалы, оживление книг, авторские сериалы, коммерция.
Что это даёт
Человек листает работы как ленту и находит близкое к своей задаче — без перехода в сторонние сервисы.
Идея 04 из 05
Один сильный проект убеждает лучше, чем список услуг. Особенно когда за ним стоят серии и просмотры.
Как устроено
Отдельный блок про сериал по Дармионе: цифры, обложка, превью серий и ссылка на канал. Он же задаёт уровень для коммерческих работ.
Что это даёт
Видно, что автор работает не разовыми роликами, а сезонами — а это другой уровень доверия.
Идея 05 из 05
Человек приходит с разной задачей: оживить книгу, заказать рекламу, вести сериал или сделать контент для блога.
Как устроено
Четыре карточки услуг с кадром из работы и коротким описанием результата, а не процесса.
Что это даёт
Каждый посетитель узнаёт свою задачу на первом экране и не листает в поисках «а вы вообще такое делаете».
Результат
Вот что изменилось в работе, а не в дизайне.
Одна ссылка вместо папки с файлами: шоурил, работы и цена в одном месте.
Калькулятор снимает вопрос «сколько стоит» до переписки — человек приходит с бюджетом.
Превью играют при наведении, полные версии — в плеере: смотреть можно, не уходя с сайта.
Метрика и Вебмастер подключены с первого дня: посещения и источники видны без доработок.
Сложности
Три задачи, которые оказались сложнее остальных.
Пятнадцать работ и шоурил — это гигабайты. Превью отделили от полных версий, постеры положили заранее, загрузку сделали ленивой.
На тёмном фоне легко потерять текст. Контраст и размеры подписей держали вручную, чтобы читалось и на телефоне.
Вместо десяти страниц один экран-история: если человек не понял за первые экраны, второго шанса нет. Поэтому порядок блоков собирали от вопроса «сколько» к «как заказать».
Мобильная версия
На телефоне шоурил, калькулятор и работы открываются так же: видео вертикально, ползунок под большим пальцем, фильтры — в одну строку.
Цифры — из данных сайта: серии, просмотры и подписчики. Трафик и заявки не показываем: это данные клиента.
Контакты
Расскажите, что показываете клиентам: работы, кейсы, услуги. Соберу страницу, которую не стыдно отправить вместо папки с файлами.
Формы нет намеренно: связь сразу с человеком, который ведёт задачу. Без ботов, колл-центров и «менеджер перезвонит в течение дня».
Удалённо, по всей России · Пн–Пт, 10:00–19:00 (МСК)