Как мы проектируем дизайн-системы на аутсорсе?

Тимлид дизайн-отдела Мартин поделился правилами, которые помогают команде проектировать масштабируемый и легко изменяемый интерфейс.

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

Подробнее читай в новой статье на vc

За годы разработки фронтенд-команда KODE сформировала свой «золотой стандарт» технологий.

▫️ TypeScript — без него не обходится ни один проект.

▫️ Фреймворк React Native – для создания кроссплатформенных приложений.

▫️ Стейт-менеджеры Effector и Redux — для управления состоянием и описания бизнес логики.

▫️ React — позволяет быстро создавать и переиспользовать UI-компоненты, а также строить на их основе сложные пользовательские интерфейсы.

▫️ Jest для написания Unit-тестов и Cypress для E2E-тестов

▫️ Архитектурная методология Feature-Sliced — знаем, умеем, ищем лучшие практики.

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

Спорт — неотъмлемая часть жизни команды KODE

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

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

UX-проектирование — обязательный этап создания удобного продукта для пользователя

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

▪️ Изучает продукт и выделяет его основные преимущества

▪️ Определяет ЦА с помощью фреймворков CJM и Job Stories

▪️ Генерирует первые гипотезы и проводит интервью потенциальных пользователей

▪️ Проектирует консистентный продукт, который учитывает пожелания заказчика и потребности ЦА

▪️ Тестирует — начиная с команды разработки, заканчивая реальными пользователями

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

4 проекта, 100 минут и 9 спикеров — в KODE прошёл летний Demo Day 💥

Продолжаем обмен опытом между командами внутри компании:

◾️ Специалисты по развитию и обучению осветили все моменты стажировки

◾️ Менеджер проекта TBI Bank рассказала о редизайне веба для трёх стран: Болгарии, Румынии и Греции

◾️ Команда инвестиционного проекта поделилась, как выстраивали коммуникацию с заказчиком, работали в сжатые сроки и тестировали GRPC

◾️ Эксперты из команды разговорных продуктов раскрыли секреты проектирования сценариев с помощью языка ДРАКОН

Шерим экспертизу и впитываем интересные решения других команд 🤛🏻

Одна из главных задач KODE — это создание комфортных условий для каждого кодера.

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

Это позволяет сохранять равновесие и достигать наивысших результатов 💙

Знакомься, это Якуб — он присоединился к команде аналитиков KODE три года назад, а сейчас управляет командой из 20 человек.

Как ему это удалось? Рассказываем о профессиональном росте аналитиков в компании:

▪️ Лид определяет уровень компетенций сотрудника по скиллсету, в том числе грейд, сильные и слабые стороны специалиста.

▪️ За каждым аналитиком закрепляется ментор, который следит за развитием компетенций и помогает составить индивидуальный план развития.

▪️ Каждые полгода на ассессментах проводится ретроспектива. По её результатам мы уточняем грейд и обновляем план развития.

Со временем роль старшего аналитика может трансформироваться — в зависимости от скиллов и личной заинтересованности.

P. S. Такой же флоу используют и другие команды в KODE. Применяем лучшие практики.

Мастер-классы для своих

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

Вот какие уже провели:

◾️ Философия работы DevOps-инженеров

◾️ Зачем нужны технические писатели

◾️ Масштабные задачи PR в IT-компании

Пока в качестве слушателей — HR и рекрутинг, а в скором времени планируем привлекать другие отделы.

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

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

Так описывает внутренние процессы iOS-команда KODE. Если перевести на язык технологий, то в разработке мобайла под iOS применяем:

▪️ Реактивные фреймворки Combine и RxSwift
▪️ Модульную архитектуру
▪️ Дизайн-системы
▪️ Cвою обёртку для UIKit в декларативном стиле SwiftUI

Вместе с современными технологиями iOS-команда свободно внедряет свои оригинальные решения 🧑🏻‍💻

Как менеджеры KODE доводят проект до релиза?

Расскажем на конференции по заказной разработке Mind Bros Conf 13 августа 😎

Менеджер портфеля проектов Елена Гика выступит во Владимире и расскажет:

▪️ Что такое «релизная импотенция»
▪️ Как она влияет на отношения с заказчиком
▪️ Как застраховаться компании-разработчику
💥 И всё это — на реальных кейсах KODE

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

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

Ещё один кейс KODE: «Эра фараонов» — смартап для изучения истории Древнего Египта.

Игра для умных устройств и виртуальных ассистентов с голосовым управлением.

За полгода наша команда разговорных продуктов:

▪️спроектировала общую механику игры и ключевые сценарии взаимодействия между 400+ игровыми карточками

▪️разработала Chat App для экосистемы Sber и прописала уникальные сценарии для каждого виртуального ассистента Салют

▪️разработала механику выдачи контента

▪️апгрейднула платформу Sber, запросив добавление нескольких фичей — например, возможность использовать в смартапах собственные кастомные звуки

Навык оценили > 50 000 уникальных пользователей, а 7 000 продолжают регулярно играть в эту игру 😎

Поймай кролика — получи мерч KODE! 🐇

В эти выходные 13 и 14 августа возле Янтарь-холла в Светлогорске стартует арт-фестиваль «Море внутри». За самые красивые кадры с кроликом KODE подарим мерч: велком-пак от нас и минималистичный арт-объект от организаторов фестиваля.

Что для этого нужно?

1. Быть подписанным на нашу страницу VK (конкурс проходит именно там)

2. Поймать кролика с лого KODE около Янтарь-холла

3. Сфотографироваться или снять видео рядом с находкой

4. Опубликовать фото в ленту VK с отметкой @appkode и @sea_inside39

Итоги подведём 17 августа. До встречи на фестивале!

В разработке мобайла Android-команда KODE использует всё самое новое и красивое:

▪️Для вёрстки — Jetpack Compose

▪️Для асинхронных задач — Kotlin Сoroutines

▪️Для построения экранов придумали свой подход — на основе парадигмы MVI и набора вспомогательных DSL

Ребята добились чёткого разбиения по архитектурным слоям, выстроили процессы CI, код-ревью и менторства.

Ещё пробуют применять на проектах новые технологии, например Kotlin Multiplatform 🦾

P. S. Если угадал, какая технология на скрине, — пиши в комментах.