@vladislovesv отвечаем в течение дня
Написать
Услуги Стек Подход Проекты Контакты
Написать @vladislovesv · отвечаем в течение дня

Сайт агентства в формате мини-приложения — New Time Investment

Нижняя навигация, ИИ-консультант и озвучка карточки объекта — ощущается как приложение, а не сайт

Тип
Мини-апп · демо
Город
Аланья, Турция
Языки
RU
Год
2026
New Time Investment — главная страница на компьютере
New Time Investment — экран на телефоне

Задача

Показать агентству, каким может быть его сайт, если думать о нём как о приложении: большинство клиентов открывают ссылку с телефона, поэтому главное — под большим пальцем, а объект можно не только посмотреть, но и послушать. Структура главной повторяет реальный сайт агентства блок за блоком.

Что сделали

Навигация как в приложении

Нижняя панель на телефоне, крупные зоны нажатия и плавные переходы между разделами.

ИИ-консультант

Подбор объекта в формате разговора прямо на главной — вместо длинной формы.

Озвучка объекта

Кнопка «Расскажи об объекте» читает карточку вслух — удобно, когда смотреть неудобно.

Каталог с фильтрами

Покупка и аренда, категории «Горячие», «Новые», апартаменты, виллы и коммерция, поиск по объектам.

Калькулятор доходности

Ставка аренды, рост стоимости, расходы и налог — чистыми в месяц и итог за несколько лет.

Анимации

Мягкое появление блоков при прокрутке, с отключением для тех, кто просит меньше движения.

Экраны

ПК 1440 и телефон 390 · данные — демо
New Time Investment — Каталог с фильтрами и категориями
Каталог с фильтрами и категориями
New Time Investment — Объект: галерея и калькулятор доходности
Объект: галерея и калькулятор доходности
New Time Investment — Телефон: каталог и карточка объекта (1/2)
New Time Investment — Телефон: каталог и карточка объекта (2/2)
Телефон: каталог и карточка объекта

Результат

12блоков главнойв той же последовательности, что у сайта агентства
3шаблона страницглавная, каталог и страница объекта
9объектов в демо-каталогес фото, фильтрами и карточками

Стек и что входит

Технологии
  • HTML
  • CSS
  • JavaScript
  • Web Speech API
  • IntersectionObserver
  • Cloudflare Pages
Что входит
  • Дизайн мобильной и десктопной версии
  • Главная, каталог и объект
  • ИИ-консультант и озвучка
  • Калькулятор доходности
  • Анимации с учётом prefers-reduced-motion

Похожие проекты

Все проекты
Все проекты

Хотите сайт, который ощущается как приложение?

Первая консультация: разберём задачу и покажем 2–3 похожих примера из портфолио

Обсудить проект
ОБСУДИТЬ
ПРОЕКТ