Ко всем материалам
#Веб-разработка#Кейсы

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

2243 
 

Рассказали, зачем писать кейсы по разработке, что нужно в них отразить, чтобы привлечь внимание целевой аудитории. И привели 5 классных примеров для вдохновения!

Кейсы по разработке сайтов обычно пишут веб-студии и разработчики. И вот с какой целью:

  • Привлечь потенциальных заказчиков.

  • Получить вес в профессиональном сообществе, заявить о себе.

  • Продемонстрировать свои компетенции и специализации на типах, тематике и функционале сайтов.

  • Поделиться результатами.

  • Дать полезную информацию, рассказать об этапах работы, инструментах, фишках.

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

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

На какую тему можно написать кейс по разработке?

  • Создание сайта или лендинга с нуля.

  • Редизайн.

  • Доработка определенного функционала.

  • Тестирование.

  • Разработка вместе с другими услугами (SEO-продвижение, написание текстов и т. д.)

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров Читайте также: Как писать кейсы? Руководство по подготовке кейсов от Workspace

Секреты успешного кейса по разработке сайтов

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

  • Меньше лирики — больше конкретики. Общие слова, вода типа «мы высококлассная веб-студия и команда профессионалов» не дают читателю кейса ровным счетом ничего. Давайте не слова, а цифры, факты, скриншоты до и после, инструменты разработки, движки и шаблоны сайта и т. д.

  • Меньше похвальбушек — больше пользы. Многие скатываются в хвалебные дифирамбы себе любимому и забывают о читателе. Здесь тонкая грань: хвалить себя надо, но не в ущерб пользе, которую дает кейс. Лучше всего хвалиться результатами, выполненными KPI, отзывом клиента.

  • Меньше банальности — больше интриги. Если посмотреть на десяток кейсов по разработке, едва ли 1 выделится из общей массы интересной историей. В основном все стандартно: задача, этапы, инструменты, результаты. Но ведь можно писать не только полезно, но и интересно! Ниже мы расскажем, с помощью каких приемов это можно сделать.

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров Читайте также: Каким должен быть хороший сайт — сделать сайт и не переделывать его через год

Структура продающего кейса по разработке

Мы приводим максимум разделов. Если у вас нет данных по какому-то из них (например, кейс под NDA, нет возможности огласить бюджет или привести отзыв заказчика) — ничего страшного. Пропишите подробно все остальное.

Введение

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

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Задача и KPI

Разработка сайтов — очень широкое понятие. Кому-то нужно создать сайт с нуля, кому-то просто доработать некоторые разделы. У кого-то бюджет небольшой, и его устроит простенький сайт на конструкторе — а кому-то нужен уникальный дизайн. Не говоря уже о типах и назначениях сайтов: корпоративный, интернет-магазин, маркетплейс, новостник, промосайт... Поэтому и задачи, и KPI могут быть разными.

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

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

Особенности проекта

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

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

В этом кейсе детально описаны особенности проекта

Этапы разработки (решение задачи)

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

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Каждый этап нужно было иллюстрировать и подробнее раскрывать

Еще одна распространенная ошибка — в разделе «Решение задачи» просто давать скриншоты страниц созданного сайта:

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Нужно было словами прописать решение, то есть каждый этап работы над сайтом

Помните: кейс — это именно рассказ о проделанной работе, а не просто картинки страниц сайта. Оптимальный вариант оформления этого раздела — описание этапа работы и его иллюстрация. В идеале — еще и объяснение, почему было принято именно такое решение. Например, так:

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Концепция — объяснение — иллюстрация

Сложности

Помните, говорили о том, что в кейсе должна быть интрига? По законам драматургии, чтобы рассказ держал читателя в напряжении, должны быть повороты сюжета, преграды на пути главного героя. И не говорите, что преград и сложностей не было — за несколько месяцев работы над сайтом чего только не бывает:) Не бойтесь, опишите это в кейсе. Заодно и покажете, как умеете справляться с трудностями и решать проблемы.

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Вот как обыграли возникшую сложность агентство Kokoc.com

Результаты

Оптимальный вариант — смотрим, что было написано в разделе «Задача» и прямо по пунктам отвечаем — как выполнили задачи и что получили. Вернее, что получил заказчик — подробно по пунктам и с цифрам.

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Пример результатов после обновления сайта

Отзыв о проекте

Отзыв заказчика — еще одно доказательство, что исполнитель хорошо справился с работой. Также о своих впечатлениях может рассказать и само агентство — взгляд со стороны исполнителя не менее интересен.

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Отзыв заказчика о тестировании сайта

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров Читайте также: Как создать сайт на WordPress с нуля новичкам

Где публиковать кейсы по разработке сайта

  • На своем сайте. Создать раздел кейсов и публиковать самые удачные.

  • На платформах по IT и диджитал: VC.ru, Cossa, Хабр и др. Эти ресурсы читают и разработчики — профессиональное сообщество, и заказчики услуг.

  • На сайтах, где собрана база агентств и заказчиков — Workspace, CMS Magazine. Опубликовать свой кейс там тоже можно бесплатно.

  • Помимо публикаций на разных площадках, кейсы можно и нужно подавать на конкурсы — например, Workspace Digital Awards в номинации Лучшие кейсы по разработке сайтов.

Давайте разберем примеры кейсов по разработке из проектов участников шорт-листов.

  • Новая версия сайта Почта Банка — кейс агентства «Вебпрактик». Крупный клиент обратился с задачей провести редизайн сайта, сменить Платформу на 1С-Битрикс, развернуть облачную архитектуру. Проект предполагал большое количество ежемесячных задач по развитию — исполнителю нужно было сразу использовать «взрослые» решения. Посмотрим, как они это сделали!

  • E-commerce платформа для розничных аптечных сетей Магнит-Аптека — кейс агентства ADV. Это кейс создания сайта с абсолютного нуля — до 2020 года крупнейший ритейлер вообще не присутствовал в онлайне. Вы узнаете, как бизнесу пройти цифровую трансформацию, перестроить процессы и начать продавать онлайн.

  • Внедрение тестирования на NFT проект с 1 миллионом пользователей — кейс агентства KOTELOV. Как мы уже говорили, разработка понятие широкое, в этом проекте нужно было внедрить тестирование с нуля для большего удержания пользователей. NFT-проект с огромной посещаемостью — да это вызов!

  • Обновление сайта музея Анны Ахматовой на Фонтанке — кейс агентства «Лес». Лично была и в музее, и на сайте — и скажу, что с задачей разработчики справились на отлично! Теперь там можно покупать билеты онлайн, оставлять заявки и заказывать индивидуальные экскурсии и мероприятия, переходить на лендинг. А главное — сайт отражает неповторимую атмосферу музея, Серебряного века, поэзии. Кто был — тот поймет!

Как сделать кейс по разработке сайтов: инструкция и 5 отличных примеров

Фрагмент сайта музея Ахматовой

  • Создание B2B-портала CYBERSTEEL — кейс агентства «Факт». Производителю нержавеющих труб нужны были клиенты и продажи — весь сайт заточен именно на это. Разработчикам удалось не просто создать сайт, но и создать дополнительные сервисы для покупателей, дать им полную информацию о продукции и условиях поставки, автоматизировать процесс продажи.

Прием кейсов на конкурс 2024 года откроется уже летом 2023. Следите за нашими статьями, подписывайтесь на ТГ-канал и, конечно, создавайте лучшие кейсы по разработке!

Выскажите мнение
Авторизуйтесь, чтобы добавить свой комментарий.
Valeriy Storodebcev
Valeriy Storodebcev
12 января
за примеры низкий поклон!)
Алексей Парвихин
Алексей Парвихин
9 января
Так, ну видимо надо ставить в план описание кейсов, спасибо за мотивацию и примеры
Игорь Левченко
Игорь Левченко
9 января
Вот кейсы оформлять прям нелюбимое дело, хотя казалось точка роста может быть вполне
Pavel Balyakin
Pavel Balyakin
28 декабря
Виктория, спасибо за рекомендации по написанию кейсов. Всё по делу!
Спасибо! Подписка успешно оформлена

Подписка

Отлично! Мы отправили письмо на указанный вами электронный ящик с инструкцией по подтверждению.

Если письмо с подтвержением вашего e-mail не будет получено в течение 10 минут, пожалуйста, проверьте папку СПАМ в соответствующем почтовом ящике.

2251
Виктория Кучинова
Виктория Кучинова

Коммерческий писатель, редактор, контент-стратег

Похожие статьи