Иногда у клиента с самого начала есть представление, как должен выглядеть и работать продающий сайт, — остается только воплотить задуманное. А иногда мы вместе проходим все этапы с нуля: от проработки продукта до финальной отладки интерфейса. Именно с таким кейсом мы столкнулись недавно — и реализовали его за 8 недель. Публикуем отзыв клиента и рассказываем, как работали над проектом.
Хочу поблагодарить Юлию Егорову и всю команду Write-Studio за потрясающе выполненный сайт. Получился очень-очень классный проект, который сейчас набирает обороты!
Было очень комфортно работать: ребята подсказывали, советовали, рекомендовали: что можно сделать, как выйти из той или иной ситуации, как структурировать информацию. Это была полноценная коллаборация, которая и дала такой классный результат».
Светлана Рябова
эксперт-профориентолог и основатель проекта Peersonas
Шаг 0: погружение в детали проекта
Команда: аккаунт-менеджер, маркетолог
Летом 2023 года к нам в агентство digital-маркетинга Write-Studio обратилась Светлана Рябова — специалист по профориентации и основатель Peersonas. Миссия проекта Светланы — помочь подросткам лучше узнать себя, выбрать перспективную профессию, специальность и вуз.
Задача: нужен был сайт на базе стандартных блоков Tilda, чтобы в дальнейшем самостоятельно вносить правки в контент. Ключевые характеристики сайта: удобный, простой и красивый, отражающий миссию проекта и мотивирующий обратиться к эксперту.
Более 15 лет Write-Studio занимается образовательными проектами для взрослых и детей, благодаря этому опыту и комплексному подходу мы воплотили видение Светланы в реальность.
Задача: нужен был сайт на базе стандартных блоков Tilda, чтобы в дальнейшем самостоятельно вносить правки в контент. Ключевые характеристики сайта: удобный, простой и красивый, отражающий миссию проекта и мотивирующий обратиться к эксперту.
Более 15 лет Write-Studio занимается образовательными проектами для взрослых и детей, благодаря этому опыту и комплексному подходу мы воплотили видение Светланы в реальность.
Шаг 1: определение бизнес-целей сайта
Команда: аккаунт-менеджер, маркетолог
Мы провели брифинг и несколько глубинных интервью со Светланой. Определили ключевые вводные по проекту:
Так у нас появился фундамент, на котором можно было создавать сайт.
- этапы развития и цели проекта;
- ситуацию на рынке профориентационного консультирования;
- список конкурентов и преимущества Peersonas на их фоне;
- услуги в рамках проекта — их перечень, особенности, географию, места продаж, принципы ценообразования;
- портрет клиента, заинтересованного в услугах и готового их приобрести;
- причины, по которым клиенты заинтересованы в Peersonas, и сомнения, которые могут их остановить;
- желаемый результат, который получат клиенты благодаря проекту;
- прежний опыт в продвижении проекта;
- задачи сайта и мысль, которую он должен доносить до целевой аудитории;
- фирменный стиль.
Так у нас появился фундамент, на котором можно было создавать сайт.
Шаг 2: разработка структуры
Команда: аккаунт-менеджер, маркетолог
Следующий этап — выстроить интуитивно понятную навигацию, чтобы пользователь, переходя по страницам, легко находил, что ему требуется.
Разработка структуры сайта для Peersonas проходила в 3 этапа:
В результате у нас получилось 9 логично связанных между собой страниц: главная, «О проекте», 3 продуктовые и 3 вспомогательные страницы («Ошибка 404», «Пользовательское соглашение», «Политика обработки данных»), блог.
Разработка структуры сайта для Peersonas проходила в 3 этапа:
- Анализ результатов брифинга, включая цели и задачи проекта, целевую аудиторию, конкурентов и бенчмарок.
- Разработка карты сайта.
- Согласование с клиентом и внесение корректировок.
В результате у нас получилось 9 логично связанных между собой страниц: главная, «О проекте», 3 продуктовые и 3 вспомогательные страницы («Ошибка 404», «Пользовательское соглашение», «Политика обработки данных»), блог.
Структура сайта: упрощенный вид
Структура сайта: полноформатное дерево
Шаг 3: копирайтинг и редактура
Команда: копирайтер, редактор
Какие инструменты мы использовали, чтобы рассказать о продукте и его выгоде:
Результат: мы соблюли баланс между экспертностью и понятностью. У текстов на сайте серьезная, но мягкая и доверительная интонация. Она помогает убедить целевую аудиторию — старшеклассников и родителей подростков — обратиться именно к Peersonas при поиске образовательных и карьерных ориентиров.
- смысловые акценты;
- проработка голоса бренда (Tone of Voice).
Результат: мы соблюли баланс между экспертностью и понятностью. У текстов на сайте серьезная, но мягкая и доверительная интонация. Она помогает убедить целевую аудиторию — старшеклассников и родителей подростков — обратиться именно к Peersonas при поиске образовательных и карьерных ориентиров.
Шаг 4: разработка дизайн-концепции и дизайн
Команда: дизайнер, маркетолог, копирайтер
Мы изучили референсы — сайты, которые нравятся клиенту. Отдельно запросили примеры дизайна, который не нравится. На основе вводных подготовили 2 дизайн-концепции.
По итогам обсуждения и после корректировки деталей Светлана выбрала дизайн-концепцию, которую мы взяли в проработку:
По итогам обсуждения и после корректировки деталей Светлана выбрала дизайн-концепцию, которую мы взяли в проработку:
- сдержанные глубокие оттенки зеленого;
- выделение контрастным цветом самых важных блоков;
- комбинированный визуал: уникальные фото из архива клиента, фото с официальных фотостоков и отрисованные дизайнером иллюстрации.
Шаг 5: верстка
Команда: дизайнер, верстальщик, копирайтер
Мы выполнили верстку в стандартных блоках Tilda и адаптировали их под десктопы, планшеты и мобильные версии. Копирайтер подключался там, где необходимо было скорректировать текст под размеры блоков в других разрешениях.
Дополнительно согласовали со Светланой меню в формате Zero Block: чтобы на всех версиях сайта отображались выбранные клиентом расширенные заголовки.
Дополнительно согласовали со Светланой меню в формате Zero Block: чтобы на всех версиях сайта отображались выбранные клиентом расширенные заголовки.
Хедер и шапка с призывом к действию на главной странице сайта
Шаг 6: тестирование и публикация проекта
Команда: аккаунт-менеджер, верстальщик
Мы опубликовали сайт в тестовом режиме и отладили функционал:
1. Настроили формы сбора данных с перенаправлением заявок на почту, в гугл-таблицы и в телеграм клиента.
1. Настроили формы сбора данных с перенаправлением заявок на почту, в гугл-таблицы и в телеграм клиента.
Форма на сайте
2. Подключили домен и ssl-сертификаты.
3. Проверили скорость загрузки через специальный инструмент Google: PageSpeed.
4. Скорректировали мобильную версию сайта для гаджетов с разной шириной экрана.
3. Проверили скорость загрузки через специальный инструмент Google: PageSpeed.
4. Скорректировали мобильную версию сайта для гаджетов с разной шириной экрана.
Отображение главной страницы на экранах разных гаджетов
Сайт заработал, вот что у нас получилось: peersonas.ru.
Подводим итоги
Для peersonas.ru нам удалось добиться главного: совместить видение клиента с нашими знаниями о том, как превратить сайт в работающий и удобный для пользователя инструмент. Довольны результатами — как и наш заказчик.
«Благодаря тому, что за каждый этап работы отвечал специалист своего дела, проект получился качественным, профессиональным. При этом важно, что ты все время общаешься с одним аккаунт-менеджером, который собирает фидбек от всех специалистов.
Не перестаю благодарить ребят из Write-Studio! Всем советую к ним обращаться».
Светлана Рябова
эксперт-профориентолог и основатель проекта Peersonas
Вашему бизнесу тоже нужен сайт, который приведет клиентов?
Свяжитесь с нами — обсудим проект и проконсультируем
по всем вопросам