Реактивные сайты

на Gatsby

Реактивные сайты  Gatsby
image evilUnion card
image evilUnion card
image evilUnion card

Набор наших инструментов

Нажмите на интересный

Figma
Фильтры
Predict conversion
Import Tilda
Виджеты
Подставные заголовки
Gitlab
CMS
Storybook
Калькуляторы
Lighthouse
PWA
React

Делаем все макеты в Figma.

Перед разработкой сайта у вас будет возможность ознакомиться с внешним видом и согласовать его.

evilUnion

Мы не используем грязные шаблоны со стоков с множеством ошибок.

Ниже отчеты из Google Analytics, гдe аудитории разбиты на две группы - покупатели и не покупатели

Распределение загрузки среди пользователей при помощи гистограммы одного из сайтов.

Здесь видно, что 70 процентов пользователей имеет загрузку больше чем 1 секунда. А 25 процентов – больше 3 секунд!

Можно смело сказать, что этот бизнес теряет значительную часть прибыли.

Цитата Google про скорость

Если этого отчета вам мало, то вот тут есть 30 кейсов с экспериментами про скорость и влияние этого на конверсию.

Google Analytics

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

Сред. взаимодействие с документом — среднее время (в секундах), которое браузер затрачивает на обработку документа. Документация по разделу.

Яндекс метрика

В разделе “Отчеты” -> “Мониторинг” -> “Время загрузки страниц” -> “Сравнить сегменты“. Выбирайте один сегмент, который совершает целевые действия, а другой не совершает. И смотрите на разницу в показателях.
Документация по разделу

Скорее всего, вы проверяете скорость сайта при использовании сети Wi-fi. Далеко не все ваши посетители имеют такое подключение. Многие из них находятся не дома: в дороге, в метро, за городом. Они используют мобильный интернет, а он не всегда 4G. Также вы были на своем сайте много раз и у вас уже есть сохраненный кэш в вашем браузере. Именно по этой причине для определения скорости нужно использовать отчет в GA c гистограммой.

Вы можете имитировать медленное подключение в браузере Google Chrome. Для этого нужно перейти в режим разработчика, нажав на клавишу F12, а после перейти на вкладку “Network”. В ней нужно нажать на “disable cache” и нажать на “trottling”. В всплывающем окне выбрать режим замедления - “Fast 3g”. Теперь вы можете попользоваться вашим ресурсом, как новый пользователь без подключенного Wi-fi. Можно добавить свою скорость соединения в кастомные настройки, если вы считаете, что 3G – это слишком радикально.

Узнайте, на сколько вы увеличите доход, при более высокой конверсии

Чтобы поменять значения в калькуляторе потяните за ползунок или нажмите на цифру. Значения в ползунке разбиты на 5 диапазонов значений.

Бюджет на маркетинг в год:

5,000,000

Доход с клиента в течение года:

20,000

Издержки на реализацию товара:

5,000

Количество покупателей в год:

1,000

Визиты на сайт за год:

200,000

Конверсия:

0.5 %

Прибыль:

10,000,000

CAC:

5,000

стоимость привлечения клиента

ROI:

100 %

Благодаря быстрой загрузке сайта и эффективному дизайну можно увеличить конверсию в среднем от 10% до 70%. Проверьте сами, как изменятся показатели вашего бизнеса.

Увеличение конверсии:

+

%

Конверсия:

0.6 %

Прибыль:

13,000,000

CAC:

4,167

ROI:

118 %

Коротко об нашем подходе к разработке

Наши сайты легко превращаются в PWA-приложения, которые можно установить на рабочий стол телефона или компьютера через браузер, минуя официальные магазины приложений.

В этом исследовании мы изучили 200 сайтов, разработанных на 4 системах. Мы использовали два инструмента — Google PageSpeed и Selenium — для имитации throttling.

На каждую систему было выбрано 50 сайтов. Сайты брались из официальной страницы и сайта awwwards.com. В равной степени участвуют интернет магазины и обычные проекты. Полный список тут.

Полное исследование мы можете изучить тут

Умеем выстраивать новый сайт поверх прошлого. Например, если у вашей системы есть готовые интеграции с доставкой, CRM-системой, складом и бухгалтерией, то мы можем их оставить. Мы будем использовать информацию из вашей старой CMS для построения нового сайта, а процессы оставить на прошлом ресурсе. Естественно, мы можем переписать ваши интеграции, если они устарели и не пригодны для дальнейшей жизни. У нашей команды большой опыт создания и работы с API.

Проще говоря, мы можем осуществить мягкий переход от одной системы к другой. Мы сделаем новое лицо вашего сайта, оставив старые внутренности. Если какие процессы внутри совсем в плохом состоянии, мы их переделаем. Одна из самых популярных причин медленных сайтов –использование готовых шаблонов, которые хранят в себе устаревшие решения или неиспользованный код.

Используем Correspondence analysis для построение карт восприятия. Мы создаем таблицу с конкурентами и их атрибутами, а затем ее в двухмерное пространство. Такой подход позволяет создавать оптимальный набор атрибутов, а также находить новые направления.

Мы используем специальный сервер для международных проектов. Это позволяет добиваться хорошего соединения на каждом континенте.

Сайт хорошо доступен только в европе

Сайт доступен везде хорошо

image evilUnion card
Наши работы