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

ВАЖНО: ключевое требование к дизайну — стиль неоморфизм (Neumorphism / Soft UI).

Интерфейс должен соответствовать предоставленным примерам: светлый фон, мягкие объемные карточки, округленные элементы, деликатные внешние и внутренние тени, визуально приподнятые кнопки и аккуратные цветовые акценты. Не нужен плоский Material Design или стандартный корпоративный dashboard.

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

Желательно, чтобы участник имел опыт работы с неоморфизмом.

Использование ИИ допускается как вспомогательного инструмента. Однако финальный результат должен быть передан в редактируемом формате Figma или в виде полноценного HTML-прототипа с исходными файлами. Статические изображения без возможности редактирования не принимаются.

Опишите проект, для которого нужно разработать дизайн интерфейса:

Необходимо разработать современный UX/UI-дизайн личного кабинета клиента охранной компании — клиентской части CRM системы. Это адаптивный вебинтерфейс, в котором клиент видит свои объекты охраны, заявки на подключение, договора, финансовое состояние, счета, акты и историю операций. Задача — сделать большое количество информации понятной, визуально чистой и удобной как на компьютере, так и на смартфоне.

Связан ли проект с вашей компанией:

Да. Это клиентская часть собственной CRM-системы.


Сфера деятельности компании:

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

Описание продуктов/услуг:

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

Каналы распространения и география продаж:

Прямые продажи через менеджеров, сайт, телефонные обращения и цифровые каналы. Обслуживание клиентов осуществляется через вебкабинет, электронную почту, SMS и Telegram.

Основной рынок — Украина.

Портрет целевой аудитории:

Частные лица, физические лица-предприниматели и юридические лица, которые пользуются охранными услугами.

Существующее или вероятное позиционирование:

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

Ключевая идея: «Вся информация о охране ваших объектов — в одном кабинете».

Основные конкурентные преимущества компании/продукта/услуги:

  • Все данные о клиенте, объектах, договорах, заявках и финансах объединены в одной системе.
  • Поддержка как частных, так и корпоративных клиентов с большим количеством объектов.
  • Детализированный финансовый учет по объектам и договорам.
  • Доступ к счетам, актам, договорам и другим файлам без обращения к менеджеру.
  • Клиентский вебкабинет и взаимодействие через Telegram.
  • Отраслевое специализация системы на процессах охранной компании.
  • Возможность адаптировать название, логотип и цвета интерфейса для различных компаний группы.

Целевая аудитория проекта – кто и для каких целей будет им пользоваться:

Внешние клиенты охранной компании.

Пользователь заходит в кабинет, чтобы:

  • быстро проверить общий баланс и наличие задолженности;
  • увидеть состояние своих объектов;
  • проверить статус заявки на подключение;
  • просмотреть условия и статус договора;
  • найти нужный счет или акт;
  • просмотреть историю начислений и оплат;
  • загрузить договор, счет, акт или другой документ;

Основные функции интерфейса:

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

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

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

  • Клиент авторизуется по подтвержденному номеру телефона или электронной почте.
  • Попадает на главную страницу и сразу видит баланс, долг или переплату, количество активных объектов и последние документы.
  • При необходимости переходит в конкретный раздел: «Объекты», «Заявки», «Договора» или «Финансы».
  • Использует поиск, фильтры и сортировку, чтобы найти нужную запись.
  • Открывает детальную карточку объекта, заявки или договора.
  • Просматривает связанные данные и загружает необходимый документ.
  • На мобильном устройстве получает тот же функционал в формате компактных карточек.

Нужно ли использовать визуальные образы, персонажи в дизайне интерфейса? Опишите какие именно.

нет

Язык интерфейса:

Основной язык макетов — украинский. Также нужно предусмотреть возможность переключения интерфейса на русский и английский языки. Компоненты должны корректно работать с текстами различной длины.

Есть ли у вас сайт и фирменный стиль?

Основной сайт находится в разработке, но визуальное направление уже определено. Интерфейс должен быть выполнен в современном стиле неоморфизм.

Должен ли быть интерфейс в фирменном стиле?

Да. Обязательный визуальный стиль — современный неоморфизм в соответствии с предоставленными примерами.

Какие цвета должны быть основными и дополнительными в дизайне интерфейса:

Основной цвет — #27333F.

Акцентный цвет — #EF7D00.

В CRM предусмотрена возможность брендинга интерфейса под собственные цвета различных компаний. Желательно построить дизайн-систему так, чтобы основные и акцентные цвета можно было менять без нарушения целостности дизайна.
Приложения4