Кейс · сайт и визитки

CLONAR

Компания создаёт цифровых двойников — виртуальных консультантов, учителей и продавцов для бизнеса. Я спроектировала сайт на русском и английском, который сам выглядит как технология будущего, и сделала визитки в том же стиле.

Сайт CLONAR на планшете
НишаЦифровые аватары для бизнеса
Что делалаСтруктура, дизайн, анимации, Tilda, визитки
Версии сайтаРусская и английская
Задача

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

01

Образ

Хром, перламутр и мягкие градиенты. Технологичность видна с первого экрана, до чтения текста.

02

Структура

Аватар сам рассказывает, кем может работать: продавцом, учителем, риэлтором. Каждая отрасль находит себя.

03

Интерактив

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

Первый экран

Аватар встречает и моргает

На первом экране не фотография, а цифровая девушка. Она моргает и смотрит на посетителя, поэтому продукт понятен ещё до первого слова.

Вокруг логотипа — хромовые формы и бегущая строка «Будущее уже здесь».

Аватар CLONAR моргает на первом экране

Выбирай любого

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

нажмите, чтобы увеличить
Смена персонажей в блоке «Реалистичность»
Цели проекта

Пять задач, которые решает сайт

Сайт работает на имидж и на продажи: показывает, что CLONAR опережает рынок, и ведёт к заявке.

ПозиционированиеТехнологичность, новизна и гибкость продукта в визуале и интерфейсе
КонверсияПреимущества понятны сразу, путь до заявки короткий
B2BСвой пример для ритейла, банков, девелопмента и обучения детей
АйдентикаМинимализм, иммерсивность и доверие
ВовлечениеАнимации и интерактив, чтобы продукт хотелось исследовать
Блок «Что ты умеешь?»
Визуальный стиль

Холодный перламутр и живой хром

Голубой и сиреневый перетекают друг в друга, как свет на экране. Хромовые 3D-формы добавляют ощущение технологии, а много воздуха держит строгий B2B-тон.

голубой · #BDF2FB
сиреневый · #BEB8E8
графит · #464D55
Сайт CLONAR в ноутбуке

Экраны сайта

нажмите на экран — откроется целиком
Разные языкиАватар сам переключается на язык собеседника
Персонажи для детейЛюбимые герои как виртуальные учителя
Как это работаетТехнологии аватара раскрываются по клику
Знакомство с продуктомПервый экран, о компании, реалистичность и роли
Первые блоки страницы CLONAR
Технологии и заявкаЯзыки, персонажи, как это работает, история и форма
Блоки о технологиях и форма заявки

Мобильная версия

нажмите, чтобы увеличить

Визитки в стиле сайта

Две версии: светлая с аватаром и тёмная с хромом. Визитка продолжает сайт, и бренд узнаётся офлайн.

нажмите, чтобы увеличить
Светлая визитка CLONAR, лицевая сторона
Светлая визитка CLONAR
Тёмная визитка CLONAR с хромом
Тёмная визитка CLONAR

Компания, которая растёт

CLONAR развивается по всему миру, поэтому я сделала сайт на русском и английском. Он должен был соответствовать уровню продукта.

2018Старт компании, исследование 90 потенциальных заказчиков
3 млн ₽Грант Фонда содействия инновациям
1 местоНа выставке «Архимед-21» за лучшее изобретение в сфере ИТ
Результат

Сайт-демонстрация технологии, которую он продаёт

Посетитель видит аватара в деле с первого экрана, находит пример для своей отрасли и оставляет заявку.

  • Живой первый экран: аватар моргает и встречает посетителя
  • Смена персонажей показывает гибкость продукта
  • Роли и отрасли для B2B: ритейл, банки, девелопмент, обучение
  • Русская и английская версии для выхода на мировой рынок
  • Визитки в том же технологичном стиле
закрыть ✕

Расскажите о задаче отвечу в течение дня

Предложу, как её решить, сколько это займёт и сколько будет стоить.

Полина Гагальчийсайты, логотипы, фирменный стиль
⌄
    или напишите в телеграм ↗
    Заявка у меня.Отвечу в течение дня, с вариантами решения.
    Made on
    Tilda