Разработка продукта
Patcha — цифровой ассистент навигации развития для дизайнеров
Продукт решает задачу отсутствия понятной индивидуальной траектории: показывает, что делать дальше, фиксирует рабочий эффект каждого шага.
Если коротко, он дает:
- короткие фокусные практики
- приоритизация по влиянию на текущую цель
- итеративная калибровка уровня
Не очередная «библиотека уроков», а связка карты навыков, шагов, измеримого эффекта в контексте реальной работы
Входная диагностика
Диагностика дает стартовые данные, на которых строится персональный приоритет, а не абстрактный план. Решаем боль: «неясно, на каком уровне» и «нет своей карты»
Карта навыков
Карта превращает разрозненный список умений в один приоритет на 2–4 недели с понятной логикой. Решаем боль: «нет своей карты», «не понятно, что качать»
Фокусная практика
Конвертирует намерение в действие. Формат «15 минут, 3 шага, один понятный результат» снижает порог входа и дает частые завершения. Решаем боль: «разрыв между учебой и работой», «нет времени»
Рефлексия
Рефлексия превращает выполнение в знание: фиксируем «до/после», обновляем карту. Так формируется нарратив прогресса и появляется материал для ревью и портфолио. Решаем боль: «эффект от обучения не виден», «не понятно, какой уровень»
Через визуальный язык было принято решение показать, что сервис помогает не «меняться радикально», а собирать на себя нужный опыт, который можно прикреплять, отлеплять, переклеивать, не превращая жизнь в визуальный мусор.
Айдентика Patcha строится вокруг образа колючих патчей, которые цепляются (например, прилипают к траектории развития и помогают ее удерживать, а не разваливать на хаотичные попытки найти свой путь и прокачаться)
Приемы:
- Зубчатый / рваный край у патчей и блоков интерфейса (карточки, кнопки, подсказки — как пришитые или приклеенные куски)
- Базовые формы патчей, похожие на нашивки
- Контраст гладкого и шершавого: один патч гладкий, рядом другой с текстурой липучки
- В анимации патчи, которые припрыгивают и прилипают с маленьким отскоком
Патчи — основной графический модуль. По форме они напоминают мягкие геометрические заплатки с чуть «зацепленными» краями, как будто собака только что выбежала из кустов, а к ней прилипли репейники.
Так визуальный язык напрямую связан с идеей: опыт цепляется за путь, даже если он местами колючий
Используются два шрифта:
Акцентный острый шрифт Nolde с заметными диагоналями и характерными засечками, которые отсылают к форме патчей. Уголки букв выглядят как маленькие шипы, за которые цепляется взгляд. Он отвечает за заголовки, ключевые фразы и ощущение движения, собранности, легкого напряжения роста.
Второй шрифт Denim INK VF — спокойный и дополнительный. Это нейтральный гротеск для длинного текста и интерфейсных элементов. Он приземляет концепт, не дает айдентике скатиться в чистый «креатив ради креатива» и делает систему удобной для чтения и ежедневной работы
В палитре четыре основных цвета:
Два базовых — зеленый и голубой. Они дают ощущение свежести, роста и воздуха, выводят тему развития из тяжелого поля выгорания в более конструктивное
Два дополнительных — белый и черный. Они обеспечивают контраст, читаемость и позволяют легко переключаться между спокойными аналитическими экранами и более эмоциональными акцентами.
За счет этого айдентика выглядит живой, но не кричащей: цвет поддерживает идею ясности и обновления, а не гонки
Логотипы: сокращенная и полная версия