😃 Качаем харды. Как делать кейсы быстро и безболезненно

Дарья Приходько, веб-дизайнер MIKHAILOV studio

1. Кейсы нужно планировать, как проекты

Создание кейса — это тоже задача, которую нужно вписывать в рабочий график и ставить себе дедлайны. Без этого оформление кейсов всегда «на потом».

2. Избавьтесь от страха чистого листа

В студии мы сделали шаблон для кейсов в Figma. В нём собраны все фреймы нужных размеров под посты, сторисы, обложки и слайды для кейсов. Есть секции под разный контент.

3. Сбор референсов — отдельный этап

Чтобы удобно собрать референсы в Figma без пиксельных скринов, можно использовать:

GoFullPage — делает скриншоты кейсов целиком, поэтому удобно анализировать структуру;

Insert Big Image — вставляет эти скрины в Figma в хорошем качестве.

Мастер-класс «Как делать кейсы быстро и безболезненно»

4. Что показать в кейсе

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

Ниже варианты, что можно показать в кейсе:

— главный экран;

— о проекте, цели и задачи;

— типографика и цвета;

— карта сайта / userflow / прототип;

— UI kit;

— дизайн-макеты;

— мобильная версия;

— логотип и его варианты;

— сетка и шаблоны;

— фото и мокапы;

— анимация;

— финальный экран с благодарностью и контактами.

5. Делайте по принципу «прогрессивного JPEG»

При подготовке кейсов мы используем принцип, о котором говорит Артемий Лебедев в своём «Ководстве» — метод прогрессивного JPEG.

Суть проста: сначала показать общую картину крупными мазками, а уже потом постепенно добавлять детали.

Мастер-класс по созданию кейсов от Дарьи Приходько, веб-дизайнера MIKHAILOV studio

2 часа практики пролетели незаметно и кто-то даже начал оформлять свой первый кейс! Делитесь, пригодились бы вам такие советы в начале пути?)