Кейс по разработке сайта для компании ГазИнтех: системы автоматизации бизнеса

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

Задача Ninen на проекте Газинтех — разработка лендинга от концепта до релиза под конкретное направление деятельности. В рамках этого направления у заказчика подразумевается:

• создание кастомизированных программных решений для автоматизации задач
• оценка текущих бизнес-процессов клиента
• выявление точек улучшения и разработка стратегии автоматизации
• внедрение и настройка программного обеспечения, его интеграция с уже существующими системами клиента
• обучение сотрудников клиента работе с новыми системами
• предоставление технической поддержки и регулярное обновление ПО
• работа с клиентами по всему миру, адаптация решений под местные регуляторные и бизнес-требования

Такой пул работ требует 100% подключения кроссфункциональной команды нишевых экспертов с первых итераций:

• project manager выявляет функциональные и нефункциональные требования
• senior маркетолог собирает, структурирует и анализирует данные о целевой аудитории и конкурентах
• middle+ копирайтер пишет продающие тексты и разрабатывает прозрачный UX на прототипе
• middle+ UI/UX дизайнер создает легкий официальный стиль с нотками формальности, но без «канцелярских» стереотипов
• senior frontend переносит дизайн-решения из макетов в верстку и оптимизирует производительность ресурса
• senior backend продумывает механику и функциональность элементов, закладывает серверную логику.

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

3 сегмента целевой аудитории и практически пустой рынок конкурентов: как действовать, когда спрос большой, но аналогов нет

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

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

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

1. Крупные корпорации и промышленные предприятия — управление сложными и многогранными процессами, повышение операционной эффективности, интеграция различных подразделений и систем, снижение затрат на производство и логистику.

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

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

Боли и возражения каждого сегмента копирайтеры и дизайнеры взяли на карандаш. Ведь каждая проработанная боль и закрытое возражение = новый клиент для нашего заказчика.

Прототип: как распределить преимущества бизнеса так, чтобы аккуратно прогревать лидов и подводить к покупке, а не отпугивать полотнами текста

Исследования показывают, что наличие множества преимуществ, сконцентрированных в одном месте, может скорее оттолкнуть пользователя, чем привлечь его. Это связано с двумя основными причинами:

1. Большая когнитивная нагрузка. Пользователю неудобно обрабатывать большое количество информации одновременно. Когда все преимущества представлены в одном блоке, это вызывает перегрузку, затрудняя восприятие и усвоение информации. В результате, пользователи могут чувствовать себя ошеломленными и менее склонными к дальнейшему взаимодействию с контентом.

2. Недоверие к излишне красивой картинке. Когда преимущества выглядят слишком идеально и сосредоточены в одном месте, пользователи могут воспринять это как попытку манипуляции или недостоверную информацию. Это снижает доверие к представленному контенту и вызывает скептицизм.

При разработке прототипа мы распределили ключевые преимущества по всей странице, а не складывали их в одном блоке «Преимущества». Такой подход:

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

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

Нескучный серьезный дизайн: как сделать деловой официальный стиль конверсионным и привлекательным

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

Дизайнер начал с UI-анализа: погрузился в предоставленные заказчиком данные о компании, составил портрет пользователей ЦА с точки зрения визуальных предпочтений и поведенческих паттернов, изучил конкурентов для понимания рыночных стандартов и поиска возможностей для дифференциации.

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

Фронтэнд, бэкэнд, тестирование: превращаем дизайн в функциональный лендинг

Верстальщик перенес визуальные задумки из Figma в код, при этом оптимизировал загрузку страницы до 2 секунд, обеспечил максимальную отзывчивость, производительность и отказоустойчивость. Программист, в свою очередь, реализовал логику обработки запросов, базы данных и сложные механики.

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

На рынок выпустили оттестированный продукт без багов. И после релиза получили результаты: конверсия сайта составила 7.5%, хотя для такой узкоспециализированной тематики стабильные 1-2% — это уже практически невероятно.

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