Дизайн в Figma

Делаем дизайн для больших проектов, с публичной частью, личными кабинетами и админ. панелью. Макеты всех страниц в 3-5 разрешениях, собираем на autolayout и компонентах с использованием переменных в Figma.

Систематизируем и автоматизируем, что возможно. Стремимся к порядку во всём.

Типовая структура проекта:

• Дизайн страниц (по ролям)

• Дизайн email уведомлений

• ACL политики (права доступа)

• Типографика

• Правила адаптивности

• Цвета (палитры)

• UI-kit

Дизайн-концепция

Сделаем макеты основных страниц для демонстрации.

Учтём требования, тренды в UI UX и решения, проверенные на практике.

Дизайн внутренних страниц

Делаем дизайн личного кабинета пользователя (клиент, партнёр, сотрудник, модератор, админ и т.д.).

Учтём возможные сценарии пользователя, чтобы не было вопросов на разработке.

UI-kit и компоненты

В каждом проекте разрабатываем подробный UI-kit, чтобы у разработки не было вопросов, как должен вести себя интерфейс в разных ситуациях.

Цвета

Делаем контекстные палитры с учётом межтональной контрастности для всех UI элементов проекта на основе логотипа или фирменного стиля.

Типографика

Определим оптимальные шрифты для проекта с поддержкой CDN, оптимизацией для лонгридов и крупных заголовков. Можем использовать фирменные шрифты.

Дизайн дашбордов

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

Визуализируем данные в удобном виде для регулярного использования.

Дизайн навигации

Спроектируем путь пользователя и оптимальную навигацию в приложении. Оптимизируем путь до целевого действия пользователя.

Сделаем интуитивную навигацию.

Дизайн профиля пользователя

Сделаем дизайн просмотра и редактирования профиля пользователя для разных ролей: клиентов, партнёров и сотрудников, с учётом их прав доступа.

Дизайн статистики

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

Дизайн уведомлений

Также делаем дизайн системных уведомлений, ошибок, подсказок и email писем пользователям. Составим тексты уведомлений с учётом Tone of Voice компании.

Дизайн табличных данных

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

Дизайн мобильной версии

Сделаем макеты для 3-5 размеров экранов, без потери функционала с понятной навигацией, в общей дизайн-концепции.

Порядок в дизайне

Делаем дизайн удобным для разработки, используем autolayout и переменные: всем будет понятно, какой отступ или цвет использовать — все правила внутри дизайн системы, а использование переменных позволит исключить значимую часть ручных настроек.

Тестовое задание

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