BitterBrains

Від маленького освітнього стартапу про Vue.js до глобальної компанії з освіти для розробників. Я був там на кожному етапі.

EdTech · Developer Education
2018–2023
Product Designer
Web

01Запрошення
02Що було далі
03Результат

Я приєднався до команди, коли компанія ще називалася VueSchool: невелика, але амбітна група розробників і викладачів, які будували найкраще місце в інтернеті для вивчення Vue.js. Я був першим і єдиним дизайнером у команді, і мене запросили принести структуру й рівень виконання в продукт, який досі повністю робили розробники.

Разом із компанією росло й те, що треба було проєктувати. Запускалися нові продукти, з’являлися конференції, сертифікації й бізнес-сервіси, і кожному з них потрібні були своє дизайн-мислення, візуальна мова і продуктовий досвід.

За шість років я допоміг VueSchool вирости в BitterBrains, компанію з освіти для розробників із 15 продуктами, 4 глобальними конференціями, офіційними сертифікаціями, яким довіряють 350+ компаній, і спільнотою з понад 2 мільйонів розробників у 156 країнах.

01Запрошення

02Що було далі

03Результат

Product Designer

Я прийшов як UX/UI Designer і за п’ять років виріс до Product Designer, людини, відповідальної за дизайн кожного продукту, конференції й кожної точки контакту бренду, які створювала компанія.

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

За що я відповідав

UX і UI платформи
Дизайн-системи
Бренд і візуальна айдентика
Досвід конференцій
Продуктовий дизайн сертифікацій
Дизайн для маркетингу й кампаній
Цілісність між продуктами

З ким

Розробка
Маркетинг
Контент і навчання
1 дизайнер
Відеодизайнери
Зовнішні партнери

Як я працював

Продуктовий дизайн від початку до кінця
Бренд і візуальна айдентика
Крос-функціональна співпраця
Дизайн для маркетингу
Дизайн досвіду конференцій
Ітеративні релізи

Освітня платформа

Vue School була фундаментом, на якому будувалося все інше. Я проєктував і постійно розвивав досвід платформи: сторінки курсів і плеєр уроків, онбординг, керування підпискою і весь інтерфейс продукту, поки бібліотека виросла до 1 500+ уроків для розробників у 156 країнах.

Повний дизайн інтерфейсу платформи в кількох ітераціях продукту
Пошук курсів, плеєр уроків і відстеження прогресу навчання
Сценарії керування підпискою і тарифами
Онбординг для нових розробників
Mastering Nuxt, єдина офіційна платформа курсів із Nuxt.js
Mastering Pinia, створена разом з автором Pinia

Сертифікації

BitterBrains стала єдиним офіційним партнером із сертифікації для Vue.js і Nuxt. Я спроєктував повний продуктовий досвід Certificates.dev, платформи, де розробники отримують визнані в індустрії сертифікати, яким довіряють понад 350 компаній у світі.

Certificates.dev: повний інтерфейс для іспитів і керування сертифікатами
Офіційні сертифікації з Vue.js і Nuxt, яким довіряють 350+ компаній
На платформу додалися сертифікації з Angular і React
Лендинги сертифікацій і маркетингові сторінки
Сценарії, орієнтовані на кар’єру, від покупки до отримання сертифіката
Vue Bundle: пакетна пропозиція з інтерфейсом динамічних цін

Навички, що стають сертифікатами, яким довіряє індустрія

Глобальні конференції

BitterBrains проводить чотири глобальні конференції для розробників: Frontend Nation, Vue.js Nation, Nuxt Nation і Vue.js Forge. Я проєктував усе: сайти конференцій, інтерфейси спікерів і розкладу, досвід live-подій, кампанії в соцмережах і друковані матеріали для офлайн-подій. Те, що починалося як суто онлайн-освіта, стало подією, заради якої понад 115 000 розробників приїжджають або підключаються онлайн.

Frontend Nation: сайт конференції, брендинг і інтерфейс події
Vue.js Nation: дизайн щорічної онлайн-конференції в кількох випусках
Nuxt Nation: окремий досвід конференції для спільноти Nuxt
Vue.js Forge: бренд і цифровий досвід події з live-кодингом
Кампанії в соцмережах і візуальний контент для всіх чотирьох конференцій
Матеріали для офлайн-подій: бейджі, навігація, друковані матеріали

Спільнота виходить із платформи в реальні зали

Бізнес-сервіси й масштаб

Коли BitterBrains подорослішала, вона запустила продукти для бізнесу, зокрема InstantDev, LevelUp і сервіси найму розробників, і перейшла від чистої B2C-освіти до B2B. Я спроєктував ці продукти з нуля, переносячи шість років продуктового мислення для окремих людей на сервіси, створені для компаній.

InstantDev: продуктовий дизайн платформи сервісів для розробників
LevelUp: інтерфейс і досвід бізнес-сервісу
Сценарії й лендинги сервісу найму розробників
Послідовне застосування бренду в B2B- і B2C-продуктах
Дизайн для маркетингу, що підтримував запуски продуктів і кампанії росту
Внесок дизайну в 48-кратне зростання виручки з 2017 року

Від навчання розробників до їхнього найму

AIDD і що далі

Коли AI почав змінювати те, як розробники пишуть і випускають код, BitterBrains запустила AIDD, навчальний шлях з AI-Driven Development, який допомагає розробникам працювати швидше й розумніше з AI-інструментами. Я спроєктував весь продуктовий досвід з нуля й позиціонував його як перший продукт компанії для того, що настає після звичайних курсів, і як знак того, куди платформа рухається далі.

AIDD: практичний навчальний шлях з AI-Driven Development
Курс із кількох модулів із поступовим нарощуванням навичок
Створено, щоб розробники працювали як команда у 20 разів більша
Інтерфейс продукту, онбординг і маркетинговий лендинг
Позиціоновано як вихід BitterBrains у сферу AI-освіти

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

Шість років дизайну, які допомогли перетворити невеликий освітній проєкт про Vue.js на глобальну компанію з освіти для розробників, продукт за продуктом, конференція за конференцією, досвід за досвідом.

Спроєктованих продуктів

Від Vue School і сертифікацій до конференцій і бізнес-сервісів: дизайн торкнувся кожного продукту.

Охоплених розробників

У 156 країнах через освітні продукти, сертифікації й глобальні конференції.

Брендовані конференції

Frontend Nation, Vue.js Nation, Nuxt Nation і Vue.js Forge, онлайн і наживо.

Років росту

Від маленького стартапу з кількох людей до команди з 50+ людей із глобальним охопленням.

15Спроєктованих продуктів
2M+Охоплених розробників
4Брендовані конференції
5Років росту

15
Спроєктованих продуктів
Від Vue School і сертифікацій до конференцій і бізнес-сервісів: дизайн торкнувся кожного продукту.
2M+
Охоплених розробників
У 156 країнах через освітні продукти, сертифікації й глобальні конференції.
4
Брендовані конференції
Frontend Nation, Vue.js Nation, Nuxt Nation і Vue.js Forge, онлайн і наживо.
5
Років росту
Від маленького стартапу з кількох людей до команди з 50+ людей із глобальним охопленням.

Бути першим дизайнером у компанії, що росте, означає не лише проєктувати продукти. Ти будуєш дизайн-культуру, візуальну мову і стандарт, за яким потім вимірюють усе, що з’являється після тебе.
Дизайн для розробників навчив мене, що люди, які помічають кожну дрібницю, найбільше й цінують, коли все зроблено правильно. Технічна аудиторія винагороджує майстерність.
Коли шість років працюєш над 15 продуктами, послідовність стає найважливішою дизайн-навичкою. Не візуальна послідовність, а концептуальна: те саме мислення, застосоване всюди.

Наступний кейс

Той самий стіл уночі, крісло відсунуте, екран увімкнений.

vlgolo1996@gmail.com

Є продуктова задача, яку варто розв’язати?

Розкажи, над чим працюєш.

Завантажити резюме

Контекст

Моя роль

Основа, на якій стояло все інше

Навички, що стають сертифікатами, яким довіряє індустрія

Спільнота виходить із платформи в реальні зали

Від навчання розробників до їхнього найму

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

Результат

Висновки

Є продуктова задача, яку варто розв’язати?