Анимированный лендинг «Биржа труда с ИИ-ботом-экскурсоводом»

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

Цель : Создать качественный лендинг «Биржи труда с ИИ-ботом-экскурсоводом» , на котором ИИ-бот (Имя) сам продаёт свои услуги работодателю, выступая активным анимированным экскурсоводом, проводящим пользователя по странице и объясняющим функционал. Нужно, чтобы выглядело , как новые ИИ технологии. 

ИИ-бот с именем :

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

В дизайн должны быть заложены точки подключения кода:

• onDemoClick()
• onSendResume(candidateId)
• onRequestCandidatePreview()
• renderCandidate(data)
• onSetNotifyPreference()

Бот должен иметь возможность запускать анимации через внешние JS-хуки.

• Форматы анимации: Lottie (JSON) — приоритет, или WebM с прозрачностью. Никаких GIF.
• Адаптивность (Мобильная версия):Обязательно отрисовать дизайн для Mobile (375px).
  • Важно: Продумать, где находится Jobi на телефоне, чтобы он не перекрывал кнопки и текст (например, сверху или снизу экрана).
• Figma: Использование Auto Layout и сетки.

11. Доставляемые материалы

• Figma (desktop + mobile).
• Анимации бота (все состояния, включая «лавочку»).
• Анимация интерфейсных элементов.
• Видео/прототип экскурсии.

Создать сайт или лейдинг , на котором ИИ-бот (Имя) сам продаёт свои услуги работодателю, выступая активным анимированным экскурсоводом, проводящим пользователя по странице и объясняющим функционал, чтобы мы подключили к своему коду его и он работал. 

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

В дизайн должны быть заложены точки подключения кода:

• onDemoClick()
• onSendResume(candidateId)
• onRequestCandidatePreview()
• renderCandidate(data)
• onSetNotifyPreference()

Бот должен иметь возможность запускать анимации через внешние JS-хуки.

• Форматы анимации: Lottie (JSON) — приоритет, или WebM с прозрачностью. Никаких GIF.
• Адаптивность (Мобильная версия):Обязательно отрисовать дизайн для Mobile (375px).
  • Важно: Продумать, где находится Jobi на телефоне, чтобы он не перекрывал кнопки и текст (например, сверху или снизу экрана).
• Figma: Использование Auto Layout и сетки.

11. Доставляемые материалы

• Figma (desktop + mobile).
• Анимации бота (все состояния, включая «лавочку»).
• Анимация интерфейсных элементов.
• Видео/прототип экскурсии.

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

В дизайн должны быть заложены точки подключения кода:

• onDemoClick()
• onSendResume(candidateId)
• onRequestCandidatePreview()
• renderCandidate(data)
• onSetNotifyPreference()

Бот должен иметь возможность запускать анимации через внешние JS-хуки.

• Форматы анимации: Lottie (JSON) — приоритет, или WebM с прозрачностью. Никаких GIF.
• Адаптивность (Мобильная версия):Обязательно отрисовать дизайн для Mobile (375px).
  • Важно: Продумать, где находится Jobi на телефоне, чтобы он не перекрывал кнопки и текст (например, сверху или снизу экрана).
• Figma: Использование Auto Layout и сетки.

11. Доставляемые материалы

• Figma (desktop + mobile).
• Анимации бота (все состояния, включая «лавочку»).
• Анимация интерфейсных элементов.
• Видео/прототип экскурсии.