1. Заголовок
Motion-дизайнер: Lottie-анімація аналізу обличчя для landing (web, векторна)
2. Що робимо
Потрібна одна векторна анімація для hero-секції landing-сторінки веб-продукту (AI-аналіз обличчя, playful-формат).
Сюжет: стилізоване wireframe-обличчя (лінійне, напівпрозоре, намальоване художником — не фото). На нього по черзі «сідають» landmark-точки (очі, ніс, лінія щелепи, брови), між ними будується легка сітка. У фіналі з обличчя м'яко «вилітають» 2–3 невеликі score-картки (напр. Curiosity 88 / 100).
Поведінка: build-in при завантаженні (сітка будується, картки з'являються, ~3–4 с) → далі тихий безшовний цикл (~8–12 с): сітка ледь «дихає», картки м'яко пульсують. Без різких рухів.
3. Стиль
Естетика: editorial, clinical, grey — спокійне світле «студійне повітря», тонкі лінії, м'яке світло зсередини. Референс тону — QOVES face-analysis (преміальний «медично-аналітичний звіт» × журнальний розворот).
Важливо — тон: це playful vibe-аналіз, а НЕ медичне сканування й НЕ розпізнавання особи. Жодних IDENTIFIED-рамок, прицілів-перехресть, червоного, «безпекового» HUD, кібер-неону. Точки й виноски мають відчуватись цікаво й легко, а не як біометричний нагляд.
Палітра й типографіка — суворо за витягом наприкінці цього документа (дотримання палітри — умова приймання).
Референси, які додаю: QOVES-естетика + 2–3 приклади Lottie у сіро-clinical / wireframe-стилі + скріншот hero, куди анімація стане (поруч є скляні картки — анімація має з ними жити, а не сперечатись).
4. Технічні вимоги
- Формат: Lottie JSON, прозорий фон.
- Розмір файлу: ≤ 150 КБ (ідеал ~80–100 КБ).
- 30 fps.
- Без растрових зображень усередині — усе вектор (жодних вбудованих PNG/JPG).
- Мінімум масок і великих градієнтів; без ефектів, які Lottie не рендерить нативно (складні blur, деякі merge-paths). Обов'язково тестувати експорт саме у web-плеєрі (lottie-web / LottieFiles preview), а не лише в After Effects.
- Мобільні: коректно програється й читається на реальних iOS Safari та Android Chrome; на вузькій колонці обличчя/сітка не обрізаються, картки не вилазять за межі; плавно на бюджетному Android.
- Артборд, що чисто масштабується у діапазоні ~360–700px ширини.
- Постачається з reduced-motion кадром — статичний фінальний стан (побудована сітка + картки) для
prefers-reduced-motion.
5. Deliverables + права
Виконавець здає:
- Lottie JSON для landing.
- Reduced-motion статичний кадр (SVG або PNG).
- Редагований вихідник — файл проєкту After Effects (
.aep) з усіма шарами й підписаними групами. - (Опційно / бонус) «тиха» light-версія для login-сторінки з тих самих шарів — якщо вкладаєтесь у бюджет; інакше виноситься в наступний етап.
Права: повна передача виключних майнових прав + необмежене комерційне використання. Виконавець підтверджує, що всі елементи оригінальні або ліцензовані під комерцію.
Шрифти в картках — безкоштовні Google Fonts (Hanken Grotesk, JetBrains Mono), жодних платних-шрифтових пасток.
6. Процес
- Стилфрейм у першу добу — один статичний стоп-кадр майбутньої анімації на затвердження стилю. Я підтверджую того ж дня.
- Після мого «ок» — анімація.
- 2 раунди правок включені в ціну.
- Оплата по етапах через Safe-угоду: частина після затвердження стилфрейму, решта — після приймання фінальних файлів.
Важливий швидкий старт: стилфрейм у першу добу, тож відгукуйтесь лише якщо реально вільні зараз.
7. Бюджет і термін
- Бюджет: $150 за повний обсяг із вихідниками й правами (фіксовано).
- Термін: 4 дні від старту.
8. Що надіслати у відгуку
- 1–2 роботи саме в Lottie / motion (не лише статичні ілюстрації).
- Короткий коментар: як ви бачите цей стиль під наш референс.
- Підтвердження, що можете стартувати одразу й дати стилфрейм у першу добу.
Відгуки без прикладів Lottie й без коментаря по стилю не розглядаю.
Витяг-палітра (віддати обраному виконавцю)
Це все, що потрібно художнику по кольору/типографіці. Повний CSS/репозиторій не передаю.
Фон: нейтральний світлий #f2f5f7.
Лінії сітки, контур обличчя, текст: сірі «чорнильні» тони —#1f2730 (основний), #56606c (вторинний), #8a93a0 (світліший).
Єдиний акцент — лише на вузлах-точках landmark: сіро-сланцевий #505c65(глибший варіант #3b4651). Більше НІДЕ акцент не використовувати.
Заборонено: будь-які інші кольори, насичені градієнти, веселки, неон, червоне,важкі тіні. Тіні — лише м'які, низької прозорості, з холодним відтінком.
Score-картки (trait-reveal):
- напівпрозорі «скляні» плитки (frosted, легкий blur, тонкий світлий кант);
- велика цифра — тонка вага 300, елегантна, не жирна;
- підпис-мітка — маленький моно-шрифт, КАПСОМ, розріджений трекінг.
Шрифти:
- Hanken Grotesk — назви трейтів, підписи (вага 300–500).
- JetBrains Mono — маленькі мітки, індекси, цифрові підписи (напр.
/ 100).
Тон одним рядком: спокійне майже біле студійне повітря, освітлене зсередини;тонкі лінії; один сіро-сланцевий акцент торкається тільки вузлів сітки.