Сайт использует cookie-файлы. К cайту подключен сервис Яндекс.Метрика, который использует cookie-файлы. Оставаясь на сайте, вы даете свое согласие на обработку персональных данных в порядке, указанном в Политике обработки персональных данных.

Как веб-дизайнеру оформить кейс, который привлечет клиентов

Запись вебинара в Tilda Publishing (ноябрь 2022) и статья с главными советами из эфира
[ запись эфира на YouTube канале Tilda Publishing ]
Что важно учесть веб-дизайнеру при подготовке кейса, чтобы он приносил клиентов.
[ статья по мотивам эфира ]

Зачем веб-дизайнеру портфолио с кейсами

Портфолио — главный инструмент для привлечения клиентов. Если вы не покажете свои работы, о вас не узнают. Даже талантливые дизайнеры теряют заказчиков просто потому, что откладывают создание портфолио.
Сценарий из практики

Ваш клиент Василий Иванович рекомендует вас своему знакомому бизнесмену Михаилу.

Михаил собирает контакты четырех дизайнеров и начинает изучать их сайты. У трех специалистов есть подробные кейсы с описанием работы. У вас — только ссылки на готовые сайты или вообще ничего.

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

Главная ошибка в оформлении кейсов

Дизайнеры часто показывают работы одним из двух способов:

  • Просто ссылки на сайты клиентов
  • Несколько скриншотов с сайтов

Это лучше, чем ничего. Но главная ошибка — не рассказывать о работе.

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

Что такое кейс

Кейс — это не набор красивых картинок. Это рассказ о том, как вы решали задачу клиента.

Разница между портфолио и кейсом:

  • Портфолио — показывает, что вы делаете
  • Кейс — показывает, как вы решаете проблемы

Кейс убеждает заказчика в вашей экспертности и показывает, что вы можете помочь с его задачей.

Структура сильного кейса

Ниже 6 элементов, которые сделают кейс сильным.
[ 01 ] Покажите задачу клиента
Расскажите, с чем клиент пришел к вам. Опишите конкретную проблему или цель:

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

Пример: «Клиент продавал курсы через социальные сети, но хотел собственную платформу для обучения.

Нужен был сайт с возможностью оплаты и личным кабинетом для учеников».

Избегайте общих фраз вроде «клиент хотел современный сайт». Будьте конкретны.
[ 02 ] Опишите ваш путь по проекту
Покажите, как вы шли к решению. Разбейте работу на этапы:

  • Что вы делали на старте проекта
  • Какие решения принимали
  • Почему выбрали тот или иной подход
Пример структуры кейса:

  • Изучили конкурентов и целевую аудиторию
  • Составили структуру сайта
  • Разработали несколько вариантов главной страницы
  • Выбрали оптимальное решение вместе с клиентом
  • Создали прототип
  • Сверстали и запустили
Этот блок показывает ваш профессионализм и системность мышления.
[ 03 ] Покажите результат с разных сторон
Представьте итоговую работу детально:

  • Десктопная версия (несколько экранов)
  • Мобильная версия
  • Интересные детали интерфейса
  • Особенности дизайна

Не ограничивайтесь одним скриншотом главной страницы. Покажите разные разделы сайта, состояния элементов, интересные решения.

Когда показываете скриншоты, комментируйте их. Объясняйте, на что обратить внимание: «В каталоге сделали крупные карточки с акцентом на фото товара — так клиентам проще выбирать». Это работает сильнее, чем просто показать картинку.
[ 04 ] Расскажите о трудностях на пути
Этот блок необязательный, но полезный. Опишите проблемы, которые возникли в процессе, и как вы их решили:

  • Технические ограничения
  • Изменение требований клиента
  • Сложности с согласованием
  • Варианты дизайна, которые не сработали

Пример: «Первый вариант главной был перегружен информацией. После теста на фокус-группе упростили структуру — оставили только ключевые блоки».

Эти истории показывают, как вы справляетесь с кризисными ситуациями и адаптируетесь к изменениям.
[ 05 ] Добавьте отзыв клиента
Попросите у клиента комментарий о работе.

Варианты:

  • Текстовый отзыв со ссылкой на соцсети клиента
  • Видеоотзыв (можно записать на телефон)
  • Короткая цитата

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

Если клиент не привык говорить на камеру, помогите ему: приходите с телефоном, задавайте наводящие вопросы и записывайте разговор. Это проще для человека, чем писать текст самому.
[ 06 ] Добавьте призыв к действию
В конце кейса расскажите, как с вами можно связаться и начать работу:

  • Форма обратной связи
  • Контакты (телефон, email, мессенджеры)
  • Ссылка на бриф или консультацию

Человек прочитал кейс, ему интересно — не заставляйте его искать, как с вами связаться. Сделайте это простым действием прямо на странице кейса.

Можете копировать этот блок из кейса в кейс — не нужно каждый раз придумывать новый.

Что можно опустить

Не все блоки обязательны в каждом кейсе.

Если клиент не дал отзыв — не проблема, продолжайте без него. Если проект был простым и трудностей не возникло — не высасывайте их из пальца. Не нужно писать о проблемах ради самих проблем

Пишите честно.

Если история простая: получили задачу, сделали, клиент принял — опишите это так и покажите качественный результат.

Как поддерживать портфолио актуальным

Со временем ваши работы будут казаться устаревшими — это нормально. Значит, вы растете.

Что делать:

  • Держите в портфолио 10-15 лучших работ
  • Старые кейсы убирайте в архив или удаляйте
  • Добавляйте новые проекты по мере роста уровня
  • Обновляйте портфолио хотя бы раз в полгода

Помните: человек не будет смотреть все 100 ваших работ. Покажите лучшее.

Практический совет

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

Не откладывайте. Даже один хорошо оформленный кейс лучше, чем десять ссылок на сайты без объяснений.
Подписывайтесь на мой телеграм-канал, чтобы не пропускать новое в базе знаний
Made on
Tilda