Сайт агентства у форматі мініапки — New Time Investment
Нижня навігація, ШІ-консультант і озвучення картки об’єкта — відчувається як застосунок, а не сайт
- Тип
- Мініапка · демо
- Місто
- Аланія, Туреччина
- Мови
- RU
- Рік
- 2026
Завдання
Показати агентству, яким може бути його сайт, якщо думати про нього як про застосунок: більшість клієнтів відкривають посилання з телефона, тож головне — під великим пальцем, а об’єкт можна не лише подивитися, а й послухати. Структура головної повторює справжній сайт агентства блок за блоком.
Що зробили
Навігація як у застосунку
Нижня панель на телефоні, великі зони натискання й плавні переходи між розділами.
ШІ-консультант
Підбір об’єкта у форматі розмови просто на головній — замість довгої форми.
Озвучення об’єкта
Кнопка «Розкажи про об’єкт» читає картку вголос — зручно, коли дивитися незручно.
Каталог із фільтрами
Купівля й оренда, категорії «Гарячі», «Нові», апартаменти, вілли й комерція, пошук за об’єктами.
Калькулятор дохідності
Ставка оренди, зростання вартості, витрати й податок — чистими за місяць і підсумок за кілька років.
Анімації
М’яка поява блоків під час прокрутки, з вимкненням для тих, хто просить менше руху.
Екрани
ПК 1440 і телефон 390 · дані — демо
Результат
Стек і що входить
- HTML
- CSS
- JavaScript
- Web Speech API
- IntersectionObserver
- Cloudflare Pages
- Дизайн мобільної й десктопної версії
- Головна, каталог і об’єкт
- ШІ-консультант і озвучення
- Калькулятор дохідності
- Анімації з урахуванням prefers-reduced-motion
Схожі проєкти
Усі проєкти
Хочете сайт, який відчувається як застосунок?
Перша консультація: розберемо завдання й покажемо 2–3 схожі приклади з портфоліо
Обговорити проєктПРОЄКТ