Фокус — конструктор идеальных презентаций, созданный в Студии Артемия Лебедева.
Лендинг конструктора
Первое, что видят люди, это поле ввода. Введя свою почту можно сразу зарегистрироваться в сервисе и перейти к созданию презентаций. Под вводом почты поместили комментарии пользователей сервиса. Люди доверяют людям.
Преимущества сервиса
Мы собрали все наши преимущества и расставили приоритеты — выделили главные из них. Добавлена галерея примеров для вдохновения.
Презентации и сайты
Фокус позволяет создавать красочные презентации и большие веб-сайты. Рассказал в чем отличие и показал это в иллюстрации.
Приглашение к регистрации
Повторяем призыв к регистрации на фоне презентаций, созданных в Фокусе.
СЕО инфраструктура
Любому сервису требуется продвижение. Один из недорогих вариантов — СЕО оптимизация и система лендингов. Мы создали нашу систему по аналогии с Канвой, которые стали лидерами рынка с помощью такой оптимизации.
Мы сделали страницу, где разместили шаблоны презентаций. С помощью Вордстата отобрали самые популярные запросы пользователей на тему презентаций и создали первые, самые важные страницы со словами, которые ищут в первую очередь. На каждой странице есть атрибуты, без которых такая оптимизация не работала бы: текст с описанием страницы, теги для поиска конкретных тематик, хлебные крошки и сами презентации.
На странице с презентацией разместили много текстовой информации о шаблоне. Такой текст помогает страницам чаще попадаться на просторах интернета. Теги работают как сеть ссылок и помогает другим страницам ранжироваться.
Первый путь и взаимодействие пользователя с ИИ
Создание нашего продукта выпало на момент расцвета ИИ-хайпа. Мы, конечно, тоже не могли это пропустить, поэтому передо мной стояла задача придумать, как будет генерироваться презентация с помощью ИИ.
Загрузку для генерации сделал в виде логотипа сервиса. Нашел референс и в CodePen создал полностью готовую анимацию.
В меню отображаются этапы, через которые проходит презентация, пока генерируется с помощью ИИ.
Совместно с программистом создавали флоу, по которому каждая презентация будет создаваться.
Мы разработали шаги, которые привели к созданию презентации. Текст создаем с помощью GPT, промпты для изображений берем вместе с текстом. Мы добавили библиотеку дополнительных цветов и систему лейаутом с изображениями на слайдах или без них. Презентация готова.
А еще я много не могу показать, например...
3 лендинга-сервиса для СЕО целей
Добавление нового тарифа и флоу для него от начала до конца
И интеграцию с одним сервисом для учебы