Свої з першого дня: візуальна айдентика EVP JATAPP
Цей кейс — продовження історії про EVP JATAPP. Після аудиту бренду роботодавця й co-creation сесії з командою ми сформулювали ціннісну пропозицію з обіцянкою «Свої з першого дня». Наступним кроком була візуальна мова, яка б говорила так само: просто, прямо й по-людськи.
Візуальна мова виростає з лого JATAPP. Три квадрати знака ми прочитали як три пілари EVP: бери команду, бери ініціативу, бери кар'єру. Окремо кожен із них — частина. Разом вони складаються в одну фігуру, так само як три пілари складаються в поняття «свої».
Квадрат став базовою формою всієї системи: маскою для фото, плашкою для тексту, патерном і фоновою сіткою. Це гнучкий підхід, який дозволяє вбудовувати форму з лого в будь-який макет і підсилює те, що в бренді вже існує.
Як ми будували візуальну айдентику бренду роботодавця
Візуальний стиль: Imperfect + Naive
Загальна стилістика будується на міксі imperfect і naive дизайну. Візуали навмисно не вилизані: елементи й графіка нашаровуються в динамічні колажі, локальні меми й скріни з робочих чатів живуть поруч із неідеально вирізаними фото, а рукописні слова створюють фокус на головному.
Така контрольована недбалість — свідоме дизайн-рішення. Вона підсилює меседж про «своїх» і стає маркером щирості, який відрізняє комунікацію JATAPP від стандартних корпоративних форматів.
Кольорова система: колір, який зрозуміють лише свої
Основна палітра JATAPP лишилась незмінною: помаранчевий, чорний і білий. Змінився підхід до їх використання: тільки flat, без градієнтів і текстур, щоб колір працював як яскравий акцент, а не як декор. А ще кожен колір отримав назву, зрозумілу лише своїм.
Команда JATAPP пішла далі й додала до палітри ще два кольори з назвами в тому ж дусі.
Типографіка: як зробити бренд людянішим
Основним шрифтом бренду лишився Inter Tight, на якому JATAPP і до цього будував комунікацію. Ми запропонували правила його використання: насичені начертання, великі заголовки, мінімум слів і багато вільного простору.
Також ми запропонували частіше писати маленькими літерами замість капсу. Капс звучить як офіційне оголошення, а малі літери — як повідомлення від колеги, тож дистанція між брендом і людьми, до яких він звертається, стає меншою. У фінальному гайдлайні капс лишився для великих акцентних заголовків і обкладинок.
Акцентом у системі став рукописний шрифт. Одне-два слова на макеті додають бренду автентичності й нагадують, що за ним стоять живі люди.
Намальований знак
Знак JATAPP — водночас основа і продовження оновленої візуальної мови, її core-елемент. І він теж отримав свій прояв: ми запропонували малювати його від руки.
Намальований від руки знак додає комунікації максимальної людяності й продовжує логіку системи. Саме ця версія лого стала основою графіки: з неї складаються патерни, вона з'являється на обкладинках, футболках і пакуванні.
Цей підхід може залучати й самих людей. Кожен у команді може намалювати знак по-своєму, і з простої форми виходить унікальний елемент, не схожий на інші. Його можна інтегрувати у візуальну комунікацію, а той, хто його намалював, стає трохи співавтором кампанії. Це не інтерактив заради залучення, а реальне відчуття, що «свої з першого дня» — це про них конкретно: свої буквально малюють бренд своїми руками.
Команда JATAPP розширила цю ідею й розробила цілу систему навколо знака: doodle-іконки, стрілки й зірки від руки, квадратні патерни та стікери з внутрішніми жартами. У макетах вони збираються в колаж і роблять комунікацію впізнаваною навіть без лого.
Візуальна система в дії
Система працює на всіх носіях — від вакансій і обкладинок reels до внутрішніх презентацій та інфографіки. Спершу ми показали, як це може виглядати, у концепт-макетах, далі команда JATAPP розгорнула їх у повноцінні шаблони.
Соцмережі та презентації
Фото і веб
Підхід до фотоконтенту ми побудували на щирості й відмові від штучного глянцю: живі, не надто оброблені кадри з нестандартних ракурсів, люди за роботою без постановних поз, командні знімки з розслабленою атмосферою. Портрети мають показувати не просто обличчя, а емоцію й характер кожної людини.
Для вебу ми описали, як перенести візуальну мову в цифровий простір і втримати баланс між емоційним інтерфейсом і зручним UX. Фото й графіка можуть нашаровуватись, а живості додають добре пропрацьовані мікроінтеракції, а не складні анімації. Базові UI-компоненти — кнопки, форми, навігація — лишаються чистими й структурними. Цей підхід ми заклали як напрям на майбутнє, для сайту й інших цифрових продуктів.
Мерч бренду роботодавця
Ми запропонували дивитися на мерч для своїх не як на generic-корпоративку, а як на простір для яскравих деталей і нестандартних рішень. Головне правило: кожна річ має бути цінною й відчуватися по-людськи. Тому в ній варто лишати місце для взаємодії й персоналізації, наприклад, для імені нової людини, вписаного від руки на welcome-боксі.
Окрему увагу — прихованим деталям, як-от милій фразі на внутрішньому боці парасолі, яка потішить у похмуру погоду. А ще внутрішньому контексту: фрази «своїх», меми й локальні жарти роблять кожну річ по-справжньому унікальною.
Як приклад такої уваги до деталей ми запропонували концепт «свого планера». Звичайну корпоративну річ він перетворює на персоналізований досвід і живий елемент взаємодії. У концепті є:
- стікерпак із мемами й стікерами, щоб взаємодіяти з планером;
- трекер настрою: на початку кожного тижня блок «З яким настроєм вриваєшся у тиждень?», де можна вписати свої думки або вклеїти мем із набору;
- блоки з локальними жартами, лайфхаками й порадами колег — від корисних робочих інструментів до місць для відпочинку після насиченого тижня;
- кастомна розмальовка-антистрес.
Навіть дні тижня говорять мовою своїх: понеділок — «скучив за своїми на вихідних, правда?», вівторок — «прекрасний день, щоб з'їздити в офіс!», середа — «маленька п'ятниця».
Команда JATAPP втілила загальний підхід до мерчу в живі прояви. Ambassador kit «ти вже свій!» зібрав систему в одному наборі: полотняна торба з лого, футболка з намальованим знаком, блокнот «take notes, take initiative», стікерпак із мемами й фразами «своїх» і пакування з квадратним патерном.
Запуск EVP усередині JATAPP
Новий EVP JATAPP представила всій команді — вже в новій візуальній мові. Презентація стала першим великим проявом системи всередині компанії.
Результат: візуальна система, створена у співтворчості
Команда співтворців
Візуальна мова, яка виростає зі стратегії
