Дизайнер (уровень Middle)

ChatApp - IT-компания, участник Astana Hub

Наш продукт - платформа нового поколения для построения и автоматизации коммуникаций бизнеса с клиентами (SaaS). Мы создаем продукт, который уже помогает тысячам компаний выстраивать диалог с клиентами через чат-боты, мессенджеры и AI-инструменты. Сейчас мы активно масштабируемся и развиваем направление больших кросс-функциональных команд (SAFe).

Мы ищем дизайнера, который умеет проектировать удобные пользовательские сценарии. Нам важен системный подход, самостоятельная проработка User Flow и умение «упаковывать» сложные процессы в понятные интерфейсы, инфографику и презентации. Вы будете работать над веб-сервисами, лендингами и внутренними инструментами компании, взаимодействуя с разработчиками и маркетологами

Условия работы

• Конкурентная заработная плата 450–600 тысяч тенге на руки с регулярным пересмотром (по результатам работы).

• Оформление согласно ТК РК, оплачиваемый отпуск.

• Гибкий гибридный график (офис в центре Алматы / частичная удалённая работа).

• Доступ к платным AI-сервисам и современному софту за счёт компании.

• Работа над реальными продуктами с возможностью влиять на UX и бизнес-метрики.

Ключевые обязанности:

1. Проектирование интерфейсов и дизайн-систем

• Разработка прототипов и финальных UI-макетов в Figma.

• Организация файлов: чёткая иерархия страниц (Cover, Design, Components, Archive), осмысленные имена слоёв и фреймов (не «Rectangle 47»), группировка элементов во фреймы вместо «групп».

• Auto-Layout: использование повсеместно для предсказуемого масштабирования.

• Компоненты: создание компонентов и вариантов (Variants) с правильными свойствами (Boolean, Text, Instance swap). Вынос повторяющихся элементов (кнопки, карточки, инпуты) в компоненты. Работа с master → instance и Component Properties для управления состояниями без дублирования.

• Стили и токены: все цвета, типографика, тени оформлены как Styles или Variables. Использование Variable Modes для тем (light/dark, brand). Никаких «голых» цветов вне стилей - всё через токены (например, color/primary/500).

• Сетки и отступы: настроенные Grid/Column сетки на фреймах. Отступы и паддинги через Auto Layout с конкретными значениями, кратными 4px или 8px. Адаптивные фреймы с корректными Constraints (не fixed там, где элемент должен тянуться).

• Адаптивность: дизайн для всех оговорённых брейкпоинтов (desktop / tablet / mobile). Поведение элементов при изменении размера описано или очевидно из Auto Layout. Фреймы с реальными размерами устройств.

• Передача в разработку (Handoff): работа в Dev Mode (аннотации, Redline, секция с кодом). Отрисовка всех интерактивных состояний (hover, focus, active, disabled, error, empty). Иконки — в виде компонентов или SVG с правильными именами, без лишних групп. Экспорт изображений с нужными настройками (2x, WebP/PNG, правильные имена файлов). Шрифты — только из Google Fonts или переданы в проект.

2. Прототипирование и анимация

• Базовые переходы и состояния через Prototype-связи.

• Анимации пользовательских сценариев (motion design UI) - при необходимости с описанием в комментариях или отдельной спецификации.

• Оверлеи, модалки, дропдауны - смакетированы отдельно и связаны с прототипом.

3. Презентации и инфографика

• Создание сложных презентационных материалов, отчётов, визуализация данных.

• Уверенная работа с большими объёмами текста и типографикой.

• Превращение запутанных бизнес-процессов или брифов в понятные схемы и логичные визуальные истории.

4. 3D и AI-инструменты

• Использование 3D-графики (изометрия, элементы интерфейса, несложные объекты).

• Генерация визуального контента, иконок, нестандартных креативных решений через нейросети (Midjourney, Firefly и др.).

5. Документация внутри файла

• Сопровождение спорных или нестандартных решений комментариями прямо в Figma.

• Наличие секции со спецификацией: состояния, логика, граничные случаи (edge cases).

• Тексты — не «lorem ipsum», а реалистичные данные разной длины.

Требования к Hard Skills

• Figma на уровне эксперта: Auto-Layout, компоненты и Variants, Component Properties, Styles, Variables, Modes, Dev Mode, прототипирование.

• Пакет Adobe CC: Photoshop, Illustrator, After Effects (базовая анимация UI).

• Опыт создания и поддержки дизайн-систем от 1 года.

• Понимание принципов адаптивного и респонсив дизайна.

• Умение экспортировать ресурсы для разработки с учётом разных разрешений и форматов.

• Базовое владение 3D-инструментами (Blender, Cinema 4D или аналоги) для создания простых изометрических сцен/элементов.

• Опыт работы с нейросетями (Midjourney, DALL-E, Firefly) для генерации изображений и иконок.

Требования к Soft Skills и опыту

• Высокая насмотренность и визуальный вкус: понимание трендов UI/UX и веб-дизайна, умение отличать «просто аккуратно» от «конверсионно и удобно».

• Внимание к деталям и чистота макетов: pixel-perfect подход, порядок в слоях и осмысленный нейминг — ваша базовая привычка.

• Самостоятельность: умение читать и декомпозировать ТЗ, задавать уточняющие вопросы, предлагать свои решения по улучшению UX, а не ждать пошаговых инструкций.

• Умение упрощать: способность превращать сложные процессы в логичные и понятные схемы.

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

Как откликнуться: В сопроводительном письме обязательно прикрепите портфолио (Figma-файл или ссылка на Behance / PDF). Нам важно увидеть не только финальные UI-картинки, но и процесс:

• Вайрфреймы и проработку User Flow.

• Примеры организации файлов (слои, компоненты, стили).

• Работы со сложной вёрсткой презентаций и инфографикой.

Отклики без портфолио рассматриваться не будут.