Сайт использует cookie для корректной работы. Продолжая пользоваться им, вы соглашаетесь с этим. Подробнее – в политике cookies.
Клиент
GlowByte – международная IT-компания с 20-летним опытом работы. Входит в топ компаний-крупнейших поставщиков BI и Big Data решений в России.
Практика заказной разработки – подразделение GlowByte, которое занимается разработкой и модернизацией корпоративных IT-систем.
Практика заказной разработки – подразделение GlowByte, которое занимается разработкой и модернизацией корпоративных IT-систем.
Бизнес-задачи проекта
- Создать точку присутствия практики в сети, чтобы её было удобно отправлять клиентам, прикладывать к КП, использовать в маркетинге и партнёрских активностях;
- Сделать практику заметной и запоминаемой на фоне конкурентов;
- Упростить пресейл: дать клиенту понятное представление о формате сотрудничества и повысить доверие к практике;
- Снизить долю случайных и нерелевантных обращений.
Моя роль
В проекте я отвечала за весь цикл работ по сайту – от сбора вводных и проектирования структуры до финальной сборки и запуска.
Что входило в мою работу:
Что входило в мою работу:
- Сбор и систематизация требований от заказчика и экспертов;
- Проектирование структуры сайта и пользовательских путей;
- Постановка задач копирайтеру, редактура и согласование текстов;
- Разработка дизайна и масштабирование решений на все макеты сайта;
- Сборка сайта на Тильде, настройка интеграций, SEO-оптимизация, подготовка к запуску.
Особенности проекта
- На старте не было готового позиционирования, кейсов, описания услуг и этапов работы – весь контент для сайта формировался в процессе работы совместно с копирайтером и командой практики;
- Целевая аудитория – корпоративные клиенты, без чёткого деления по ролям, что требовало нейтральной и универсальной подачи без узкой профессиональной терминологии;
- Клиентская команда уже давно работала в Тильде и не рассматривала другие платформы, поэтому дизайн нужно было подстраивать под её ограничения;
- У направления не было оформленного брендинга – из констант только логотип GlowByte и фирменный оранжевый.
Как я решала бизнес-задачи через UX/UI
1. Собрала визуальную концепцию, которая поможет практике заказной разработки выделиться среди конкурентов
Бизнес-задача
Сделать практику заказной разработки заметной и запоминаемой на фоне конкурентов.
Контекст
На старте клиент прислал список конкурентов для сравнения и поставил задачу отстроиться от них. Он хотел «что-то современное, живое, с анимацией и интересной подачей» и был открыт к смелым визуальным решениям, но в рамках корпоративной подачи.
Я дополнила список своими находками, проанализировала их и увидела, что почти у всех один и тот же визуальный язык: белый фон и много воздуха, сине-голубые акценты, мягкие градиенты, стоковые 3д и изометричные иллюстрации, мокапы экранов, карточки со скруглениями и лёгкими тенями, почти без анимации (максимум простые ховер-эффекты).
Я дополнила список своими находками, проанализировала их и увидела, что почти у всех один и тот же визуальный язык: белый фон и много воздуха, сине-голубые акценты, мягкие градиенты, стоковые 3д и изометричные иллюстрации, мокапы экранов, карточки со скруглениями и лёгкими тенями, почти без анимации (максимум простые ховер-эффекты).
Гипотеза
Если сделать сайт в тёмной теме, добавить анимации, уникальные иллюстрации и другую цветовую гамму, то он будет сильнее выделяться при сравнении с конкурентами и лучше запомнится после первого просмотра.
Решение
- Собрала стиль, который выглядит технологично и современно: тёмный фон, контрастные неоновые акценты, уникальные 3D-иллюстрации. CTA и формы оставила в едином паттерне новых сайтов GlowByte, чтобы сохранить узнаваемость и привычный сценарий заявки;
- Дала сайту характер через генеративную графику. Собрала пайплайн с полным контролем результата: Figma → Project Neo → ChatGPT → Krea (Nano Banana) → Recraft. Такой подход легко масштабировать – при желании команда сможет дополнять набор новыми иллюстрациями;
- Оживила ключевые блоки анимациями: добавила появление элементов по скроллу, ховер-анимации и 3д-перевороты карточек по оси. За счёт этого важные места подсвечиваются, а внимание пользователя сфокусировано на нужном сценарии.
Результат
Практика получила собственный визуальный язык, который выделяет её среди конкурентов.
2. Снизила неопределённость и повысила доверие к практике через прозрачную картину сотрудничества и доказательства экспертизы
Бизнес-задача
Упростить пресейл: дать клиенту понятное представление о формате сотрудничества и повысить доверие к практике.
Контекст
Заказная разработка сама по себе сложно «упаковывается»: состав работ и этапы сильно зависят от задачи, сферы и контекста клиента. Поэтому в пресейле важно как можно раньше дать клиенту понятную картину сотрудничества и честно обозначить рамки – это снижает неопределённость, повышает доверие и помогает быстрее перейти к обсуждению проекта.
Гипотеза
Если подробно и простым языком раскрыть формат сотрудничества (этапы, состав работ, технологии, примеры проектов) и заранее закрыть типичные страхи и вопросы, то доверие к практике вырастет, а клиенту будет проще перейти к обсуждению проекта.
Решение
- Разложили типичный проект на понятные этапы с ориентирами по срокам и результатам, чтобы клиент заранее понимал, что его ждёт;
- Добавили блок «Почему выбирают нас», который снимает основные сомнения: показывает опыт, подход команды, прозрачность процесса и что будет после запуска (передача кода, инструкции, возможность развивать систему внутри компании);
- Добавили технологии, чтобы показать, что команда работает с актуальными инструментами;
- Оформили кейсы, чтобы клиенту было проще представить сотрудничество на практике;
- Добавили блок «Частые вопросы», чтобы снять оставшиеся вопросы после просмотра страницы.
Результат
Сайт стал рабочим инструментом для пресейла: он даёт клиенту понятную картину сотрудничества (как будет устроена работа и чего ожидать) и подкрепляет её доказательствами экспертизы – кейсами, технологиями, преимуществами работы и ответами на частые вопросы.
3. Сделала сайт инструментом первичной квалификации лида
Бизнес-задача
Снизить долю случайных и нерелевантных обращений.
Контекст
Заказная разработка – слишком широкое понятие, поэтому на такой сайт легко могу прийти нерелевантные лиды, вроде малого бизнеса или частных клиентов с разовыми задачами. Нам важно было сразу обозначить фокус практики – разработка и модернизация корпоративных решений – чтобы отсеивать неподходящую аудиторию ещё до заявки и не тратить время команды на первичную фильтрацию.
Гипотеза
Если на сайте заранее обозначить, кому подходит формат, какие задачи практика берёт, как устроено сотрудничество и какие вводные нужны на старте, то часть нерелевантных запросов отфильтруется ещё до первого контакта, а обращения станут более предметными.
Решение
- С первого экрана зафиксировали с копирайтером фокус на корпоративных решениях: «корпоративное ПО», «высоконагруженные системы» – это сразу отсекает часть запросов от малого бизнеса;
- Дальше поддержали тот же фокус через формулировки про бизнес-процессы: акцент на автоматизацию и улучшение процессов, а не на «сделать сайт/приложение под ключ для кого угодно»;
- Описали услуги в корпоративной рамке: разделили направления (front-end, back-end и т. п.), но подали их как часть разработки корпоративных решений, а не «любой разработки на заказ»;
- Показали полный цикл работ от исследования до запуска – это задаёт «взрослый» формат сотрудничества и отсекает тех, кто ищет решение разовой мелкой задачи;
- Подтвердила масштаб практики через логотипы крупных компаний.
Результат
В итоге сайт стал выполнять роль первичного фильтра: пользователь получает достаточно информации, чтобы оценить релевантность и оставить заявку осознанно, а команда – меньше случайных заявок и больше обращений по делу.
Понравился мой подход? Давайте сделаем что-то классное вместе!
Пишите в телеграм: @annapaliivets
Или на почту: anniepaliivets@gmail.com
Следующий кейс
