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

1. Вводная задача от заказчика, проблематика, цели

Задача

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

Целевая аудитория: дизайнеры, творческие специалисты, дизайн-студии, диджитал-агентства, работодатели, заказчики.

Цели:

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

2. Описание реализации кейса и творческого пути по поиску оптимального решения

Исследование

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

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

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

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

Для кастдева провели интервью с ведущими диджитал-агентствами и другими представителями дизайн-рынка. Согласно опросам, для поиска специалистов все использовали разные зарубежные площадки: Behance, Instagram*, Upwork.

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

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

*Meta, которой принадлежит Instagram, признана в России экстремистской организацией

Определение проблематики и задач площадки

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

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

Задачи дизайнеров:

• создавать удобное портфолио и презентовать себя;
• увеличивать насмотренность и качать скиллы;
• обмениваться опытом и вливаться в сообщество.

Задачи заказчиков:

• находить надёжных исполнителей с релевантным портфолио при помощи гибких фильтров;
• получать объективный взгляд на отечественный рынок;
• быстро решать бизнес-задачи на удобной российской площадке.

Потребности диджитал-рынка:

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

Разработка дизайна

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

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

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

Логотип символизирует оболочку, которая объединяет пользователя и площадку в единое целое. Он передаёт главную идею площадки — здесь находится единый профиль дизайнера. В нём использовали образ «точки входа», поэтому форма внутри знака пустая. А юзерпик пользователя — это «точка выхода» и центр коммуникации, или дополнение, которое заполняет пустоту.

Разработка MVP

В MVP сделали упор на функционал для дизайнеров. Это позволило наполнить площадку специалистами с крутыми кейсами, с разным опытом и из разных направлений и сформировать костяк сообщества. Поэтому в MVP вошли базовые функции, которые необходимы для публикации кейсов.

Функции, вошедшие в MVP:

• регистрация, активация профиля;
• заполнение информации в личном кабинете;
• загрузка и оформление работ через конструктор кейсов;
• автоматический импорт кейсов с Behance.

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

Техническая разработка

Разработку Dprofile начали с монолита на Laravel и Vue.js. Это позволило быстро стартовать, что было очень важно для нас. С развитием площадки и функций мы начали понимать, что этот стек в дальнейшем не выдержит нагрузку.

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

Проект также перенесли на облачные сервисы «Яндекса» и развернули на облаках несколько контуров:

• Dev для разработки;
• Test для тестирования фичей и функционала;
• Stage для финальной проверки обновлений и регрессионного тестирования.

В дальнейшем планируем развернуть всю экосистему проекта на Kubernetes на облаках «Яндекса». Это сложный процесс, но он позволит площадке расширяться на другие регионы, выдерживать высокие нагрузки и быть бесперебойной.

Парсер для импорта портфолио с Behance реализован из двух частей:

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

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

Закрытое тестирование

Запустили закрытое тестирование, чтобы решить две задачи:

• Подготовить Dprofile к запуску, проверить работу стартового функционала;
• Сформировать лояльное ядро аудитории продукта.

Участников тестирования собирали в закрытом телеграм-канале. Туда поэтапно приглашали дизайнеров из разных агентств и компаний. Вначале — дизайн-лидов и арт-директоров, которые могли бы дать самую объёмную и конструктивную обратную связь. На следующих этапах — дизайнеров с опытом оформления портфолио на других площадках, чтобы они могли протестировать стартовый функционал.

Всего мы провели 3 этапа тестирования, в которых поучаствовали около 500 специалистов. Количество участников мы сознательно ограничивали, чтобы нам было по силам обработать всю обратную связь.

Итоги тестирования:

• Получили более 2000 комментариев с полезной обратной связью;
• Протестировали весь доступный функционал и исправили недочёты;
• Убедились, что все функции работают, можно проводить официальный запуск и делать Dprofile доступным для всех.

Релиз

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

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

Функции, доступные на момент релиза:

• Импорт портфолио с «Беханс»;
• Загрузка и оформление работ через конструктор кейсов;
• Подписки;
• Рейтинг специалистов;
• Система жюри;
• Персональная лента пользователя;
• Динамические рекомендации на главной странице.

Развитие функционала

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

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

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

По каким параметрам мы понимаем, что функция востребована:

• Есть примеры реализации на других площадках;
• Конструктивное описание работы функции;
• Запрос сразу от нескольких пользователей;
• Актуальность с точки зрения конкурентоспособности и монетизации;
• Возможность поддерживать новый функционал.

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

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

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

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

Релиз раздела «Образование»

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

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

Релиз раздела «Работа»

Сейчас раздел находится на стадии MVP. На нём расположена страница с основной информацией для работодателей и ответы на популярные вопросы.

Мы разрабатываем профиль работодателя и функционал по публикации вакансий. В разделе будут представлены вакансии и разовые заказы. Площадка будет выступать как информационный посредник и не будет брать никаких комиссий. Все расчёты будут проходить напрямую между участниками сделки.

Продвижение и реклама площадки

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

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

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

Платный трафик: ведём рекламные кампании во «ВКонтакте» и в рекламной сети «Яндекса». Во «ВКонтакте» часть объявлений ведёт на регистрацию на Dprofile, а часть — на подписку на нашу группу, что позволяет нам увеличить количество подписчиков.

Медиа: пишем статьи на VC про площадку или команду, с удовольствием соглашаемся на интервью, когда приходят запросы от коллег и партнёров. Такие выпуски получаются интереснее, потому что их искренне интересует судьба Dprofile, и они задают вопросы, которые их правда волнуют.

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

Интеграция в официальные рейтинги: одна из стратегических задач, которая могла помочь в продвижении, — коллаборация с другими инфраструктурными проектами российского рынка. Мы начали с «Рейтинга Рунета» — теперь они учитывают награды Dprofile в своей новой методологии. Так мы получили признание диджитал-сообщества, а ценность площадки сильно возросла.

Коллаборации: периодически проводим с коллегами по рынку совместные спецпроекты. Например, конкурсы, где дизайнерам нужно сделать проект по креативному брифу и выгрузить его на Dprofile. В 2023 году провели четыре таких спецпроекта.

Амбассадоры: в разных городах находим заинтересованных в Dprofile людей, которые хотят развивать местные дизайнерские сообщества и развиваться самостоятельно. Самым активным предлагаем стать нашими амбассадорами. Они помогают нам организовывать лектории в своих городах и продвигать Dprofile, а взамен получают возможность стать заметным в своём городе и прокачать личный бренд.

Кейс о том, как создавали Dprofile: от идеи до выхода на монетизацию

Статья о том, как развивали функционал и сообщество Dprofile в 2023 году

Статья о том, как мы провели 35 лекториев за год

Статья о проблемах на рынке онлайн-образования для дизайнеров РФ и том, как Dprofile их решает

3. Результаты сотрудничества

Наша команда создала качественный продукт на стыке «специалист — заказчик — рынок», чтобы все участники могли решать свои бизнес-задачи.

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

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

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

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

Результаты в цифрах:

• 25 000+ зарегистрированных пользователей;
• 47 000+ опубликованных кейсов. Многие работы уникальны и загружены только на Dprofile;
• 150 000+ уникальных посетителей в месяц;
• 25 000+ опубликованных историй;
• 4 500+ присвоенных наград.

Dprofile в «Телеграме». Публикуем новости площадки, посты о функционале и советы по работе с площадкой

Dprofile на YouTube. Публикуем записи лекций с лекториев Dprofile

«Dprofile. Работа». Публикуем вакансии для дизайнеров

«Dprofile. Образование». Публикуем образовательный контент для дизайнеров от школ и менторов, размещённых на площадке

4. Заключение

Dprofile уже получил престижные награды в ряде крупнейших диджитал-конкурсах России:

• 1 место в конкурсе «Рейтинг Рунета 2023» в номинации «Сервисы»;
• 1 место на Workspace Digital Awards в номинации «Сайты/онлайн-сервисы»;
• 1 место на Ruward Award в номинации UX, CX, Product;
• золото на Tagline Awards в номинации «Лучший MVP-сайт»;
• золото на Tagline Awards в номинации «Лучший массовый сервис»;
• золото на Tagline Awards в номинации «Лучший проект для digital-индустрии в новых условиях»;
• серебро на Tagline Awards в номинации «Лучший сайт-сервис»;
• бронза на Tagline Awards в номинации «Лучший сервис для digital-индустрии»;
• бронза на Tagline Awards в номинации «Лучший импортозамещающий сайт».

Площадка продолжает развиваться и масштабироваться. В 2024 году выпустим полноценный раздел «Работодатели», где компании и заказчики смогут публиковать вакансии и размещать проектные задания для дизайнеров. Потом запустим PRO-аккаунты, которые расширят возможности на площадке. И доработаем раздел «Образование» из простого каталога школ и курсов в полноценный маркетплейс.

Видеоинтервью с Александром Лагутой о планах по развитию функционала Dprofile