Creatium Stories — конструктор сайтов-сторисов

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

Привет! Я разрабатываю конструктор сайтов Creatium и мобильная версия сайта у нас всегда была дополнительной, а не основной. Сайт можно адаптировать под разные устройства, но в итоге блоки просто выстраиваются в один ряд, и сайт становится очень длинным.

Иногда длина сайта увеличивается в 2-3 раза.

Процент мобильного траффика становился все больше и было ясно, что для телефонов нужен новый формат сайтов.

Формат веб-Stories

  • Google с 2018 года продвигает технологию AMP Stories;
  • На западе уже есть конструкторы Fastory, MakeStories и Newsroom AI;
  • На русском есть только Storyland, запущенный в 2019 году.

О новом формате я узнал через Storyland. Этот сервис уже работал, но ему не хватало собственного редактора (сторисы нужно было собирать в других программах). А поскольку у меня большой опыт в создании конструкторов, я предложил партнерство. Правда, мы ни о чем не договорились, и я решил делать новый конструктор.

Чего мы добились

Сразу покажу несколько несколько хороших примеров.

Так сайт в новом формате выглядит на широком экране (ссылка)
А так - на телефоне (ссылка, смотреть с мобильного)
А это пример встраивание сторисов на «обычный» сайт (ссылка)

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

Первая ошибка

У меня уже есть рабочий конструктор сайтов Creatium, и проще всего было запустить новый формат как часть основного конструктора.

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

Желая упростить жизнь клиентам, я усложнил задачу для разработки. В итоге мы несколько раз начинали и откладывали разработку, поскольку появлялись более срочные задачи по основному конструктору. И так полтора года.

Вторая ошибка

Так-же я решил, что очень важно поддерживать технологию AMP Stories. Это такая технология создания веб-сторисов от Google, которая накладывает множество ограничений и дает некоторые преимущества. Например, быструю загрузку страниц.

Для поддержки AMP мы начали разработку нового редактора, но из-за сложности задачи все опять начало откладываться.

Что нужно было клиентам

Все это время клиенты знали, что мы работаем над новым конструктором. Многие из них были заинтересованы и часто спрашивали, когда мы уже что-нибудь выпустим.

Им просто нужна была возможность собирать из отдельных компонентов сторисы и публиковать их. А мы эту потребность вообще никак не решали.

На протяжении полутора лет я хотел сделать лучший конструктор сторисов, а в итоге не сделал даже плохого.

Я осознал это, проанализировал свои ошибки и начал упрощать.

Рабочее решение за 1 месяц

Конструктор сторисов стал частью основного конструктор Creatium. Мы не стали делать новый личный кабинет, не стали делать новый редактор. От поддержки AMP отказались.

Это просто новый тип секции в редакторе

За основу взяли редактор с поддержкой слоев (зеро-блок), который у нас уже был, и поместили его в слайдер.

Слои в редакторе

С новыми упрощенными требованиями разработка заняла всего 1 месяц в команде из 1 разработчика, 2 дизайнеров и 1 тестировщика.

Сейчас мы только начинаем собирать кейсы и сравнивать показатели с «классическими» мобильными сайтами.

{ "author_name": "Вячеслав Гримальский", "author_type": "self", "tags": [], "comments": 79, "likes": 62, "favorites": 225, "is_advertisement": false, "subsite_label": "tribuna", "id": 212189, "is_wide": false, "is_ugc": true, "date": "Tue, 23 Feb 2021 11:56:35 +0300", "is_special": false }
0
79 комментариев
Популярные
По порядку
Написать комментарий...
14

В нашем полку прибыло! Спасибо что упомянул Storyland.mobi.

А мы как раз выкатили новую версию редактора сайта для мобилки на этой неделе и там наконец появился драг н дроп 😂

Кейсы по нашим сторилендингам можно посмотреть тут по второй ссылке.

Ответить
1

Что-то у вас в кейсах дохлые сайты 

Ответить
3

Говорила мне мама, чтобы я проверял все, что публикую на виси! 😂
И такое бывает, что люди меняют домены, спасибо, что подсказали 🤝

Прикрепляю верную ссылку.

Ответить
0

Портфолио всегда нужно держать на своих серверах. Всему нужно вас учить)

Ответить
1

да, учитель 😁🙏

Ответить
0

И такое бывает, думаю что сейчас поправит все. Домены у мамы)

Ответить
0

использовал я, этот сториленд, 3 сториленда сделал. сейчас поделюсь впечатлениями. Прошло месяцев два - три с момента последних запусков рекламы. толку от их сервиса ровно 0. во первых потому что криво настроили пиксель фейсбук с их стороны, во вторых потому что сливались таким образом мои Лиды. которых и так было очень мало. не понятно из за чего сливались, по сайту лазили, читали текст, но заявки не оставляли. может быть такой формат не заходил, не понятно...
запустили обычный лендинг, все по заявкам пошло как по маслу🤷‍♂️
Читая их политику, эти ребята низа что ответственность не несут! Включая проблемы связанные с их же сервисом! Так же отсутствует отписка от подписки. Подписку сделал, и не отпишешься, приходится через тех поддержку все решать.

Ответить
1

Сергей, я огорчён таким результатом для вашего эксперимента и если вы сообщите свой логин и другие контакты, мы придумаем, как вам помочь со структурой и контентом.
– За последние несколько месяцев мы совершили большой прогресс в технической части и теперь лиды в фб пиксель передаются автоматически, срабатывает событие Lead. Также появилась статистика глубины просмотра слайдов для определения проблемных мест сторилендинга.
– По поводу оферты - она делалась по стандартам отрасли и вы айдёте именно такие же или более жёсктие правила на других сервисах, вроде Tilda.
– Отписка у нас действительно через техподдержку пока, но она реагирует на все обращения и мы спокойно делаем манибек, если что-то пошло не так.

Открыт к диалогу https://t.me/begovatovd

Ответить
0

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

По поводу тильды, да не стоит делать сравнение, тильда это тильда, вы это Вы🤷‍♂️
Я в целом про ответственность говорю.

Ответить
0

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

Ответить
10

Моя очередь разводить на VC негатив и токсичность.

Итак, статья ни о чем! Где финансовые показатели? Выручка, прибыль? Здесь что, Пикабу? Очередной мамкин кодер решил запилить очередной конструктор сайтов - и зачем спрашивается? Чтобы я терял время на чтение неинформативных материалов?

Ответить
2

Слушайте, ну вас же не пугает, что вы теряете время, читая Пикабу. Я вот не читаю пикабу, времени нет. Может, с этого стоит начать экономить время?

Ответить
1

Попробуйте сэкономить время на написании бесполезных комментов.

Ответить
0

Так это вы ныли про потерянное время, а не я.

Ответить
2

Фу-у-уу-у, токсик! 🤢🤢🤮
Это анонс и приглашение на бета-тестрование. 😁

Ответить

Преступный Влад

7

Спасибо, наконец-то он изобретён!

Ответить
0

Мне человек доказывает что это новая технология))

Ответить

Преступный Влад

Антон
2

Вполне может быть. Когда добавил третье колесо где-то у руля. Которое крутится, не понятно, правда, зачем.

Ответить
–1

Это же на сколько у человека убитый мозг instagram и FB что он захочет смотреть сторисы еще и на сайте.

P.S. Для разработчиков и людей что в танке ваши сторисы - Всплывающее окно (англ. pop-up) — окно, открываемое на экране компьютера в результате выполнения какой-либо операции.

Ответить
4

Посмотрите 2 других примера - сторис не обязательно в попапе открывается.

Ответить
–8

Мне без разницы)) Что и куда у вас там открывается)))

Ответить
5

Поэтому почти половина сообщений в комментариях ваши?

Ответить
2

Потому что антоше пятнадцать и у него глаз дергается от переизбытка юношеского максимализма и отсутствия мозгов

Ответить
–5

А зачем нам что то новое  придумывать мы лучше скопируем)))

Ответить
1

Зачем создавать велосипед
Когда можно из старого велосипеда,сделать конфетку?)

Ответить
2

Автору большой респект!!!

Ответить
2

Удачи, Вячеслав 😎

Ответить
1

Аффтору респект за креативность и новый подход. Побольше бы таких!

Ответить
2

Автору, конечно, респект, но подход не креативен и не нов

Ответить
1

Вообще то на Behance давно такой формат сторис используется
https://www.behance.net/

Ответить
0

Мы его не изобрели. В банковских приложениях тоже используется, и на новостных сайтах тоже видели такое.

Ответить
0

Имеете в виду, что среди конструкторов такого формата нет?

Ответить
–2

А вы видели что бы нормальный конструктор копировал идеи у других продуктов ?

Ответить
0

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

Ответить
–3

Основная задача большых конструкторов пиз.... идеи у других проектов и вставлять себя)))) Ты серьезно Карл)))

Ответить
–1

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

Ответить
0

Есть. Ссылки я даже посте указал. Мы не претендуем на роль изобретателей, мы просто сделали нормальный редактор для формата, который уже существовал.

Ответить
0

Зачем? Хотите заработать на этом? Тогда какие планы по монетизации? Если нет - тогда нафига тратили годы на разработку?

Ответить
1

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

Ответить
0

Кто ваша ЦА?

Ответить
0

Предприниматели, которые хотят сэкономить на создании сайта, либо которым на конструкторе сайт создать проще, чем обращаться к фрилансерам/агентствам (самому проще сделать, чем объяснять другим, а потом ждать).

Фрилансеры, студии, дизайнеры, которые делают сайты на заказ, используя конструктор. Так они сокращают расходную часть и ускоряют создание сайта (на конструкторе быстрее).

Ответить
0

Соцсети приучили всех листать сверху вниз, а у вас горизонтальная прокрутка. Зачем она? Ну и если отвлёкся, то страница сама переключается. Не удобно пользоваться таким сайтом.

Ответить
2

Вы видимо не в курсе что такое "сторисы"?

Ответить
–6

Всплывающее окно (англ. pop-up) — окно, открываемое на экране компьютера в результате выполнения какой-либо операции.

Ответить
2

Зачем вы скопировали определение всплывающего окна?

Ответить
–3

Они разве не всплывают при нажатии как окно ?  Забытая технология доработанная Facebook c добавлением функции листания и таймингом.

Ответить
–6

Затем что ваш сторис это такая же штука))

Ответить
1

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

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

Ответить
1

Сторисы все-таки изначально предназначались для ненапряжного контента, ценность которого длится не более суток. Сайт - это контент гораздо более длительной ценности, поэтому их нельзя сравнивать один-в-один. Формат перелистывания по разделам мне нравится больше, чем бесконечная моталка вниз, но если сайт перелистывается автоматом, то очень раздражает.

Ответить
0

Ну чисто практически, в качестве лендингов сгодятся.

Ответить
1

На десктопе сделано нелогично. 

Ответить
0

А как надо было? Есть еще такой вариант отображения на десктопе: https://11208f.creatium.site/dddxxx

Это если совсем отключить все устройства, и любой экран воспринимается как телефон, и масштабируется.

Ответить
0

Вы не используете возможности десктопа, это привычный скрол вверх вниз. Лучше сделать аналогию статусов behance только вертикально (текущий статус по центру, предыдущий сверху, следующий снизу)/ Очевидно что на смартфонах удобнее свайпать по сторонам.

Ответить

Невероятный Петя

0

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

Ответить
0

Еще же есть из русскоязычных Storista.io

Кстати, а есть примеры известных магазинов, которые у себя на сайте используют сторис?

Ответить
1

Впервые вижу, но за ссылку спасибо. Примеров не знаю, к сожалению.

Ответить
1

А как вы, было бы круто узнать, принимали решение о внедрении этого функционала, рынок же исследовали?

Ответить
3

Исследовал конкурентов. Если конкуренты уже есть, значит и рынок тоже - я так судил. Кроме того у нас уже есть клиенты на основном конструкторе и мы их спрашивали - нужен ли новый формат, и получали положительную реакцию.

То есть:
1. Конкуренты как признак рынка
2. Положительная реакция потенциальных клиентов

Но реального финансового подтверждения, что это будет приносить деньги, и клиенты готовы платить, у нас не было. Так что в некоторой степени это прыжок веры в новую для нас область.

Ответить
1

Спасибо за ответ. Расскажите потом, удачно ли приземлились после прыжка)

Ответить
0

Вы говорите про сторис, но почему у меня мобильная версия такая?
Может сначала адаптив стоит сделать?

Ответить
0

Сам конструктор не адаптивный. Адаптивные сайты, которые в нем делаются.

Ответить
0

Не адаптивный конструктор в 2021, серьезно?)

Ответить
1

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

Ответить
0

Ваши сторис - это которые web stories? Или просто вау-фича?

Ответить
0

web stories это и есть вау-фича.

Ответить
0

Ясно, вы не в курсе. Спасибо.

Ответить
0

Просветите?

Ответить
4

AMP Stories это конкретная технология от гугла. А под "Web Stories" можно понимать что угодно, что выглядит как сторисы, и открывается в вебе, независимо от поддержки AMP.

Мы AMP не поддерживаем.

Ответить
0

Новостные блоки в таком формате делать не пытались? 

Ответить
0

Вот тут (https://studio-enigma.com) клиент что-то такое начал делать. Работа в процессе, но суть уже передает.

Ответить
0

Это они на креатиуме сделали?

Ответить
1

Хм, а как такую переключалку реализовали, день/ночь?

Кстати, у вас самый крутой конструктор! Попрощался полностью с тильдой и почти для большинства проектов с элементором

Ответить
0

Судя по коду на странице, они сделали дубликаты секций для темной и светлой темы, и похоже, на кнопке скрипт висит, который заменяет одни другими по клику. Можете у самого автора спросить (@Anton_Komisarov в телеге)

Спасибо за отзыв)

Ответить
0

Не впечатлило). Я про блок "Новости" на ресурсах спросил, где то он вообще есть. Неплохо бы просто в каком-то стоке набирать для вставки новостные сторис себе на сайт. Бесплатно, или за донаты, если они топ, тем самым авторов и разработчиков поддержать. Единый формат, опять же, сделать. Вдруг зайдёт... Были такого рода мысли, но немного в другом ракурсе, и не с кем поделиться было. Сам не разработчик

Ответить
0

Возможно, глупость спрошу, но все же... из гугловского сайта мне не удалось понять, чем эти AMP stories отличаются от обычного responsive design?

Ответить
0

Это разные вещи. Responsive design это когда один сайт на нескольких устройствах нормально отображается, а AMP это скорее библиотека компонентов и набор ограничений, которые позволяют делать быстрые сайты.

Responsive design это общая технология, а AMP это гугловская.

Ответить

Комментарии

null