Лендинг Tener.ai
Ідея
Головним завданням було оновити наявну платформу, зробивши ставку на унікальну айдентику. Ми обрали ретрофутуристичний напрям з естетикою командного рядка. Мета — відтворити ностальгійне відчуття інтерфейсів Windows 95 і термінальних консолей, зберігши зручність і швидкість сучасного вебзастосунку. Це баланс між «сирим» технічним стилем та інтуїтивним UX для AI-продукту.
Дизайн і стиль
Робота над візуальною мовою почалася з презентацій. Ми відмовилися від стандартних SaaS-шаблонів на користь моноширинних шрифтів, суворої сітки й характерних системних елементів (вікон, прогрес-барів, піксельних іконок), щоб створити відчуття професійного інструмента для розробників і AI-ентузіастів.
Розробка у Framer
Основним інструментом розробки обрали Framer. Це скоротило час виходу на ринок, бо дозволило пропустити етап макетів у Figma.
Анімація
Анімація стала ключовим елементом занурення. У Rive я розробив складні векторні анімації для головного екрана й візуалізації воронки продажів. На відміну від звичайних відео чи Lottie, анімації Rive повністю інтерактивні, легкі й працюють на стейт-машинах, тож інтерфейс миттєво реагує на дії користувача й посилює відчуття «живої» консолі.
Блог
Для гнучкої роботи з контентом ми підключили Framer CMS. Вона дає блогу чітку структуру, тож команда легко додає нові статті без коду. CMS налаштована під загальний стиль сайту, і нові публікації автоматично отримують ретровайб проєкту.
