Цифровое агентство · с 2012 года
ДЕЛАЕМСАЙТЫ.КОТОРЫЕ ВЫБИРАЮТ.
Делаем сайты, которые превращают
«просто посмотрю» в «давайте обсудим».
Начнём с бесплатного прототипа за 1 день.
Вы увидите идею до решения о разработке.
Наши работы
Вместо тысячи слов.
Наши сайты.
Разные ниши. Разные характеры.
Нажмите на логотип — сайт откроется
в новой вкладке.
Ваша ниша не похожа ни на одну из этих?
Тем интереснее будет ваша работа.
Вместе с TONAVI
Наши партнёры.
Люди и компании, с которыми мы работаем.
За дизайном — результат
Красиво — это начало.
Дальше — в цифрах.
Кейсы TONAVI: сайт в связке с рекламой.
Результаты конкретных проектов,
а не обещание одинаковых цифр всем.
за месяц на выкуп авто
за месяц для брокера
Начинаем с вашей задачи
Что должен
делать ваш сайт?
Выберите задачу.
Покажем, какой сайт поможет её решить.
Одна страница. Одна цель.
Соберём предложение, ответы на возражения и форму заявки в один маршрут. Для услуги или продукта, на который вы ведёте рекламу.
- Оффер и структура
- Адаптивная вёрстка
- Формы и аналитика
Как это сделано
Детали, которые цепляют.
Попробуйте сами.
Несколько примеров того, как сайт может отвечать на ваши действия. Наведите курсор или коснитесь карточки — и посмотрите, что произойдёт.
Прожектор
Под курсором проступает слой, которого в покое нет вовсе. Так прячут не текст, а лишний шум: человек светит туда, куда смотрит.
Электрическая кайма
Кайма не нарисована — она вращается за краем карточки и видна полосой в полтора пикселя. В покое не горит совсем.
Расшифровка
Число собирается из мусора за шесть десятых секунды. Приём для цифры, которую нужно заметить, а не пробежать глазами.
Занавес
Второй слой стоит наготове, срезанный в ноль. Наведите — поднимется.
Наклон и блик
Карточка поворачивается вслед за курсором, блик едет отдельно. Девять градусов — предел: дальше начинается кривизна, а не объём.
Разрез
Два цветных дубля разъезжаются и складываются обратно. Приём громкий и потому редкий: одна карточка на страницу.
Из тумана
Не «размытое становится чётким», а обесцвеченное набирает краску. Так видно и фокус, и сам цвет.
Волна
Нажмите в любом месте карточки. Кольцо расходится от точки касания и удаляется само, когда отыграет.
Магнитное поле
Точки разбегаются от курсора и возвращаются на места. Считается только пока курсор внутри — иначе двенадцать полей съедят кадр.
Обводка
Линия обходит карточку по периметру. Длина берётся замером у самой фигуры: зашитое число врёт при любой смене ширины.
Встречные ленты
Две строки ползут в разные стороны. Под курсором разворачиваются и набирают цвет.
Неоновый след
Свет даёт тень, а не подмена шрифта: подмена сдвинула бы строку. Нить прочерчивается слева направо.
От задачи до работающего сайта
Ваш сайт.
Шаг за шагом.
Переключайте этапы и смотрите, что вы получаете на каждом.
Пример ниже показывает, как меняется один и тот же проект.
Сначала разбираемся
Что должен сделать
сайт для бизнеса?
Обсуждаем ваш продукт, покупателей и задачу. Собираем предложение, ради которого человеку захочется обратиться.
Мебель по индивидуальным размерам
Идея становится видимой
Сначала логика.
Потом оформление.
Показываем порядок блоков, заголовки и путь к обращению. Вы проверяете смысл на конкретном прототипе.
Появляется характер
Та же структура.
Уже ваш бренд.
Добавляем типографику, цвет и движение. Собираем адаптивную страницу: на телефоне она остаётся такой же понятной.
Ваш характер.
Мебель, которая подходит именно вам.
Ваш характер.Обсудить
Проверяем перед стартом
Можно открывать
для клиентов.
Подключаем домен, формы и аналитику. Проверяем, что заявки доходят, а страницей удобно пользоваться с телефона.
- ✓Домен и HTTPSСтраница открывается
- ✓Форма обращенияДоставка заявки проверена
- ✓Телефоны и планшетыАдаптив проверен
- ✓АналитикаЦели настроены
До начала работы
Вы покупаете результат.
Без сюрпризов в смете.
Стоимость фиксируем.
Считаем после обсуждения задачи. Состав работ и сумма известны до старта.
Сроки записываем.
Этапы и даты — в плане работ. Возврат при срыве срока закрепляем договором.
Сначала показываем.
Бесплатный прототип за день. Посмотрите на идею и решите, хотите ли идти дальше.
Люди TONAVI
За каждым сайтом —
люди, которым не всё равно.
Знакомьтесь с командой TONAVI: руководство, разработка, проджект-менеджмент и другие направления компании.
Обсудить ваш проект ↗
Анна
Основатель и директор

Карина
Разработка

Сергей
Разработка

Даниил
Разработка

Влада
Проджект-менеджер

Полина
Ассистент ПМ

Полина
Руководитель

Ксения
Сопровождение

Екатерина
Сопровождение

Анастасия
Закуп

Дарья
Закуп

Ольга
Бухгалтерия

Эмма
Руководитель

Полина
Менеджер по развитию

Марина
Торговый представитель

Александр
Торговый представитель

Алексей
Торговый представитель

Виктор
Торговый представитель
Начнём с вашей задачи.
Познакомимся — и найдём решение.
Следующий проект — ваш
ДАВАЙТЕ
СДЕЛАЕМ
ГРОМКО.
Расскажите, чем занимаетесь.
Начнём с идеи вашего сайта и бесплатного прототипа за один день.












































