Техническое задание на разработку дизайна корпоративного сайта 1. Общая информация 1.1 Назначение дизайна Разработка визуального оформления корпоративного сайта компании ProAIConnect, предоставляющей услуги по внедрению и обслуживанию чат-ботов для бизнеса. Дизайн должен быть современным, технологичным, адаптивным и удобным для пользователей. 1.2 Этапы работы • Первый этап (MVP): Дизайн одностраничного сайта с описанием сервиса, преимуществ, тарифов и кейсов. • Второй этап: Дизайн личного кабинета клиентов (ЛК) с доступом к статистике, биллингу, управлению тарифами. ______________________________________ 2. Функциональные требования к дизайну 2.1 Дизайн одностраничного сайта (MVP) Структура страниц: 1. Главный экран (hero section) o Логотип o Слоган: "Про разговоры, про AI — про ваш результат" (Pro Conversations, Pro AI, Pro Results) o Кнопка "Попробовать бесплатно" / "Оставить заявку" 2. О сервисе o Краткое описание возможностей ИИ-ботов. o Как чат-бот помогает бизнесу (экономия времени, круглосуточная поддержка, снижение нагрузки на операторов). 3. Преимущества o Гибкая настройка бота под задачи бизнеса. o Интеграция с CRM, мессенджерами, сайтом. o AI-аналитика и автоматизация процессов. o Высокая точность ответов и самообучение модели. 4. Как это работает o Блок с пошаговым объяснением (1. Настройка 2. Интеграция 3. Запуск 4. Аналитика). 5. Тарифы o Таблица с тарифными планами (Базовый, Стандарт, Премиум). o Возможность оставить заявку. 6. Кейсы и отзывы o Реальные примеры внедрения чат-ботов (1-3 успешных кейса). o Отзывы клиентов. 7. Контакты и форма заявки o Форма обратной связи. o Контактная информация (email, телефон, соцсети). 2.2 Дизайн Личного кабинета (ЛК) Структура ЛК: • Авторизация (email + пароль, OAuth через Google, Telegram). • Дашборд с основными метриками. • Статистика работы чат-бота (количество диалогов, конверсия, эффективность). • Биллинг и баланс. • Управление тарифами (повышение/понижение тарифа, оплата). • Интеграция с CRM и мессенджерами. • API-ключи для подключения к системе. ______________________________________ 3. Дизайн и UI/UX 3.1 Основные требования • Прототипы должны быть представлены в Figma. • Дизайн страниц: o Главная страница (одностраничный сайт) o Личный кабинет (дизайн интерфейса пользователя) • UI Kit: o Набор компонентов (кнопки, формы, карточки, иконки, цвета, шрифты) o Типографика и сетка o Стили для UI элементов 3.2 Визуальный стиль • Адаптивность: Поддержка мобильных, планшетов, десктопов. • Минималистичный стиль: Легкий, технологичный дизайн. • Основные цвета: Белый, синий, фиолетовый (оттенки AI и технологии). • Шрифты: Современные (например, Inter, Roboto). • Графика: SVG-иконки, анимации в WebP или Lottie. ______________________________________ 4. Примеры аналогов и конкурентов • Tidio (www.tidio.com/) – Чат-боты и автоматизация для бизнеса. • ManyChat (manychat.com/) – Интерактивные боты для мессенджеров. • BotHelp (bothelp.io/) – Российский сервис чат-ботов. • ChatBot (www.chatbot.com/) – AI-боты для клиентской поддержки. ______________________________________ 5. Дополнительные пожелания • Возможность быстрого редизайна или расширения функционала. • Учет безопасности данных (SSL, шифрование API-ключей). • В дальнейшем интеграция с Roistat, CRM-системами. Ожидаемый результат (2-4 недели) • Дизайн MVP (первый этап) • Дизайн ЛК (второй этап)