Бизнес знает задачу. Сайт помогает выбрать решение.
CRM, интеграции, собственные продукты и заказная разработка - у Нектара много способов помочь бизнесу. В редизайне я связала их в понятную систему: от знакомой проблемы до подходящей услуги и первого разговора с командой.
Многонаправлений.Однапричинаобратиться.
Руководителю нужна работающая система: видеть продажи, организовать задачи, связать сервисы. Название технологии - только часть этого выбора. При этом другой посетитель уже ищет конкретно Битрикс24 или amoCRM.
Мне нужно было удержать оба сценария. Показать широту экспертизы компании и помочь человеку найти свое направление, не заставляя сначала разбираться во всем предложении.
Я развела навигацию по намерению посетителя. Услуги отвечают на вопрос «что вы делаете», продукты - «с чем работаете», направления автоматизации - «какую задачу решаете». Развернутое меню показывает соседние возможности сразу: их можно сопоставить, не открывая страницы по очереди.
Когда продукт уже знаком
Для посетителя, который ищет конкретную платформу, я собрала направления в развёрнутое меню. Соседние услуги видны сразу: можно оценить предложение, не открывая страницы по очереди.
Сохранить ориентиры на телефоне
На узком экране я собрала разделы в раскрывающееся меню. Группы услуг сохраняются, а подробный список виден внутри выбранного направления без необходимости показывать все одновременно.
От «что мы делаем» к «что это даст вашему бизнесу».
Веб-разработка и внедрение CRM описывают работу компании. Рост продаж, безопасность и порядок в процессах - задачи ее клиента. Я связала эти два языка на главной: конкретные услуги объясняют экспертизу, а карточки целей помогают узнать свою потребность.
Так сайт дает точку входа и человеку с готовым запросом, и тому, кто пока ищет способ решить проблему.
В тарифах много похожих возможностей и важных различий. Я собрала их в одинаковую структуру, чтобы взгляд мог двигаться между вариантами по одной строке. Тип поставки, состав и стоимость получили отдельные уровни внимания.
Сначала тип решения
Переключатель облачных и коробочных тарифов стоит над сравнением. Сначала посетитель задает контекст выбора, затем изучает варианты внутри него.
Одинаковый порядок критериев
Возможности расположены в одной последовательности во всех колонках. Можно сравнить нужную функцию по горизонтали, не искать ее заново в каждой карточке.
Цена рядом с действием
Стоимость и выбор тарифа завершают каждую колонку. После сравнения понятно, какое действие относится к понравившемуся варианту.
Я разделила два уровня готовности посетителя. Тем, кто изучает услугу, показала шесть этапов внедрения - от анализа до сопровождения. Тем, кому нужен ответ применительно к своей компании, предложила консультацию.
Процесс объясняет, что будет дальше. Форма помогает сделать первый шаг, даже если точный состав решения еще не выбран.
Фиолетовые градиенты и объемная графика задают технологичный образ. Светлые поверхности оставляют место для чтения и сравнения. Я собрала кнопки, переключатели и поля в общую систему состояний, чтобы интерфейс последовательно показывал действие, выбор и ошибку.
Фирменный фиолетовый, нейтральные поверхности и функциональные цвета состояний.
На узком экране крупная графика легко вытесняет содержание. В мобильных макетах я сохранила характер первого экрана, но выстроила вертикальный порядок: предложение, основное действие, смежные продукты. Контакты остаются наверху, навигация собирается в отдельное меню.
Для ключевых страниц подготовила и планшетные версии: адаптация учитывает промежуточную ширину, а не только два крайних размера.
Облачный продукт, телефония и внедрение требуют разных аргументов. Я сохраняла навигацию и язык компонентов, а акценты меняла под предложение страницы: возможности, демонстрация, стоимость или обсуждение задачи.
Я собрала многостраничный сайт с общей навигацией, адаптивными версиями и UI kit.
В результате у каждого уровня интереса есть продолжение: узнать направление, изучить продукт, сравнить варианты или обсудить свою задачу с командой.
