{"id":14271,"url":"\/distributions\/14271\/click?bit=1&hash=51917511656265921c5b13ff3eb9d4e048e0aaeb67fc3977400bb43652cdbd32","title":"\u0420\u0435\u0434\u0430\u043a\u0442\u043e\u0440 \u043d\u0430\u0442\u0438\u0432\u043e\u043a \u0438 \u0441\u043f\u0435\u0446\u043f\u0440\u043e\u0435\u043a\u0442\u043e\u0432 \u0432 vc.ru \u2014 \u043d\u0430\u0439\u0434\u0438\u0441\u044c!","buttonText":"","imageUuid":""}

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 тестировщика.

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

0
83 комментария
Написать комментарий...
Дмитрий Беговатов

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

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

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

Ответить
Развернуть ветку
Григорий Матасов

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

Ответить
Развернуть ветку
4 комментария
Sergey Kit

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

Ответить
Развернуть ветку
3 комментария
greg chudnoff

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

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

Ответить
Развернуть ветку
Mercator

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

Ответить
Развернуть ветку
2 комментария
Pavel Voronkov

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

Ответить
Развернуть ветку
Роботы

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

Ответить
Развернуть ветку
Антон Ляшенко

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

Ответить
Развернуть ветку
1 комментарий
Антон Ляшенко

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

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

Ответить
Развернуть ветку
5 комментариев
Alex Klime

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

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Andy Tsar

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

Ответить
Развернуть ветку
Eugene Danilov

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

Ответить
Развернуть ветку
Александр

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

Ответить
Развернуть ветку
10 комментариев
GR

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

Ответить
Развернуть ветку
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
4 комментария
Григорий Матасов

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

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

Ответить
Развернуть ветку
2 комментария
Sabit Sugirov

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

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

Ответить
Развернуть ветку
1 комментарий
Аккаунт удален

Комментарий недоступен

Ответить
Развернуть ветку
Кирилл Проскурин

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

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

Ответить
Развернуть ветку
3 комментария
Артём Малышев

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

Ответить
Развернуть ветку
3 комментария
Dmitry Alexandrovich

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

Ответить
Развернуть ветку
4 комментария
Andrey Greenberg

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

Ответить
Развернуть ветку
5 комментариев
K R

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

Ответить
Развернуть ветку
Вячеслав Гримальский
Автор

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

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

Ответить
Развернуть ветку
2 комментария
Артем Криев

Я не первый год являюсь клиентом creatium и их другого конструктора. 
Я не так давно на VC, но тем не менее предполагал, что должны быть на VC статьи поучительные. По сути получилась больше статья-анонс их новой фичи в конструкторе. Но я как клиент, только доволен этим фактом и естественно предложу использовать новый функционал нашим дизайнерам.

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

Посоветовал бы знакомым креатиум или крийшиум?! Да, на все 100%
Зиесь спрашивали кто их ЦА? Да, очень огромная аудитория, проще назвать кто не ЦА.

Конструктор у них супер, если быть точнее даже два их конструктора мне нравятся. 
Чем именно хороши опишу ниже и вполне возможно, что это все есть и у других конкурентов. Но всё же перечислю:
1) Удобный интерфейс;
2) Поддержка супер, быстро отвечает(для меня это очень важно в любом сервисе);
3)  Можете не верить, но мне даже удалось в топ-1 Яндекс выйти по поисковым запросам. Подвожу к тому, что с  технической части seo конструктор более чем достаточный. Google speed в зелёной зоне.
4) Множественные интеграции: с roistat, рассыльщиками, платежными системами и т.д.;
5) Цена! Демократичная.

Что бы ещё дополнил, так это конструктор идеально подходит нам. Экономия с ними существенная у нас. Нет в штате разработчика(верстальщика), всё делают дизайнеры. Скорость разработки страниц сайта с дизайнерами быстрее чем если бы были еще и верстальщики в команде. Т.е уже переход в none код на лицо. Не нужны специалисты со знаниями фреймворков вью, ангуляр, реакт и т.д.

6) Вроде первый их конструктор подходит по законодательству для казахов и белорусов, что касается creatium, то вроде именно он нет.

7) Перепробовал много конструкторов в плане функциональности и с уверенностью могу сказать, что он удобный. Честно не пробовал Тильду. Но был опыт и с wix и плагинами wordpress, bitrix, даже конструктор от Тинькофф, при этом не надо забывать про конструкторы рассыльщиков писем, это тоже конструкторы и это опыт на основе, которого я говорю, что их интерфейс удобный.

Я не сотрудник этого конструктора и никто мне не заплатил. Кнопку день/ночь узнал по комментарию и это для меня ещё один поиятный бонус, может как-то и используем это у себя. Зашёл в статью, т.к увидел в заголовке название конструктора, который использую. Фичей в виде сториса даже и не интересовался. Где смогу у себя это использовать, так это точно в новостях компании или в ближайших событиях. 

Ответить
Развернуть ветку
Артем Криев

Да и ещё по поводу креатива, вроде автор и не говорил, что создают, что-то уникальное и новое в мире. Да и мне как клиенту до фонаря сами они фунционал придумали или скопировали. Главное, что он есть и можно им пользоваться. 

Ответить
Развернуть ветку
80 комментариев
Раскрывать всегда