Продать концепты, от которых отказались заказчики
Михаил Малков
38 лет
О стажировке в агентстве Spans я узнал на нашей учебной платформе Contented и отправил портфолио. Взяли около десяти человек, но каждый выполнял задачу самостоятельно — нам нужно было создать сервис для продажи дизайн-концептов.
За время работы агентства накопилась большая база идей, которые по той или иной причине не принял заказчик. В основном это:
- брендинг;
- логотипы;
- дизайн-концепты (рекламные кампании, графические элементы, полиграфия и т. д.)
Нам нужно было придумать сервис, где они будут продавать эти концепты другим агентствам, дизайнерам или напрямую клиентам.
Референс к проекту — сайт с дизайн-концептами. Источник
Референс к проекту — сервис заказа необычных букетов. Источник
У нас не было жестких требований — можно было использовать текущий фирменный стиль агентства или создать сайт с нуля. Ребята сказали, что поддержат любые креативные идеи. В итоге работа над проектом заняла четыре недели.
Неделя 1. Взял фотостоки за образец
Первым делом мы занялись исследованием. Нужно было изучить рынок, посмотреть сайты конкурентов, выдвинуть идеи и гипотезы.
Мудборд, который составил Михаил
Я определил для себя две основные группы целевой аудитории:
- Бизнесмены и предприниматели с мелким и средним бизнесом, у которых в штате нет дизайнера, поэтому они выбирают готовое решение, чтобы быстро внедрить его в проект.
- Другие дизайнеры, которые хотят использовать готовые идеи, чтобы сэкономить время.
При анализе конкурентов в большей степени ориентировался на стоки, где можно купить фото, шрифты, логотипы и другие графические элементы. Так появились две идеи для проекта.
Анализ фотостоков, которые нашел Михаил
Сначала хотел сделать сервис, аналогичный стоку, для продажи дизайн-концептов. Добавить туда корзину, чтобы клиенты могли складывать и покупать понравившиеся концепты.
Вторая идея — максимально упростить задачу: отказаться от личного кабинета, корзины и просто предложить пользователям список концептов с кратким описанием, а для связи с менеджером добавить форму заказа.
Концепт будущего сайта
Неделя 2. Сделал раздел вместо отдельного сайта
После обсуждения мы с ментором остановились на второй идее. Решили, что вместо отдельного сайта будем создавать дополнительный раздел на текущем сайте Spans. Это решение показалось нам интереснее и проще в реализации.
Читайте также:
«Надо как-то нативненько»: что такое нативный дизайн и чем он отличается от других
Сначала я проработал структуру сервиса и построил CJM с подробным описанием пользовательского пути.
CJM будущего концепт-маркета
Потом начал делать дизайн: рисовать кнопки и наполнять сайт контентом. Остановился на фирменном стиле Spans, чтобы новый раздел выглядел органично на сайте агентства.
Сайт агентства Spans. Источник
Однако мне казалось, что некоторые элементы я могу улучшить, поэтому кое-где решил отступить от дизайн-системы. Например, сделал немного в другом стиле карточки товаров.
Первый вариант карточек товара
Неделя 3. Нашел восемь человек для тестирования
Когда дизайн был готов, собрал первый интерактивный прототип для юзабилити-тестирования. Нужно было найти добровольцев и получить у них обратную связь. Обратился к знакомым предпринимателям, а еще написал в Telegram-сообщества, чтобы найти респондентов-дизайнеров. У меня получилась группа из восьми человек.
Я не рассказывал ребятам, что это за проект, чтобы проверить, смогут ли они сориентироваться самостоятельно. В конце задал вопросы: все ли понятно? Удобно ли пользоваться сайтом? Понимают ли они, что это за продукт?
Здесь произошло крупное разочарование, потому что многие мои идеи оказались непонятыми. По обратной связи от респондентов я выяснил, что:
- пользователям непонятно, на каком разделе сайта они находятся;
- они не видят разницы между портфолио и дизайн-концептами;
- не все поняли название страницы SpansMarket;
- процесс покупки не очень удобный, т. к. как на странице нет корзины.
Неделя 4. Вернулся к фирменному стилю Spans
После тестирования внес в проект несколько правок:
- Отказался от экспериментов с дизайном и вернулся к фирменному стилю агентства, чтобы максимально упростить разработку.
Итоговый дизайн магазина концептов
- Добавил дополнительные блоки, чтобы пользователи лучше понимали, в каком разделе сайта они находится.
Новый блок, поясняющий пользователю, что такое дизайн-концепты
- Доработал блок обратной связи. Раньше он был всплывающим окном, а теперь мы добавили его на страницу товара, чтобы он всегда был перед глазами.
Форма обратной связи в карточке товара
Название страницы SpansMarket оставил прежним, несмотря на негативную обратную связь респондентов. Еще сделал адаптацию для мобильной версии. Этого не было в техническом задании, но я решил сразу предложить вариант.
Итоговый дизайн для мобильной и веб-версий
Мобильная версия концепт-маркета
Узнал свои пробелы в знаниях
Ребятам из Spans понравился мой дизайн, они сказали, что он чистый, аккуратный, удачно подобраны иллюстрации. Из пожеланий — чуть лучше проработать анимацию и карточки товаров. У меня были довольно большие блоки текста, которые можно организовать и сделать удобнее для пользователя.
Я рад, что принял участие в стажировке. В тот момент я заканчивал обучение в Contented, и это помогло мне проверить, насколько хорошо усвоились темы. Например, когда я выполнял исследования и строил карту пользовательского пути, то возникало много вопросов к ментору. Она всегда была на связи и очень помогла с проектом. Не уверен, что достиг бы такого результата в одиночку.
Готовый проект Михаил выложил на Behance. Источник
Еще было интересно увидеть в конце работы других студентов. Был удивлен тем, насколько разными получились наши решения. Мне нравится мой результат, хоть он и отличается от того, что сделали остальные ребята.
У Михаила хорошо получилась исследовательская часть. Видно, что он серьезно подошел к анализу пользователей, их потребностей и проблем. Эта работа выделялась на фоне остальных своим продуктовым подходом, т. к. сделан акцент на удобство и логику интерфейса.
Однако визуальная часть выглядит менее выразительно. Возможно, в проект стоит добавить чуть больше “жизни” — немного смелости в цветах и графике.
Пока планов на реализацию именно этого дизайна нет. Но Михаил, как и другие студенты, дал нам определенные выводы на будущее.
Никита Тимофеев, веб-дизайнер Spans
Подход Михаила отличался заметной заинтересованностью: он часто задавал уточняющие вопросы, регулярно обращался за обратной связью, в том числе и после стажировки, а также внимательно вносил правки и прислушивался к каждому комментарию.
Итоговый результат получился с акцентом на минимализм, блочность и современную типографику. Михаилу удалось передать яркую и свежую идентичность агентства Spans, вписаться в рамки заданного стиля и технического задания.
Проект полезный, амбициозный и с приколом, а это отражает философию Spans. Надеемся, что получится выделить ресурсы и запустить маркет в этом году, а может быть, трансформируем его в нечто иное.
Екатерина Полетаева, креативный дизайн-лид в диджитал-агентстве Spans
профессия UX/UI-дизайнер с нуля до про
профессия UX/UI-дизайнер с нуля до про
Создавайте продуманные интерфейсы сайтов и приложений без навыков программирования. Погрузим в дизайн-среду с первого модуля и дадим опыт, который реально пригодится в работе
Научиться