Кейс: как мы делали сайт для компании, которая занимается обработкой данных
ВНИМАНИЕ!
Дальше придется много читать, приготовьтесь. Будем рассказывать о процессе создания сайта на Тильде, чтобы вы понимали как мы работаем над проектами и тоже захотели делать свой новый сайт у нас :)
Дальше придется много читать, приготовьтесь. Будем рассказывать о процессе создания сайта на Тильде, чтобы вы понимали как мы работаем над проектами и тоже захотели делать свой новый сайт у нас :)
Вводные
О компании
Статзилла занимается статистической обработкой и анализом данных, прогнозированием для науки и бизнеса. Работает в двух направлениях: услуги профессиональных статистиков и первый в мире сервис, который возможностями искусственного интеллекта сам подбирает методы анализа и выдает готовый отчет с графиками и таблицами. Короче, как вы поняли, все сложно, придется разбираться.
С чем пришли
Заказчик (далее Екатерина) пришел, чтобы сделать сайт для решения нескольких задач. 1. Рассказать о компании. 2. Команда много участвует в научной и предпринимательской жизни, накопилось много материалов и нужно собрать их в одном месте. 3. Продавать услуги для науки и бизнеса.
Что решили
Решение плавно вытекает из задач: сделали 3 основные страницы + страницу блога и новостей. На главной рассказали о компании, сферах деятельности и поделились всеми важными ссылками. Страницы для бизнеса и науки сделали в виде посадочных, на которые потом будет идти трафик. Для удобства объединили все это общей навигацией.
Хочу сразу посмотреть результат, без этих ваших текстов →
Хочу сразу посмотреть результат, без этих ваших текстов →
Главная задача:
Рассказать просто о сложном.
Рассказать просто о сложном.
Детали
Еще совсем чуть-чуть описания, чтобы у вас сложилась полная картина и переходим к делу.
Что внутри?
Выше мы описали, с какой задачей к нам пришла Екатерина. Но это то, что на поверхности. Главная задача оказалась внутри.
Статистика — наука сложная. Особенно, если вы ей не занимаетесь профессионально. Целевая аудитория в ней не разбирается. Ей нужно получить результат, не углубляясь в теорию. Основные сегменты ЦА — это ученые, которые пишут диссертации, и предприниматели, которые хотят улучшить показатели. У обоих сегментов есть понимание конечной цели и некоторый набор ключевых слов. По этим словам они ищут решение и понимают, туда ли они попали.
Как решим?
Из описания ЦА очевидно, что погружаться в детали статистики и козырять терминами — плохая идея. Все равно никто ничего не поймет.
Раз аудитория не разбирается в теме, то лучше общаться с ней на понятном языке и показать, какие болевые точки, с которыми они сталкиваются, можно решить с помощью статистики и данных. То есть, мы будем продавать не сложный продукт, а решение конкретных, понятных проблем ЦА.
Погнали
Еще не устали? :) Тогда
Этап погружения и сбора информации занял 2 дня.
Погружаемся
в бизнес
в бизнес
Формулируем около 50 вопросов для Екатерины, чтобы лучше разобраться в работе её компании. Вопросы об услугах, позиционировании, внутренних процессах. Обо всем, что поможет максимально показать пользу, которую приносит Статзилла своим клиентам.
Информации куча, основные тезисы формируем в ментальную карту, чтобы ничего не упустить. Она получилась такой здоровой, что занимала 4 экрана.
Информации куча, основные тезисы формируем в ментальную карту, чтобы ничего не упустить. Она получилась такой здоровой, что занимала 4 экрана.
Определяем целевую аудиторию
Анализируем тех, кто обращается за услугами в Статзиллу, выделяем два главных сегмента, чтобы бить в них точечно и к каждому обращаться на их языке. А у каждого из них свой особый язык, да :) Выясняем, какие проблемы они хотят решить, с какими вопросами обращаются, что для них важно. Чтобы понять как выстраивать логику, о чем говорить на сайте и как побудить их воспользоваться услугами.
Анализируем тех, кто обращается за услугами в Статзиллу, выделяем два главных сегмента, чтобы бить в них точечно и к каждому обращаться на их языке. А у каждого из них свой особый язык, да :) Выясняем, какие проблемы они хотят решить, с какими вопросами обращаются, что для них важно. Чтобы понять как выстраивать логику, о чем говорить на сайте и как побудить их воспользоваться услугами.
Наука.
Конечно же, в очках
Конечно же, в очках
Из ученых в Статзтиллу обращаются в основном медики, которые пишут научную работу или статью в профильный журнал. Аналитика данных — часть их работы, в которой они обычно не разбираются. Но она важна, потому что если данные анализировать не правильно, то их статьи/диссертации никто не примет.
Бизнес.
Само собой, при галстуке
Само собой, при галстуке
Основная цель, с которой приходят в Статзиллу предприниматели — увеличение показателей. От конверсии на сайте до расчета стоимости нового продукта, который нужно вывести на рынок. Обычно у них есть данные, которые долго копились, но нет понимания, что с ними делать или наоборот есть потребность эти данные собрать.
Изучаем конкурентов
Анализируем конкурентов по 11 показателям, чтобы понять, что у них хорошо, а что плохо. Почти все они выглядят плохо в плане дизайна и понятных текстов, тут-то мы их и победим.
Выделяем основные преимущества. Например, у Статзиллы есть компетенции не только в статистике, но и в науке, и в маркетинге, в отличие от большинства конкурентов, поэтому они хорошо понимают клиента, а клиент их.
Выделяем основные преимущества. Например, у Статзиллы есть компетенции не только в статистике, но и в науке, и в маркетинге, в отличие от большинства конкурентов, поэтому они хорошо понимают клиента, а клиент их.
Углубляемся
в мат.часть. Уфф...
в мат.часть. Уфф...
Чтобы лучше понимать предмет, читаем статьи про статистику и статистический анализ: для чего он нужен, какие задачи решает, какие методы использует. Людям без математического склада ума даже соваться туда не стоит :)
Поэтому важно показать, что со Статзиллой все просто: озвучиваешь задачу → получаешь результат.
Поэтому важно показать, что со Статзиллой все просто: озвучиваешь задачу → получаешь результат.
Круто.
Информации гора, начинаем из нее формулировать тексты. Это процесс мыслительный, тут особо ничего не покажешь. Но в итоге написано 10 страниц текста для 3 страниц сайта. Теперь все это нужно аккуратно упаковать, чтобы выглядело красиво и читалось легко.
Приступаем.
Информации гора, начинаем из нее формулировать тексты. Это процесс мыслительный, тут особо ничего не покажешь. Но в итоге написано 10 страниц текста для 3 страниц сайта. Теперь все это нужно аккуратно упаковать, чтобы выглядело красиво и читалось легко.
Приступаем.
Упаковка
Упаковку будем рассматривать на примере страницы для бизнеса, чтобы не растягивать описание совсем долго. Остальные страницы сможете посмотреть, перейдя на сайт.
Этот этап занял 4 дня
Ассоциация
У нас было понимание, в каких ситуациях клиенты обычно обращаются в Статзиллу. На втором экране мы описываем эти ситуации в общем, чтобы человек мог сказать «да, это про меня» с эмоциональной точки зрения. Это привлечет внимание и побудит изучать сайт дальше.
Задачи
Мы любим давить на «больное» :) Поэтому снова говорим о том, что наш клиент может зарабатывать больше, и раскрываем самые распространенные ситуации, описывая их максимально доступно для клиента — показываем, что Статзилла его понимает.
Инструменты
Рассказываем о некоторых конкретных показателях, которые влияют на деньги в кассе и как Статзилла с ними работает. Это те вещи, на которые непосредственно влияют данные. Показываем важность их анализа и использования.
Призыв
После рассказа о том, какие конкретно показатели влияют на результаты бизнеса побуждаем посетителя оставить заявку.
Кто ж не хочет повысить свои результаты?!
Кто ж не хочет повысить свои результаты?!
Услуги
Переходим к описанию того, что делает Статзилла, чтобы повышать эффективность бизнеса клиента. Перечисляем услуги и коротко рассказываем, что происходит в процессе. Блок-конкретика, который содержит ключевые слова, по которым посетитель понимает, что здесь он получит то, зачем пришел.
Кнопками побуждаем заказать услугу. При клике появляется окошко, которое собирает контактные данные для обратного звонка.
Кнопками побуждаем заказать услугу. При клике появляется окошко, которое собирает контактные данные для обратного звонка.
Даже больше
Инструментов у Статзиллы много, и мы показали лишь основные, чтобы обозначить направление.
Теперь говорим о том, что это не все. Предлагаем подобрать решение конкретно под его запрос или получить прайс с перечислением всех услуг.
Теперь говорим о том, что это не все. Предлагаем подобрать решение конкретно под его запрос или получить прайс с перечислением всех услуг.
Кейсы
Показываем, что конкретно уже делали и для кого, с коротким описанием проблемы и решения. Чтобы посетитель мог посмотреть конкретные примеры из жизни. Статзилла работает по договору NDA, который не позволяет разглашать большинство названий и цифр, поясняем это в описании, находим плюс и в этом. Ведь заказчики могут быть спокойны относительно конфиденциальности своих данных, если будут работать со Статзиллой.
Экспертность
Напоследок подтверждаем экспертность Статзиллы ссылками на их публикации и статьи о ней в профильных изданиях. И хвастаемся крупными клиентами, с данными которых Статзилла уже поработала. Этот хорошие социальные доказательства, которые вызывают доверие к компании.
Дальше идут еще два экрана с формой обратной связи и контактами, но не будем вас перегружать, посмотрите потом на сайте.
Есть ряд социальных доказательств, которые тоже хорошо влияют на доверие. Это рассказ о команде, отзывы, фотографии с мероприятий, но о них мы рассказали на главной и не стали дублировать на посадочных. До них посетитель легко может добраться через меню.
Есть ряд социальных доказательств, которые тоже хорошо влияют на доверие. Это рассказ о команде, отзывы, фотографии с мероприятий, но о них мы рассказали на главной и не стали дублировать на посадочных. До них посетитель легко может добраться через меню.
Дизайн
Дизайн и сборка основной версии заняли 3 дня
Главное — простота восприятия
У заказчика уже был персонаж — Статзилла и сине-фиолетовый градиент. Но были сомнения, стоит ли их использовать. Все таки тема серьезная, сложная, а тут какие-то яркие цвета и динозаврик мультяшный. Мы этот вопрос обсудили и пришли к выводу, что как раз поэтому эти элементы и стоит использовать. Чтобы тема воспринималась легко и задорно. Все же люди, всем нужны эмоции.
Добавили еще несколько градиентов, чтобы разбавить немного гамму. Верстку сделали простой, с крупными заголовками, чтобы глазу было за что цепляться. Добавили несколько ненавязчивых интерактивных элементов: анимаций и параллакс-эффекта. Так, чтобы они не мешали, но подчеркивали технологичность компании в их айти-тусовке.
Добавили еще несколько градиентов, чтобы разбавить немного гамму. Верстку сделали простой, с крупными заголовками, чтобы глазу было за что цепляться. Добавили несколько ненавязчивых интерактивных элементов: анимаций и параллакс-эффекта. Так, чтобы они не мешали, но подчеркивали технологичность компании в их айти-тусовке.
Ну всё...
Осталось совсем чуть-чуть. Нельзя обойти стороной технические моменты типа адаптации, подключения форм и сео-оптимизации.
Этот, последний, этап занял 3 дня
Адаптивность
Казалось бы, кто сейчас не сидит в интернете с телефона. Но метрика старого сайта Статзиллы показала, что с телефона к ним заходят всего 10% посетителей. Это не повод обделить их качественным отображением, поэтому мы сделали полную адаптацию под планшеты и мобильники.
Сео, формы, фавикон, карта
Еще мы сделали первичную сео-опитимизацию, чтобы сайт индексировался поисковиками и получал из них органический трафик: прописали основные ключевые слова, изображениям задали альт-тэги, которые способствуют продвижению, задали тэги Н1, Н2 и Н3. Еще оформили отображение при постах в социальные сети, сделали уникальный фавикон, который отображается во вкладке браузера. Подключили формы для приема данных. Сделали карту, с отметкой расположения офиса. Сделали телефон кликабельным, чтобы с мобильников можно было звонить при клике на него. Ну еще некоторые мелочи, чтобы было совсем хорошо. Потом все протестировали, проверили работу всех форм, кнопок, карты и отдали в пользование Статзилле :)
Ура!!!
Вы все осилили, поздравляем :) Теперь предложим вам заказать разработку сайта у нас.
:)
Екатерина Власенко
Наша компания впервые обратилась к Даниилу с задачей обновить (*создать заново) сайт, который будет отражать тонкость и разнообразность деятельности нашей компании (а это весьма специфичное и разношерстное направление деятельности, сайт должен был быть максимально информативным). Сайт должен был притягивать клиентов, разъясняя, чем мы занимаемся. Результатом остались очень довольны. Сайт стал гораздо функциональней, внешне смотрится слажено и понятно, дополнен милыми картинками (все как мы любим) для разгрузки глаза и легкой навигации. Работать с Даниилом было легко и приятно, он не грузит непонятными терминами, доносит мысли человеческим языком, а, главное - дает профессиональные советы открыто, а не подстраивается под прихоти клиента. Сроки соблюдает, на просьбы реагирует оперативно. В будущем надеемся на дальнейшее сотрудничество! А Даниилу желаем успехов и развития в деятельности! :)
Сооснователь Статзиллы
90 000₽
Стоит разработка подобного сайта, включая всю проделанную работу.
От
14 дней
От
Занимает разработка подобного сайта с нуля до запуска.