Зачем нам zero-code направление в студии? С какими проектами работаем и что уже сделали

Привет! Это команда UX-студии Everest. Мы занимаемся заказной разработкой крупных веб-сервисов, мобильных приложений и автоматизированных рабочих мест с фокусом на пользовательский опыт (UX).

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

Направление появилось в компании в 2021 году. Тогда наш ведущий дизайнер Рома захотел показать коллегам, как можно быстро собирать сайты на конструкторе Webflow. Эксперимент оказался успешным, а в студии под его руководством открылся отдельный юнит no-code-разработки — Subzero.

Конечно, в работе с no-code-инструментами есть свои особенности и нюансы. Например, иногда клиент зависит от возможностей zero-code-инструментов — как в техническом плане, так и в дизайн-решениях. Но конструкторы не стоят на месте и постоянно улучшают свой функционал. Главное, выбрать правильный инструмент, который поможет решить ваши задачи. Подробнее мы раскрыли эту тему в отдельной статье «Кодить или зерокодить — вот в чём вопрос. Преимущества, ограничения и этапы работы на Zero-code».

Бизнесу использовать zero-code-инструменты выгодно по нескольким причинам:

— Быстрый запуск небольшого сайта или MVP-версии проекта. Например, если вам нужен рекламный лендинг нового продукта или стоит задача оперативно проверить маркетинговую гипотезу, то готовый сайт можно получить уже через 2 недели.

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

— Экономия на обслуживании: управлять контентом и редактировать сайт можно без привлечения технических специалистов.

При этом у юнита Subzero есть ещё одно важное преимущество для клиентов. Сотрудники студии используют в работе накопленный опыт в области UX и предлагают оптимальные решения под задачи клиента. Это позволяет экономить время на этапе предпроектной аналитики и ускоряет разработку без вреда итоговому качеству продукта.

До недавнего времени мы отдавали предпочтение Webflow. Как у любого сервиса, у платформы есть и плюсы, и ограничения. Среди преимуществ можно выделить следующее:

Ограничения Webflow:

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

В отдельных случаях, когда требуется более глубокая аналитика, которая выходит за рамки компетенций UX/UI-дизайнера, подключается UX-аналитик. Он проводит глубинные интервью, а при необходимости дополнительные исследования, чтобы разобраться в отрасли, тематике проекта и предложить оптимальное решение задачи клиента.

Subzero. Сайт zero-code-юнита Everest

Для своего направления мы, естественно, собрали сайт Subzero на ноукоде. На разработку ушло полторы недели. В работе над проектом принимали участие СЕО студии, аккаунт-директор и аккаунт-менеджер. Они помогли со смысловым наполнением сайта, следили за тем, чтобы тексты верно доносили суть услуг юнита. Было важно подчеркнуть скорость и стоимость разработки на ноукоде, а также преимущества дизайна от студии Everest.

Digital-регата. Сайт мероприятия

Digital-регата — ежегодное событие для представителей ИТ-индустрии, которое мы проводим совместно с партнёром по альянсу — Extyl (занимаются разработкой и поддержкой инфосистем). Основная задача сайта — информировать потенциальных участников о мероприятии и собирать на него заявки.

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

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

АЦР. Сайт Ассоциации цифрового развития Тамбова

АЦР — это некоммерческая организация, участники которой — инициативные руководители из ИТ-компаний Тамбова. Вместе они работают над созданием благоприятных условий для развития ИТ-отрасли в родном городе.

Ключевые задачи Ассоциации:

Сайт нужен Ассоциации в представительских целях — он помогает рассказывать о деятельности организации, используется для приёма заявок на вступление и информирует о ближайших планах и событиях. У заказчика было единственное требование: максимально простой и интуитивно понятный для пользователей сайт.

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

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

Ayk Energy. B2B-сайт для производителя технологичного оборудования

Международная компания Ayk Energy занимается производством аккумуляторных систем для танкеров и стационарных точек по всему миру. Продажи в этой сфере ведутся через личные контакты, знакомства, участие в выставках.

Для того чтобы заявить о своих возможностях и рассказать о продукции, которую они производят, компания обратилась к нам, чтобы быстро разработать сайт перед крупной отраслевой выставкой, где у них был стенд с демонстрационными экранами. Времени на разработку было всего 1,5–2 месяца — важно было успеть до начала мероприятия.

Разработанный сайт решает сразу несколько важных для Ayk Energy задач:

— рассказывает о компании и на чём она специализируется;

— знакомит пользователей с сотрудниками компании, показывая, что за сайтом стоят живые люди — профессионалы своего дела;

— раскрывает области использования продукции: компания производит батареи не только для морских судов, но и для стационарных устройств;

— показывает технологичность производимого оборудования: батареи разных мощностей имеют названия созвездий и клиент хотел видеть их графическую визуализацию на сайте.

В процессе разработки провели ряд бизнес-интервью с представителями компании. Задавали вопросы о продуктах и по результатам исследования собрали мудборд и начали проектирование. В процессе интервьюирования стало понятно, что одностраничник, который планировался, не решит поставленных задач — нужны дополнительные страницы.

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

Lottie — это облегчённый формат анимации (по сравнению с анимированными GIF и PNG), который можно экспортировать из Adobe After Effects файлами JSON. Разработчики могут повторно использовать файлы Lottie в своём коде.

Анимации для первого экрана создавали в After Effects, для остальных использовали возможности Webflow. Для запуска анимаций применяли разные триггеры: по ховеру (наведению), при загрузке страницы, скролле, позиционировании. Выбор триггеров зависел от того, на чём необходимо было сделать акцент, какую подсказку показать, какой элемент дополнительно подсветить.

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

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

Держава IT. Сайт образовательной платформы

Держава IT — образовательная площадка в Тамбове. Команда проекта занимается развитием и обучением студентов в сфере информационных технологий, реализует совместные проекты с ИТ-компаниями региона, помогает выпускникам с трудоустройством.

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

— школьникам дать информацию о поступлении в Державинский университет на ИТ-специальности;

— студентам рассказать о возможности трудоустройства в ИТ-сфере;

— всем заинтересованным предоставить возможность перепрофилирования в ИТ-специалистов.

Сайт собрали на Webflow за три недели с учётом правок и пожеланий заказчика. Из интересного: сделали так, чтобы Lottie-анимация с векторными элементами на первом экране воспроизводилась отдельным слоем. Так удалось добиться оптимизации плавности и скорости загрузки. По просьбе клиента графическое изображение зарплатной вилки ИТ-специалистов в регионе также дополнили анимацией, срабатывающей по скроллу. Получилось нагляднее, чем просто статичной картинкой.

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

Yarp. Продающий лендинг для сферы услуг

Yarp — сервис по подбору команд разработки на аутсорс для длительных и краткосрочных проектов. У компании был сайт, но визуально он устарел и был непривлекательным. Перед нами встала задача обновить ресурс, создать простой, но информативный лендинг, который давал бы потенциальным заказчикам понимание выстроенных в Yarp процессов. Нужно было описать услуги и показать бесплатные сервисы компании: Google для рекрутеров, который ищет специалистов по запросу пользователя, и телеграм-канал, где ежедневно публикуются резюме ИТ-специалистов из всего русскоязычного Телеграма. Бюджет сайта был ограничен в 150 000 рублей.

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

Сборка сайта заняла 1,5 недели. В Webflow создали анимации, которые запускаются по мере загрузки страницы, элементы на странице смещаются при скролле, меняется их позиционирование и отображение разных пунктов. Сейчас сайт поддерживает команда Yarp самостоятельно.

Zero-code — хорошее решение, если вам в короткие сроки нужен простой в управлении контентом сайт за небольшой бюджет. Зерокодинг отлично подходит для создания:

С каждым годом спрос на ноукод только увеличивается. Уже сейчас многие студии открывают юниты и команды в этом направлении. Современный рынок требует от его участников скорости и гибкости. Нужно быстро запускать проекты, собирать фидбэк, вносить изменения, чтобы двигаться вперёд и опережать конкурентов. Отсюда и популярность zero-code-разработки.

Subzero работает на базе UX-студии Everest и специализируется на создании сайтов с помощью no-code-инструментов: Tilda, Readymag, Webflow. Ответственный подход и высокий уровень экспертности в области UX позволяет нам быстро погрузиться в задачу и передать готовый сайт уже через 2−3 недели после старта работ.

Если вам нужно быстро запустить новостной, корпоративный, промосайт или сайт услуг, продукта или стартапа — пишите. Мы обсудим вашу задачу и подберём наиболее эффективный инструмент для её решения.

#zerocode #nocode #lowcode #subzero #everest #ui #зерокодинг #зерокод #вебдизайн #вебразработка