Dprofile

(Web)

Онлайн-сервис

Команда

Клиент

Wemakefab

Dprofile

Смотреть кейс

Онлайн

dprofile.ru

Содержание

Награды

Задача

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

О проекте

Единый профиль дизайнера. Здесь можно решить любые задачи, связанные с дизайном.

Задача

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

Целевая аудитория

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

Цели

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

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

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

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

Опрос

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

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

Главный источник клиентов

Behance

40%

Instagram*

34%

FL.ru

Upwork

17%

Кастдев. Задачи

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

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

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

Вывод

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

Часть компаний и специалистов, участвовавших
в кастдеве

Задачи площадки и проблематика

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

Проблематика

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

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

Создавать удобное портфолио и презентовать себя
Увеличивать насмотренность и качать скиллы
Обмениваться опытом и вливаться в комьюнити

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

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

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

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

Функции, которые мы решили сделать в первую очередь

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

Дизайн

Разработали базовую дизайн-концепцию Dprofile, опираясь на результаты исследования и наш собственный опыт.

Вывод

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

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

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

Интерфейс Dprofile

Логотип

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

MVP

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

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

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

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

Импорт с Behance

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

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

Импрот проектов

Технологии

Фронтенд — Vue.js.
Этот фреймворк подходит для создания сайтов, где используется много анимаций и плавных переходов, при этом важна высокая скорость загрузки контента и обновления страниц.

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

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

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

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

Михаил Балатовский

Team Lead Wemakefab

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

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

Фронтенд и бэкенд

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

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

Задачи

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

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

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

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

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

Релиз

Официальный запуск Dprofile провели 15 декабря 2022 года.

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

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

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

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

Александр Лагута

Сооснователь Dprofile,
ведущий дизайнер
Wemakefab

Мне нравится принцип «единого окна», когда весь необходимый функционал для работы и продвижения находится в одном месте. Эту идею мы заложили в основу Dprofile. Больше не нужно искать клиентов на Upwork, делиться кейсами на Behance и получать награды на Awwwards. Теперь все эти функции будут собраны на одной площадке. Удобно. Логично. Безопасно.

Конструктор

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

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

Формирование и приоритезация бэклога

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

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

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

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

Виктор Рындин

Сооснователь Dprofile,
CEO Wemakefab

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

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

Истории

Блок с историями пользователей мы добавили на главную страницу Dprofilе. Туда попадают топ-10 историй, которые набрали больше всего оценок. Остальные попадают в ленту подписчикам автора и в категории, которую он присвоил истории.

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

Добавление и просмотр историй

Динамическая система рейтингов

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

Мы добавили второй вид рейтинга, который показывает самых активных дизайнеров на площадке за последние 3 месяца. И сделали, чтобы этот вид рейтинга показывался по умолчанию. Так у молодых и талантливых специалистов появилась возможность стать выше самых опытных «старичков» в рейтинге.

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

Раздел с рейтингом лучших дизайнеров
за последние 3 месяца

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

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

Соцсети

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

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

Социальные сети Dprofile

Youtube канал Dprofile

Платный трафик

Параллельно с официальным запуском площадки мы запустили рекламные кампании во «ВКонтакте» и в рекламной сети «Яндекса». Из форматов мы используем статичные баннеры разных размеров и текстово-графические объявления.

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

Рекламное объявление во «ВКонтакте»

Медиа

Перед запуском площадки мы написали большую статью на VC о том, как разрабатываем Dprofile. В статье предложили всем заинтересованным пройти предварительную регистрацию и стать первыми пользователями. Публикация собрала 11 тысяч просмотров, 195 комментариев.

После запуска Dprofile стал привлекать внимание лидеров рынка и отраслевых СМИ, а мы с удовольствием давали интервью и рассказывали о площадке. Например, вышло несколько интервью и подкастов на YouTube с основателями Dprofile — Виктором Рындиным, Александром Лагутой. Выходили статьи в «Журналусе» Артемия Лебедева, на платформе Skillbox Media и в журнале для дизайнеров Awdee.ru.

Лектории

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

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

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

Интеграция в официальные рейтинги

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

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

Обложка проекта на Dprofile
с ачивками «Лучшее» и «Рекомендуем»

Коллаборации

На лекториях мы знакомимся с представителями дизайн-индустрии и с некоторыми договариваемся о совместных проекта

На данный момент провели три таких спецпроекта

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

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

Амбассадоры

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

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

Результаты

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

Для специалистов, агентств, студий

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

Для работодателей и заказчиков

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

Для рынка

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

Константин Лобанов

Бренд-директор
Wemakefab и Dprofile

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

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

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

График роста количества зарегистрированных пользователей
на Dprofile

Планы

На 2023 год мы запланировали большой список работ по привлечению работодателей, школ и менторов

Работодатели

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

В настоящий момент на сайте Dprofile в разделе «Работодатели» расположена страница с основной информацией для работодателей.

Хотя полноценный функционал с вакансиями мы ещё не запустили, работодатели уже начали обращаться к нам. Чтобы не терять эти обращения, мы создали телеграм-канал «Dprofile . Работа», где размещаем вакансии для дизайнеров бесплатно. На канале уже четырёх тысяч подписчиков.

Макет страницы с работодателями

Образование

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

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

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

Другие запланированные крупные обновления

Блоги пользователей и возможность публиковать статьи
Функционал Pro, который расширит возможности работы с площадкой
Ачивки для онлайн- и офлайн-активность в дизайн-сообществе
Раздел «Амбассадоры», с пользователями, которые сделали заметный вклад в развитие площадки

Разработка

Фронтенд

Vue.js

Бэкенд

Laravel, Java, Rust

Кейсы