TONAVIОбсудить проект

Цифровое агентство · с 2012 года

ВАС ЗАМЕТЯТ.И ВЫБЕРУТ.

Делаем сайты, которые превращают
«просто посмотрю» в «давайте обсудим».

Начнём с бесплатного прототипа за 1 день.
Вы увидите идею до решения о разработке.

ВАШ БИЗНЕСВ центре внимания.
Дизайн цепляет. Логика продаёт.Листайте. Дальше — доказательства

Наши работы

Вместо тысячи слов.
Наши сайты.

Разные ниши. Разные характеры.
Нажмите на логотип — сайт откроется
в окне прямо на этой странице.

Выбранные работыВыберите тот, что ближе вашему бизнесу

Ваша ниша не похожа ни на одну из этих?
Тем интереснее будет ваша работа.

Обсудить мою задачу

За дизайном — результат

Красиво — это начало.
Дальше — в цифрах.

Кейсы TONAVI: сайт в связке с рекламой.
Результаты конкретных проектов,
а не обещание одинаковых цифр всем.

Начинаем с вашей задачи

Что должен
делать ваш сайт?

Выберите задачу.
Покажем, какой сайт поможет её решить.

Лендингот 7 дней

Одна страница. Одна цель.

Соберём предложение, ответы на возражения и форму заявки в один маршрут. Для услуги или продукта, на который вы ведёте рекламу.

  • Оффер и структура
  • Адаптивная вёрстка
  • Формы и аналитика
Хочу лендинг

Как это сделано

Детали, которые цепляют.
Попробуйте сами.

Несколько примеров того, как сайт может отвечать на ваши действия. Наведите курсор или коснитесь карточки — и посмотрите, что произойдёт.

01 · маска

Прожектор

Под курсором проступает слой, которого в покое нет вовсе. Так прячут не текст, а лишний шум: человек светит туда, куда смотрит.

02 · конический градиент

Электрическая кайма

Кайма не нарисована — она вращается за краем карточки и видна полосой в полтора пикселя. В покое не горит совсем.

03 · перебор знаков1253 ПРОЕКТА

Расшифровка

Число собирается из мусора за шесть десятых секунды. Приём для цифры, которую нужно заметить, а не пробежать глазами.

04 · clip-path

Занавес

Второй слой стоит наготове, срезанный в ноль. Наведите — поднимется.

05 · 3D и блик

Наклон и блик

Карточка поворачивается вслед за курсором, блик едет отдельно. Девять градусов — предел: дальше начинается кривизна, а не объём.

06 · смешивание слоёвСБОЙ

Разрез

Два цветных дубля разъезжаются и складываются обратно. Приём громкий и потому редкий: одна карточка на страницу.

07 · фильтры

Из тумана

Не «размытое становится чётким», а обесцвеченное набирает краску. Так видно и фокус, и сам цвет.

08 · нажатие

Волна

Нажмите в любом месте карточки. Кольцо расходится от точки касания и удаляется само, когда отыграет.

09 · холст

Магнитное поле

Точки разбегаются от курсора и возвращаются на места. Считается только пока курсор внутри — иначе двенадцать полей съедят кадр.

10 · вектор

Обводка

Линия обходит карточку по периметру. Длина берётся замером у самой фигуры: зашитое число врёт при любой смене ширины.

11 · встречный ход

Встречные ленты

Две строки ползут в разные стороны. Под курсором разворачиваются и набирают цвет.

12 · свечениеПРОТОТИП ЗА ДЕНЬ

Неоновый след

Свет даёт тень, а не подмена шрифта: подмена сдвинула бы строку. Нить прочерчивается слева направо.

Прозрачная разработка

Никакой магии.
Кроме результата.

Вы видите, как идея становится сайтом.
И согласуете каждый важный шаг.

01

Сначала — ваш бизнес.

Разбираемся, кто покупает, что мешает решиться и почему должны выбрать вас. Из этого рождаются предложение и структура.

На выходе → логика будущего сайта
02

Идею уже можно увидеть.

Собираем прототип: расставляем акценты, пишем текст, выстраиваем путь к заявке. Обсуждаем конкретную страницу.

На выходе → согласованный прототип
03

Теперь — характер.

Дизайн, который узнают. Движение, которое помогает. Вёрстка, которой удобно пользоваться и на большом экране, и на телефоне.

На выходе → работающий сайт
04

Запуск — это старт.

Подключаем формы и аналитику. Проверяем сценарии обращения. После запуска смотрим поведение посетителей и находим, что улучшить.

На выходе → сайт, готовый принимать клиентов

До начала работы

Вы покупаете результат.
Без сюрпризов в смете.

Стоимость фиксируем.

Считаем после обсуждения задачи. Состав работ и сумма известны до старта.

Сроки записываем.

Этапы и даты — в плане работ. Возврат при срыве срока закрепляем договором.

Сначала показываем.

Бесплатный прототип за день. Посмотрите на идею и решите, хотите ли идти дальше.

Следующий проект — ваш

ДАВАЙТЕ
СДЕЛАЕМ
ГРОМКО.

Расскажите, чем занимаетесь.
Начнём с идеи вашего сайта и бесплатного прототипа за один день.

+7 (931) 521-31-35
Начнём с вашего проекта

Обсудим задачу, структуру и сроки. Разработка начинается после согласования условий.

Удобнее в переписке?Написать в Telegram ↗︎
TONAVI · НОВЫЙ ПРОЕКТ

ДОБАВИМ ВАШ
САЙТ СЮДА.

Превью проектаОткрыть сайт ↗︎

Загружаем сайт…