Дизайн сайта

Дизайн сайта

Дизайн сайта

Дизайн сайта

Дизайн сайта

Подготовим дизайн сайта к разработке. Сделаем дизайн макеты в 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 Logo

In the top 10 design studios according to Wadline

Ratingruneta Logo

In the top 10 corporate solutions developers according to Ratingruneta

Ratingruneta Logo

No. 2 among agencies for support and development in the opinion of Ratingruneta

Accredited IT company AO-20220418-4218209153-3

Frequently Asked Questions

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

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

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

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

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

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

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

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

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

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

Need help with the project?

We will assess based on the initial requirements and help avoid common mistakes.

Need help with the project?

We will assess based on the initial requirements and help avoid common mistakes.

Need help with the project?

We will assess based on the initial requirements and help avoid common mistakes.

SPAR
Biocad
Senior Group
Moscow Digital School
TRNR

And over 25 companies have ordered interface design from us

And over 25 companies have ordered interface design from us