Дизайн сайта

Дизайн сайта

Дизайн сайта

Дизайн сайта

Дизайн сайта

Подготовим дизайн сайта к разработке. Сделаем дизайн макеты в 3-5 размерах, UI-kit, палитры и типографику.

Подготовим дизайн сайта к разработке. Сделаем дизайн макеты в 3-5 размерах, UI-kit, палитры и типографику.

Подготовим дизайн сайта к разработке. Сделаем дизайн макеты в 3-5 размерах, UI-kit, палитры и типографику.

Подготовим дизайн сайта к разработке. Сделаем дизайн макеты в 3-5 размерах, UI-kit, палитры и типографику.

Дизайн в Figma

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

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

Дизайн в Figma


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

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

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

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

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

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

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

  • UI-kit

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


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

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

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

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


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

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

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

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


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

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

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


Цвета

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

Цвета


Типографика

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

Типографика


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

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

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

Дизайн в Figma

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

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

Дизайн в Figma


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

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

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

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

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

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

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

  • UI-kit

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


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

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

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

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


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

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

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

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


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

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

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


Цвета

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

Цвета


Типографика

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

Типографика


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

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

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

Дизайн в Figma

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

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

Дизайн в Figma


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

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

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

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

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

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

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

  • UI-kit

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


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

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

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

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


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

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

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

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


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

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

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


Цвета

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

Цвета


Типографика

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

Типографика


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

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

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

Дизайн в Figma

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

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

Дизайн в Figma


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

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

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

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

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

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

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

  • UI-kit

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


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

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

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

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


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

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

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

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


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

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

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


Цвета

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

Цвета


Типографика

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

Типографика


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

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

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

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


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

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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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


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

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

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

Если у вас сложный проект и нужна помощь с дизайном, напишите нам. Мы изучим требования, оценим трудозатраты и предложим идеи по проекту с учётом накопленного нами опыта — в течение 1 рабочего дня.

Логотип Wadline

В топ-10 дизайн-студий по мнению Wadline

Логотип Ratingruneta

В топ-10 разработчиков корп. решений по мнению Ratingruneta

Логотип Ratingruneta

№2 среди агенств по поддержке и развитию по мнению Ratingruneta

Аккредитованная IT-компания АО-20220418-4218209153-3

Частые вопросы

Хочу заказать UI UX дизайн. Что от меня нужно?

Отправьте имеющиеся требования на почту или в телеграм. Мы изучим информацию и сообщим, сможем ли помочь.

Как подготовить начальные требования?

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

Сколько стоит дизайн сайта и что входит в стоимость?

Ставка студии 2500 руб / час. Стоимость команды 500 тыс. руб. в месяц. Срок зависит от объёма проекта. В стоимость входит прототип, UI-kit, цветовые палитры, типографика, макеты в Figma для 3-5 разрешений.

Сколько времени потребуется на дизайн?

Для больших проектов обычно требуется 2 месяца. По небольшим проектам — оценка от нескольких дней.

Как выбрать подрядчика на дизайн приложения?

Лучше ищите компанию через отраслевые рейтинги Tagline, RaitingRuneta и Wadline. Это надёжнее. Обращайте внимание на специализацию и примеры работ.

Системный подход к дизайну

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

Системный подход к дизайну

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

Системный подход к дизайну

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

SPAR
Biocad
Senior Group
Moscow Digital School
TRNR

и ещё 25+ компаний заказывали у нас дизайн интерфейсов

и ещё 25+ компаний заказывали у нас дизайн интерфейсов