Дизайн мобильных приложений и сайтов
Вы можете заказать у нас дизайн мобильного приложения или сайта. Мы глубого погружаемся в задачу клиента и на выходе выдаем простой, понятный и красивый дизайн.
Наш дизайн направлен прежде всего на решение задач
Соответствует гайдлайнам операционных систем
Красиво выглядит, в чем вы можете убедиться посмотрев наши работы
Учитывает принципы хорошего UI/UX дизайна
Этапы работы
Дизайн-концепция
Дизайн начинается с разработки дизайн-концепции. Мы опрашиваем клиента о предпочтениях в дизайне, смотрим на дизайн его текущих проектов и проектов его конкурентов, изучаем брендбук. На основе этих материалов мы разрабатываем дизайн-концепцию. Как правило, это 1−2 экрана, по которым можно понять, как будет выглядеть приложение или сайт.
1
Примеры двух дизайн-концепций из которых клиент выберет понравившейся вариант
Отрисовка экранов
На основе выбранной дизайн-концепции и технического задания дизайнер отрисовывает экраны. Затем создает из них кликабельный прототип (где кнопки можно понажимать и посмотреть что произойдет).
2
Дизайн-система
Параллельно отрисовки экранов создается дизайн-система приложения или сайта: элементы (кнопки, формы, карточки, списки), цвета, иконки, типографика (заголовки, тексты, подписи)
3
Состояния экранов
После согласования дизайнер рисует состояния экранов. Например, как экран будет выглядеть на большом или маленьком экране, какое поведение при скролле, как выглядят экраны с сообщением об ошибках или экраны, где нет данных, лоадеры (крутящиеся загрузчики), экраны с минимальным и максимальным контентом.
4
Пример состояний экрана чата
Адаптация
Если планируется сделать мобильное приложение для двух операционных систем (iOS и Android), то экраны адаптируются для второй системы. У каждый операционной системы есть свои рекомендации и правила по оформлению, их желательно придерживаться.
5
Спецификации
Когда готовы экраны и состояния дизайнер пишет спецификации для разработчиков. Как правило, это описание принципов дизайна, а также описания работы элементов в виде текстовых подписей к экранам. Спецификации помогают разработчикам ускорить разработку.
6
Публикация в сторах
Когда приложение будет готово для публикации в сторах (AppStore и Google Play) дизайнер подготавливает скриншоты и баннеры, рисует иконку приложения.
7