uKit Alt
uKit Alt — это дополнение к конструктору uKit, с помощью которого пользователи Facebook и VK могут сделать сайт из своей группы или профиля.
ukit.com/ru/lp/convertukit.com/ru/lp/convert-vkukit.com/ru/lp/alt-vkДата окончания работ: 1 июля 2020
Сделано за 240 дней
UX / UI дизайн
Продукт дизайн
Дизайн-менеджмент
ЗАДАЧА
Сделать конвертацию Facebook-страниц пользователей в сайты на конструкторе uKit.
Вторым этапом сделать конвертацию VK-страниц.
МОЯ РОЛЬ
Здесь я был в роли продакт менеджера и UX/UI дизайнера.
В процессе работы я придумал интерфейс пошагового визарда, онбординга и мини-конструктора. Далее я адаптировал существующие шаблоны конструктора под данные из соцсетей.
Вдвоем с фулстек программистом мы работали над алгоритмом получения и распределения данных по шаблону.
Проводил юзабилити тестирования, отвечал на вопросы в поддержку, собирал фидбек и статистические отчеты.
Будучи главным ответственным лицом проекта, я организовывал работу других участников внутри и вне основной команды разработки.
Краткое описание
uKit Alt — это дополнение к конструктору сайтов uKit, которое позволяет создавать сайты используя данные из пользовательских страниц на Facebook и VK, которые забираются через API.
Данные могут использоваться для создания как персональных так и бизнес сайтов. После выбора страницы
После создания версий сайта, пользователь попадает на визард. Здесь ему предлагается выбрать вариант дизайна и тип сайта
После визарда пользователь попадает в мини-конструктор, где он можно посмотреть сайт, поменять его тип, дизайн и контент.
Переход в мини-конструктор сопровождается онбордингом с подсказками.
uKit Alt это отличный способ привлечь новую аудиторию в uKit и получить более эффективную unit-экономику.
Главная страница
ЗАДАЧА
Сделать отдельные посадочные страницы для аудитории Facebook и VK
РЕШЕНИЕ
Я придумал и спроектировал адаптивный дизайн посадочных страниц, записал несколько объясняющих видео и оформил примеры созданных сайтов.
Посадочная страница для аудитории Facebook
Photo by Ralph (Ravi) Kayden
Альтернативная страница для аудитории с VK
Photo by Ralph (Ravi) Kayden
Cтраница для пользователей VK
Photo by Ralph (Ravi) Kayden
Визард создания сайта
ЗАДАЧА
Сделать визард, который помогал бы пользователю разобраться с передачей данных со страницы
РЕШЕНИЕ
Я проектировал визард, который просто и наглядно помогает пользователю пройти путь от выбора страницы до готового сайта.
В местах где некоторое время идет процесс создания сайта, я сделал развлекательную анимацию и описание работ, которые происходят в данную секунду.
За короткое время пользователь получает шесть различных вариантов сайта, которые он может внимательно посмотреть и проскроллить.
Модальное окно выбора группы или профиля пользователя
Photo by Ralph (Ravi) Kayden
Анимация процесса с описанием стадий
Photo by Ralph (Ravi) Kayden
Просмотр получившихся вариантов дизайна
Photo by Ralph (Ravi) Kayden
Выбор типа сайта: многостраничный или одностраничный
Photo by Ralph (Ravi) Kayden
Онбординг
ЗАДАЧА
Перед переходом пользователя в мини-конструктор, нужно познакомить пользователя с ним и объяснить как здесь работать.
РЕШЕНИЕ
Я записал видео объяснения и спроектировал пошаговый онбординг пользователя с описанием каждой секции мини-конструктора.
Пользователь в любой момент может скрыть подсказки онбординга или показать их снова.
Вводное видео с объяснением работы в мини-конструкторе
Photo by Ralph (Ravi) Kayden
Описание каждой секции в специальных подсказках
Photo by Ralph (Ravi) Kayden
Последняя подсказка про режимы превью
Photo by Ralph (Ravi) Kayden
Мини-конструктор
ЗАДАЧА
Интерфейс uKit предоставляет большие возможности для настройки, но это имеет свою цену в виде не прямолинейного интерфейса.
Перед переходом в конструктор uKit и созданием сайта, пользователю нужен простой способ настройки дизайна и содержимого.
РЕШЕНИЕ
Я спроектировал простой мини-конструктор, который показывает пользователю получившийся сайт и дает его интерактивно настраивать.
Вся настройка разбита на три секции:
- тип сайта (одностраничный или многостраничный),
- дизайн,
- содержимое.
Играясь с настройками пользователь подбирает для себя оптимальную вариацию сайта.
Чтобы показать, как дизайн сайта адаптируется, я добавил переключатель устройств.
Слева расположена панель, справа сайт. В этой секции пользователь выбирает тип сайта
Photo by Ralph (Ravi) Kayden
В этой секции выбирается дизайн сайта и его цветовая палитра
Photo by Ralph (Ravi) Kayden
Пользователь может посмотреть как его сайт будет выглядеть на мобильном устройстве
Photo by Ralph (Ravi) Kayden
В секции «Контент» пользователь выбирает какие блоки будут на сайте
Photo by Ralph (Ravi) Kayden
Результаты
Такой способ создания сайтов в uKit существует до сих пор и пользуется некоторой популярностью.
Импорт данных из соцсетей стал хорошим способом привлечения пользователей из области с низкой конкуренцией.
ОТЗЫВЫ
«Когда люди интересуются моими футболками, то спрашивают, есть ли у меня сайт, где можно посмотреть все работы. Cайта у меня не было, были лишь Facebook и Instagram — но не все зарегистрированы там. Я решил, что люди должны узнавать о моем бизнесе без преград, запустил конвертер, а за доработкой обратился к фрилансеру, которого рекомендовал ваш сервис. И за пару суток получил готовый сайт».
Константин, дизайнер футболок и принтов
«Сайт нужен нам для имиджа и полноценного присутствия в интернет-поиске. Сначала думали обращаться к фрилансерам, к агентствам, которые сейчас популярны — но поняли, что не можем себе этого сейчас позволить. Тогда мы просмотрели массу конструкторов, нашли uKit и решили быстро сделать из страницы на Facebook, которая наращивает лайки и популярность, еще и мини-сайт, где человек может записаться к нам»
Александр, совладелец консалтингового бизнеса
"У нашего старого сайта не было мобильной версии для смартфонов и планшетов. Оплачивать ее отдельно - дорого. Переносить весь сайт на новую платформу - тоже. Мы узнали, что можно перенести страницу в Facebook на адаптивный сайт. В принципе, нам все понравилось. И бесплатная мобильная версия у нас теперь есть".
Татьяна, владелица салона постельного белья и штор
МНЕНИЯ
«Это хороший ход — многие предприниматели сейчас начинают в соцсетях, а уже затем решают сделать свой сайт. В интеграции с соцсетями будущее конструкторов сайтов»
Анатолий Денисов, главред CMS Magazine
«Я попробовала — интересно: выходит просто, но мило; удобно редактировать. Для тех, у кого есть страница в FB, но до сайта все руки не дойдут — отличная находка»
Анна Соколова, шеф-редактор раздела "Бизнес" на The Village, ex-Hopes&Fears
«Мне кажется, для многих мелких фирм это хорошее решение. Видно, что в uKit постарались придумать, что и куда распределять на сайте»
Виктория Вирта, основатель «Академии интернет-резерва Вирта», эксперт ИРИ, экс-Rutube и ivi.
© Артём Жигалин | psycholcycle@gmail.com