Дизайн мобильных приложений и сайтов

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

Наш дизайн направлен прежде всего на решение задач

Соответствует гайдлайнам операционных систем

Красиво выглядит, в чем вы можете убедиться посмотрев наши работы

Учитывает принципы хорошего UI/UX дизайна

Этапы работы

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

Дизайн начинается с разработки дизайн-концепции. Мы опрашиваем клиента о предпочтениях в дизайне, смотрим на дизайн его текущих проектов и проектов его конкурентов, изучаем брендбук. На основе этих материалов мы разрабатываем дизайн-концепцию. Как правило, это 1−2 экрана, по которым можно понять, как будет выглядеть приложение или сайт.

Примеры двух дизайн-концепций из которых клиент выберет понравившейся вариант

Отрисовка экранов

На основе выбранной дизайн-концепции и технического задания дизайнер отрисовывает экраны. Затем создает из них кликабельный прототип (где кнопки можно понажимать и посмотреть что произойдет).

Дизайн-система

Параллельно отрисовки экранов создается дизайн-система приложения или сайта: элементы (кнопки, формы, карточки, списки), цвета, иконки, типографика (заголовки, тексты, подписи)

Состояния экранов

После согласования дизайнер рисует состояния экранов. Например, как экран будет выглядеть на большом или маленьком экране, какое поведение при скролле, как выглядят экраны с сообщением об ошибках или экраны, где нет данных, лоадеры (крутящиеся загрузчики), экраны с минимальным и максимальным контентом.

Пример состояний экрана чата

Адаптация

Если планируется сделать мобильное приложение для двух операционных систем (iOS и Android), то экраны адаптируются для второй системы. У каждый операционной системы есть свои рекомендации и правила по оформлению, их желательно придерживаться.

Спецификации

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