Сделали необычный магазин для дизайнеров: как прошла стажировка студентов в студии Spans

Продать концепты, от которых отказались заказчики

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

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

• брендинг;
• логотипы;
• дизайн-концепты (рекламные кампании, графические элементы, полиграфия и т. д.)

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

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

Неделя 1. Взял фотостоки за образец

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

Я определил для себя две основные группы целевой аудитории:

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

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

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

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

Неделя 2. Сделал раздел вместо отдельного сайта

После обсуждения мы с ментором остановились на второй идее. Решили, что вместо отдельного сайта будем создавать дополнительный раздел на текущем сайте Spans. Это решение показалось нам интереснее и проще в реализации.

Читайте также:

«Надо как-то нативненько»: что такое нативный дизайн и чем он отличается от других

Сначала я проработал структуру сервиса и построил CJM с подробным описанием пользовательского пути.

Потом начал делать дизайн: рисовать кнопки и наполнять сайт контентом. Остановился на фирменном стиле Spans, чтобы новый раздел выглядел органично на сайте агентства.

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

Неделя 3. Нашел восемь человек для тестирования

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

Я не рассказывал ребятам, что это за проект, чтобы проверить, смогут ли они сориентироваться самостоятельно. В конце задал вопросы: все ли понятно? Удобно ли пользоваться сайтом? Понимают ли они, что это за продукт?

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

• пользователям непонятно, на каком разделе сайта они находятся;
• они не видят разницы между портфолио и дизайн-концептами;
• не все поняли название страницы SpansMarket;
• процесс покупки не очень удобный, т. к. как на странице нет корзины.

Неделя 4. Вернулся к фирменному стилю Spans

После тестирования внес в проект несколько правок:

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

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

• Доработал блок обратной связи. Раньше он был всплывающим окном, а теперь мы добавили его на страницу товара, чтобы он всегда был перед глазами. 

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

Узнал свои пробелы в знаниях

Ребятам из Spans понравился мой дизайн, они сказали, что он чистый, аккуратный, удачно подобраны иллюстрации. Из пожеланий — чуть лучше проработать анимацию и карточки товаров. У меня были довольно большие блоки текста, которые можно организовать и сделать удобнее для пользователя.

Я рад, что принял участие в стажировке. В тот момент я заканчивал обучение в Contented, и это помогло мне проверить, насколько хорошо усвоились темы. Например, когда я выполнял исследования и строил карту пользовательского пути, то возникало много вопросов к ментору. Она всегда была на связи и очень помогла с проектом. Не уверен, что достиг бы такого результата в одиночку.

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