Кейсы

От идеи до готового сайта на Tilda: кейс Peersonas. Проект по карьерному консультированию для школьников

Иногда у клиента с самого начала есть представление, как должен выглядеть и работать продающий сайт, — остается только воплотить задуманное. А иногда мы вместе проходим все этапы с нуля: от проработки продукта до финальной отладки интерфейса. Именно с таким кейсом мы столкнулись недавно — и реализовали его за 8 недель. Публикуем отзыв клиента и рассказываем, как работали над проектом.

Хочу поблагодарить Юлию Егорову и всю команду Write-Studio за потрясающе выполненный сайт. Получился очень-очень классный проект, который сейчас набирает обороты!

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

Светлана Рябова

эксперт-профориентолог и основатель проекта Peersonas

Шаг 0: погружение в детали проекта

Команда: аккаунт-менеджер, маркетолог
Летом 2023 года к нам в агентство digital-маркетинга Write-Studio обратилась Светлана Рябова — специалист по профориентации и основатель Peersonas. Миссия проекта Светланы — помочь подросткам лучше узнать себя, выбрать перспективную профессию, специальность и вуз.

Задача: нужен был сайт на базе стандартных блоков Tilda, чтобы в дальнейшем самостоятельно вносить правки в контент. Ключевые характеристики сайта: удобный, простой и красивый, отражающий миссию проекта и мотивирующий обратиться к эксперту.

Более 15 лет Write-Studio занимается образовательными проектами для взрослых и детей, благодаря этому опыту и комплексному подходу мы воплотили видение Светланы в реальность.

Шаг 1: определение бизнес-целей сайта

Команда: аккаунт-менеджер, маркетолог
Мы провели брифинг и несколько глубинных интервью со Светланой. Определили ключевые вводные по проекту:
  • этапы развития и цели проекта;
  • ситуацию на рынке профориентационного консультирования;
  • список конкурентов и преимущества Peersonas на их фоне;
  • услуги в рамках проекта — их перечень, особенности, географию, места продаж, принципы ценообразования;
  • портрет клиента, заинтересованного в услугах и готового их приобрести;
  • причины, по которым клиенты заинтересованы в Peersonas, и сомнения, которые могут их остановить;
  • желаемый результат, который получат клиенты благодаря проекту;
  • прежний опыт в продвижении проекта;
  • задачи сайта и мысль, которую он должен доносить до целевой аудитории;
  • фирменный стиль.

Так у нас появился фундамент, на котором можно было создавать сайт.

Шаг 2: разработка структуры

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

Разработка структуры сайта для Peersonas проходила в 3 этапа:
  1. Анализ результатов брифинга, включая цели и задачи проекта, целевую аудиторию, конкурентов и бенчмарок.
  2. Разработка карты сайта.
  3. Согласование с клиентом и внесение корректировок.

В результате у нас получилось 9 логично связанных между собой страниц: главная, «О проекте», 3 продуктовые и 3 вспомогательные страницы («Ошибка 404», «Пользовательское соглашение», «Политика обработки данных»), блог.
Структура сайта: упрощенный вид


Структура сайта: полноформатное дерево

Шаг 3: копирайтинг и редактура

Команда: копирайтер, редактор
Какие инструменты мы использовали, чтобы рассказать о продукте и его выгоде:
  • смысловые акценты;
  • проработка голоса бренда (Tone of Voice).

Результат: мы соблюли баланс между экспертностью и понятностью. У текстов на сайте серьезная, но мягкая и доверительная интонация. Она помогает убедить целевую аудиторию — старшеклассников и родителей подростков — обратиться именно к Peersonas при поиске образовательных и карьерных ориентиров.

Шаг 4: разработка дизайн-концепции и дизайн

Команда: дизайнер, маркетолог, копирайтер
Мы изучили референсы — сайты, которые нравятся клиенту. Отдельно запросили примеры дизайна, который не нравится. На основе вводных подготовили 2 дизайн-концепции.

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

Шаг 5: верстка

Команда: дизайнер, верстальщик, копирайтер
Мы выполнили верстку в стандартных блоках Tilda и адаптировали их под десктопы, планшеты и мобильные версии. Копирайтер подключался там, где необходимо было скорректировать текст под размеры блоков в других разрешениях.

Дополнительно согласовали со Светланой меню в формате Zero Block: чтобы на всех версиях сайта отображались выбранные клиентом расширенные заголовки.
Хедер и шапка с призывом к действию на главной странице сайта

Шаг 6: тестирование и публикация проекта

Команда: аккаунт-менеджер, верстальщик
Мы опубликовали сайт в тестовом режиме и отладили функционал:
1. Настроили формы сбора данных с перенаправлением заявок на почту, в гугл-таблицы и в телеграм клиента.
Форма на сайте
2. Подключили домен и ssl-сертификаты.
3. Проверили скорость загрузки через специальный инструмент Google: PageSpeed.
4. Скорректировали мобильную версию сайта для гаджетов с разной шириной экрана.
Отображение главной страницы на экранах разных гаджетов
Сайт заработал, вот что у нас получилось: peersonas.ru.

Подводим итоги

Для peersonas.ru нам удалось добиться главного: совместить видение клиента с нашими знаниями о том, как превратить сайт в работающий и удобный для пользователя инструмент. Довольны результатами — как и наш заказчик.

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

Не перестаю благодарить ребят из Write-Studio! Всем советую к ним обращаться».

Светлана Рябова

эксперт-профориентолог и основатель проекта Peersonas

Вашему бизнесу тоже нужен сайт, который приведет клиентов?

Свяжитесь с нами — обсудим проект и проконсультируем

по всем вопросам

2024-04-22 15:50