Как я создала удобный шаблон для магазина стикеров на Wildberries и завоевала любовь заказчика

Привет, ребята! Я senior дизайнер Hi-Fi стриминга Звук, и я развиваю свой собственный проект по дизайну карточек для маркетплейсов 360wbdone. Сегодня я расскажу вам, как у меня получилось решить сложную задачу и завоевать лояльность заказчика.

Кстати, подпишитесь на мой Behance, там ещё больше кейсов :)

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

"Задача сложная и интересная, в ней много подводных камней, непонятно, как считать стоимость" — подумала я и всё равно приняла заказ.

Первым делом мы определились, какое настроение будет у наших новых карточек.

Из трёх вариантов мы выбрали мудборд на тему семейных посиделок. Посыл был такой: наклейки – это символ притяжения семьи, атрибут семейного очага, то, чем ты украшаешь свой дом, чтобы в нём было теплее.

Далее мы выбрали референсы. Из обсуждения я выяснила, что заказчица хочет что-то простое и светлое, но в то же время креативное.

Третий этап подготовки был посвящён выбору цветовой палитры. Здесь я столкнулась с первым опасением заказчицы: красный цвет выглядит хорошо, но не будет ли это ту мач? А сочетание красного и зелёного это как «Вкусно и точка».

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

Четвёртый этап был посвящён подбору шрифтовой пары. Заказчица уже твёрдо прочувствоваласьсь референтами, поэтому выбрала первый вариант. Но в итоге мы решили, что соединим шрифты из первого и второго вариантов.

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

Главной задачей от шаблона было создать видимость навигации по магазину и внутри самой карточки.

Поэтому я на основе согласованных референсов задизайнила 2 вида элементов: категоризацию по предназначению стикеров и прогресс-бар слайдов карточки.

Далее я создала технический обязательный элемент – внешний вид обозначения размеров. Нужно, чтобы он везде был одинаковый и хорошо считывался.

Осталось создать удобные виды плашек и заполнить пустое пространство полями для фотографий.

Плашки нашли свой вид во флажках и стандартных закруглённых прямоугольниках.

В моём шаблоне появились иконки, их нужно было систематизировать. Я отобрала те, которые соответствовали смыслу текстов и приложила к шаблону.

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

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

Последнее, что я добавила в шаблон – были иллюстрации. Мне показалось, что тематика магазина располагает к себе добавление иллюстраций на макет карточки.

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

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

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

На 8 марта я нарисовала для неё набор стикеров для добавления на обложку товаров. Кстати, ссылка на кейс с иллюстрациями вот здесь.

После этого у нас состоялся ещё один заказ на иллюстрации уже к Дню Космонавтики.

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

Я всегда открыта к сотрудничеству. Связаться со мной можно в тг: @allmoro.

Пишите свои комментарии, что вы думаете по этому поводу. Также подписывайтесь на социальные сети проекта:

inst: @360wbdone

Telegram:

Behance