Разработка отечественной площадки для дизайнеров Dprofile

Главное о кейсе

В 2022 году большинство площадок, где дизайнеры привыкли размещать свои портфолио, не выглядели перспективными. Instagram* заблокировал возможность давать рекламу, Upwork забанил всех россиян, Dribbble морально устарел, Awwwards и CSSDA не принимают работы из РФ, Вehance урезал возможности для резидентов РФ, а сама компания Adobe заняла антироссийскую позицию.

В ответ мы создали отечественную площадку для дизайнеров Dprofile. Получился качественный инфраструктурный продукт на стыке «Специалист — Заказчик — Рынок», чтобы все участники могли решать свои бизнес-задачи.

Результаты в цифрах за 11 месяцев работы после релиза:

— 19 000+ зарегистрированных пользователей.
— 36 000+ опубликованных кейсов. Многие работы уникальны и загружены только на Dprofile.
— 160 000+ уникальных посетителей в месяц.

Как проект изменил жизнь пользователей

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

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

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


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

Бизнес-задача и ее решение

1) Предоставить специалистам необходимые функции и инструменты для презентации портфолио и монетизации таланта.

Реализовали привычные функции, необходимые для решения бизнес-задач пользователей:
— удобный конструктор для создания и публикации портфолио;
— поиск исполнителей/клиентов;
— каталоги работ и авторов;
— ачивки, за которые начисляются баллы;
— прозрачную систему рейтингов двух видов.

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

2) Создать условия для быстрого и безопасного переноса портфолио с Behance на Dprofile. Цель — максимально упростить переход, чтобы он отнимал минимум времени и ресурсов, был доступным и понятным.

— Реализовали быстрый автоматический импорт портфолио с «Беханс». Перенести кейс можно в пару кликов, и займёт это буквально две минуты. В большинстве случаев не нужно ничего редактировать — с переносом портфолио справится даже специалист без технического бэкграунда, например пиарщик или помощник руководителя.

3) Помочь заказчикам и работодателям просто и быстро находить релевантных специалистов.

— Внедрили расширенную систему поиска по проектам, авторам, рейтингу, категории и городу.
— Реализуем раздел для работодателей. Сейчас это страница с основной информацией для них. К началу следующего года в разделе будут представлены вакансии и разовые заказы. Площадка будет выступать как информационный посредник и не будет брать никаких комиссий. Все расчёты будут проходить напрямую между участниками сделки.
— Создали телеграм-канал «Dprofile. Работа», где размещаем вакансии для дизайнеров бесплатно. Хотя полноценный функционал с вакансиями мы ещё не запустили, работодатели уже обращаются к нам. Канал создали, чтобы не терять эти обращения. У канала уже больше 4,5 тысячи подписчиков.

4) Предоставить онлайн-школам и менторам возможность эффективно продвигать свои образовательные программы и услуги целевой аудитории.

— Реализуем раздел «Образование». Сейчас на странице размещён список школ и менторов, которым мы доверяем. Со временем раздел будет развиваться и обрастать новыми функциями. Получится информативный каталог всех адекватных и полезных курсов по дизайну с удобными фильтрами по тематике, уровню сложности, стоимости, продолжительности и другим параметрам. Чтобы дизайнеры могли быстро понять, какой тип обучения больше всего подойдёт на данном этапе карьерного пути, и сделать взвешенный выбор.

5) Разработать дизайн-концепцию, которая помогала бы сфокусировать внимание на работах дизайнеров, а не на элементах интерфейса.

— В основе нейтрально-серьёзный фирменный стиль с чёрно-белой цветовой схемой. Такое решение позволяет не оттягивать внимание от контента пользователей. Для визуальных акцентов интерфейса — красно-оранжевые элементы.

6) Разработать и запустить площадку в короткие сроки, чтобы как можно скорее закрыть насущные потребности диджитал-рынка и не упустить своё окно возможностей.

— Дизайн разработали по модульной сетке, которая может адаптироваться под разные форматы и размеры экранов без дополнительной разработки. То есть вместо разных версий сайта создали одну универсальную, которая адаптируется под разные устройства и экраны. Это более эффективно экономически и технически, потому что на разработку, обновление и поддержку сайта уходит меньше ресурсов.
— При разработке прототипа одновременно прорабатывали функциональную часть и эстетическую, UI и UX, визуальные решения и архитектуру как единое целое. Благодаря этому сэкономили время и ресурсы продакшена.
— Разработку Dprofile начали с монолита на Laravel и Vue.js. Такое решение позволило нам реализовать весь необходимый функционал, при этом быстро стартовать. Монолитная архитектура проще для изначальной разработки, так как весь код находится в одном месте и нет необходимости настраивать взаимодействие между разными сервисами.

7) Привлечь на площадку дизайнеров. Дизайнеры — костяк площадки, чем их больше, тем интереснее будет размещаться на Dprofile работодателям и представителям онлайн-образования.

— За полгода до релиза Dprofile мы завели канал в «Телеграме» и паблик во «ВКонтакте», где публиковали посты о целях и планах по развитию площадки. Сейчас в соцсетях публикуем актуальные новости о Dprofile, его функционале и сообществе, даём советы, как правильно взаимодействовать с площадкой, анонсируем мероприятия.

В MVP сделали упор на функционал для дизайнеров. Функции, вошедшие в MVP:

— Регистрация, активация профиля;
— Заполнение информации в личном кабинете;
— Загрузка и оформление работ через конструктор кейсов;
— Автоматический импорт кейсов с Behance.
— Параллельно с официальным запуском площадки мы запустили рекламные кампании во «ВКонтакте» и в рекламной сети «Яндекса». Из форматов мы используем статичные баннеры разных размеров и текстово-графические объявления. Во «ВКонтакте» часть объявлений направляет к регистрации на Dprofile, а часть — на подписку на нашу группу, что позволяет нам увеличить количество подписчиков.
— Создали канал на Youtube. Проводим там онлайн-трансляции мероприятий, выкладываем лекции, интервью и другие видео, связанные с сообществом Dprofile.
— Перед запуском площадки мы написали большую статью на VC о том, как разрабатываем Dprofile. В статье предложили всем заинтересованным пройти предварительную регистрацию и стать первыми пользователями. Публикация собрала 11 тысяч просмотров и 195 комментариев.
— После запуска Dprofile стал привлекать внимание лидеров рынка и отраслевых СМИ, а мы с удовольствием давали интервью и рассказывали о площадке. Например, вышло несколько интервью и подкастов на YouTube с основателями Dprofile — Виктором Рындиным, Александром Лагутой. Выходили статьи в «Журналусе» Артемия Лебедева, на платформе Skillbox Media и в журнале для дизайнеров Awdee.ru.
— Организуем офлайн-мероприятия в формате лекториев. Их основная цель — развитие дизайн-комьюнити. На лектории приглашаем дизайнеров, которые хотят развиваться, делиться знаниями и заводить полезные знакомства. Предоставляем возможность выступить с докладом всем желающим — как экспертам, так и новичкам. Для нас лектории полезны тем, что мы можем вживую рассказывать про Dprofile, его функционал и то, как он помогает дизайнерам и другим участникам дизайн-рынка. Лектории помогают нам расширять аудиторию и географию сообщества Dprofile.
— Заколлаборировались с «Рейтингом Рунета». Они стали учитывать награды Dprofile в своей новой методологии. Так мы получили признание диджитал-сообщества, а ценность площадки сильно возросла. Пользователи стали получать не просто красивые ачивки за проект, а полноценные награды, которые влияют на их позицию на диджитал-рынке.
— Коллаборируемся с представителями дизайн-индустрии и устраиваем совместные спецпроекты. В которых дизайнерам нужно было подготовить проект по специальному техзаданию, а результат опубликовать на Dprofile. Так мы получаем для себя новую аудиторию, а дизайнеры — интересные проекты в портфолио, дополнительные охваты и обратную связь от арт-директоров и других признанных специалистов.

На данный момент провели четыре таких спецпроекта:
— «Бренд-поток» в коллаборации с ENDY и CreativePeople;
— «Дизайн-трейн» в коллаборации с «Простором» от VK и Нижегородским метро;
— CVD Poster Combat в коллаборации со «Щёлочью»
— PYROBATTLE в коллаборации с Pyrobyte.


8) Сформировать и приоритизировать бэклог.

Чтобы понять, какие функции наиболее востребованы, мы постоянно общаемся с целевой аудиторией: дизайнерами, работодателями, представителями онлайн-школ и менторами. Каждый день читаем обратную связь от пользователей в чате сообщества Dprofile, в комментариях соцсетей и в форме обратной связи на сайте. Лучшие идеи добавляем в бэклог.

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

9) Защитить площадку от DDos-атак, чтобы Dprofile всегда оставался доступным для пользователей и работал без задержек.

На первоначальном этапе разместили систему на DDoS-защищённых серверах с аппаратной и софтовой защитой. Сейчас переносим сервера на облачные сервисы «Яндекса» и используем их защиту от DDoS-атак.

Крафт (мастерство), реализация, технические детали

Импорт с Behance. Главная ценность дизайнера — портфолио, которое он может собирать годами. Большинство специалистов РФ публиковали кейсы на Behance. Поэтому мы реализовали функцию переноса портфолио с Behance на Dprofile в пару кликов.

Эта функция не только помогает дизайнерам, но и сильно упрощает процессы внутри дизайн-агентств — любой маркетолог или пиарщик сможет перенести все кейсы агентства без страданий и боли.

Парсер для импорта портфолио с Behance реализован из двух частей:
— Скрипт, который загружает веб-страницы и парсит их содержимое для извлечения информации о профилях и работах;
— Серверная часть, написанная на Rust ,управляющая всей этой системой.

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

Инсайты, гипотезы, процесс создания и взаимодействия с заказчиком

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

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

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

Прочая информация о кейсе

Скриншоты