{
    "version": "https:\/\/jsonfeed.org\/version\/1.1",
    "title": "Евгений Смирнов: заметки с тегом iOS",
    "_rss_description": "Проектирую мобильные и веб-приложения и сайты. Создаю интерактивные прототипы, чтобы протестировать идею до разработки и презентовать её заказчикам или инвесторам.",
    "_rss_language": "ru",
    "_itunes_email": "smirnov.evgeniy789@gmail.com",
    "_itunes_categories_xml": "",
    "_itunes_image": "https:\/\/yevgeniysmirnov.ru\/pictures\/userpic\/userpic-square@2x.jpg?1764698559",
    "_itunes_explicit": "no",
    "home_page_url": "https:\/\/yevgeniysmirnov.ru\/tags\/ios\/",
    "feed_url": "https:\/\/yevgeniysmirnov.ru\/tags\/ios\/json\/",
    "icon": "https:\/\/yevgeniysmirnov.ru\/pictures\/userpic\/userpic@2x.jpg?1764698559",
    "authors": [
        {
            "name": "Евгений Смирнов",
            "url": "https:\/\/yevgeniysmirnov.ru\/",
            "avatar": "https:\/\/yevgeniysmirnov.ru\/pictures\/userpic\/userpic@2x.jpg?1764698559"
        }
    ],
    "items": [
        {
            "id": "7",
            "url": "https:\/\/yevgeniysmirnov.ru\/all\/panda-pizza-mobile-app\/",
            "title": "Помог повысить узнаваемость бренда и увеличить продажи через UX, промо-функции и адаптацию брендинга",
            "content_html": "<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka.jpg\" width=\"2560\" height=\"1440\" alt=\"\" \/>\n<\/div>\n<p class=\"lead\">Панда Пицца — приложение для заказа доставки пиццы, закусок, десертов и напитков.<\/p>\n<h2>На проекте<\/h2>\n<ol start=\"1\">\n<li>Сделал дизайн iOS-приложения с базовыми функциями: меню, оформление заказа, отслеживание статуса доставки и оценка её качества.<\/li>\n<li>Адаптировал приложение под Android по гайдлайнам Google Material You.<\/li>\n<li>Встроил в пользовательские сценарии промо-функции: бонусную систему, сторисы для акций и функцию рекомендации приложения друзьям.<\/li>\n<li>Адаптировал интерфейс под новый брендинг, чтобы визуально выделить приложение среди конкурентов.<\/li>\n<\/ol>\n<h2>Задача<\/h2>\n<p>Бизнес ресторанов обратился за мобильным приложением, чтобы увеличить продажи и повысить узнаваемость бренда. Приложение нужно было задизайнить, разработать и связать с инфраструктурой клиента за 5 месяцев.<\/p>\n<p>Чтобы уложиться в сроки и сохранить привычный для пользователей сценарий заказа еды, клиент попросил ориентироваться на приложение Додо Пиццы. Я взял его как сценарный референс и скорректировал под рамки МВП и бизнес-логику Панда Пиццы.<\/p>\n<h2>Доставка и самовывоз<\/h2>\n<p>При первом входе спрашиваем, как пользователь хочет получить заказ, чтобы показать актуальные меню и цены. Они зависят от пиццерии, обслуживающей адрес доставки или выбранной для самовывоза:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/pervyi_vhod_2.2@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<p><b>Доставка<\/b><br \/>\nПеред системным запросом геолокации показываем экран, который объясняет, зачем приложению доступ к местоположению.<\/p>\n<p>Если пользователь нажал «Настроить позже», он сможет вызвать системную модалку без перехода в настройки — через кнопку «Определить местоположение» на карте:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/dostavka1.4@2x.jpg\" width=\"1155\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Обрезаем адрес слева, а не справа. Так в строке остаются улица и дом — часть адреса, по которой пользователь понимает, куда доставят еду:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/otobrazhenie-adresa-1.5@2x.jpg\" width=\"1280\" height=\"242\" alt=\"\" \/>\n<\/div>\n<p>Когда что-то идёт не так, приложение объясняет, что произошло и что делать дальше:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/dostavka_sostoyaniya@2x.jpg\" width=\"1280\" height=\"685\" alt=\"\" \/>\n<\/div>\n<p><b>Самовывоз<\/b><br \/>\nПри включённой геолокации центрируем карту относительно местоположения пользователя и показываем ближайшие пиццерии:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/samovyvoz1.2@2x.jpg\" width=\"1155\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<h2>Меню<\/h2>\n<p>После выбора того, как получить заказ, пользователь попадает в меню:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Menyu1.2@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<p>Виджет адреса показывает, может ли пиццерия принять заказ:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/vidzhet_dostavki_sostoyaniya3.2@2x.jpg\" width=\"1280\" height=\"208\" alt=\"\" \/>\n<\/div>\n<h2>Корзина<\/h2>\n<p>Изначально для ввода промокода хотел использовать модальную шторку:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Korzina2.2@2x.jpg\" width=\"1280\" height=\"860\" alt=\"\" \/>\n<\/div>\n<p>При обсуждении макетов с разработчиком выяснил:<\/p>\n<ul>\n<li>Клавиатура сворачивается позже шторки, из-за чего конструкция распадается и анимация выглядит дёрганой.<\/li>\n<li>Чтобы подстроить высоту шторки под клавиатуру и содержимое, пришлось бы менять системное поведение.<\/li>\n<\/ul>\n<p>Заменил шторку на модальное окно. При его закрытии клавиатура скрывается одновременно с ним:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Korzina1.1@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<h2>Оформление заказа<\/h2>\n<p>При оплате заказа пользователь запускает цепочку взаимодействий между приложением, бэком и платёжной системой, но ему достаточно знать, что платёж прошёл:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/oplata_proshla@2x.jpg\" width=\"1280\" height=\"685\" alt=\"\" \/>\n<\/div>\n<p>Если банк отклонил платёж, запросил подтверждение или бэк долго получает данные заказа, приложение объяснит, что происходит и что делать дальше:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Oplata-zakaza1.1@2x.jpg\" width=\"1155\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>На проде выяснилось, что бэк может несколько минут возвращать данные заказа. Чтобы медленная система ощущалась работающей, троббер сменяется пояснением и кнопкой «Проверить статус».<\/p>\n<p>Приложение само проверяет статус через заданные интервалы, но кнопка даёт пользователю возможность убедиться, что система работает:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Obrabotka_zakaza@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<h2>Отслеживание заказа<\/h2>\n<p>Бэк может вернуть данные заказа без номера, который нужен для обращения в поддержку. Сделал так, что экран заказа открывается сразу, а номер подгружается фоном:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Nomer-zakaza1@2x.jpg\" width=\"1280\" height=\"860\" alt=\"\" \/>\n<div class=\"e2-text-caption\">Приложение само обновляет данные, но пользователь может вручную запросить номер, если он нужен срочно.<\/div>\n<\/div>\n<p>Заказ может быть отменён без участия пользователя. В таком случае приложение говорит: заказ отменён, деньги вернутся, бонусы уже вернулись. Если остались вопросы, можно позвонить в поддержку:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/zakaz-otmenen1.2@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<h2>Оценивание заказа<\/h2>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/ocenka-zakaza1.2@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<p>Текст на странице и плейсхолдер поля меняются в зависимости от оценки. Люди любят давать советы и заодно описывают, что пошло не так:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/variacii-ocenki1@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<h2>Адаптация под Android<\/h2>\n<p>Клиенту понравился дизайн iOS-приложения, и в процессе разработки он также заказал версию для Android.<\/p>\n<p>Интерфейс адаптировал по гайдлайнам Google Material You, чтобы сделать привычные для Android навигационные паттерны и поведение элементов управления:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1280\" data-ratio=\"1.3689839572193\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Android1.2@2x.jpg\" width=\"1280\" height=\"935\" alt=\"\" \/>\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Android-2@2x.jpg\" width=\"1280\" height=\"935\" alt=\"\" \/>\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Android-3.1@2x.jpg\" width=\"1280\" height=\"935\" alt=\"\" \/>\n<\/div>\n<\/div>\n<h2>После запуска МВП начал встраивать промо-функции<\/h2>\n<p><b>Сторисы<\/b><br \/>\nСторисы рассказывают об акциях, промокодах и скидках, побуждая пользователя сделать заказ или добавить к нему дополнительные позиции.<\/p>\n<p>Разместил сторисы на видном месте рядом с меню, потому что они связаны с выбором товаров:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/storisy1.1@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<p><b>Бонусы<\/b><br \/>\nДля оформления заказа пользователь авторизуется по номеру телефона.<\/p>\n<p>В смете и на экране статуса доставки показывается, сколько бонусов начислится за заказ:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Avtorizaciya@2x.jpg\" width=\"1155\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>На главной добавил баланс бонусов, чтобы напомнить о возможности их списать и подтолкнуть заказать больше:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Glavnaya-bonusy1.2@2x.jpg\" width=\"1280\" height=\"685\" alt=\"\" \/>\n<\/div>\n<p>За скачивание приложения дают 1000 бонусов, поэтому добавил в корзину предложение авторизоваться:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/korzina_avtorizaciya@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<p>После авторизации пользователь может списать бонусы:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Korzina_bonusy2@2x.jpg\" width=\"1155\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p><b>Рекомендация друзьям<\/b><\/p>\n<p>Если пользователь оценил заказ на 4—5 звёзд, на странице оценки появляется блок «Посоветуете нас?». При ответе «Да» предлагаем поделиться ссылкой на скачивание приложения:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/Rekomendaciya-druzyam2@2x.jpg\" width=\"1195\" height=\"1280\" alt=\"\" \/>\n<\/div>\n<p>Модальное окно — компромиссное решение. Я бы заменил его на блок, который появляется прямо на странице и продолжает сценарий.<\/p>\n<h2>Ребрендинг<\/h2>\n<p>Новый брендинг делала студия-подрядчик. Она же перенесла его в приложение, а я отсматривал результат. Нашёл нарушения контраста и семантики цветов, обсудил их с клиентом и исправил:<\/p>\n<div class=\"e2-text-picture\">\n<div class=\"fotorama\" data-width=\"1280\" data-ratio=\"1.3361169102296\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/brending_glavnaya1.4@2x.jpg\" width=\"1280\" height=\"958\" alt=\"\" \/>\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/brending_prokrutka-glavnoi1@2x.jpg\" width=\"1280\" height=\"958\" alt=\"\" \/>\n<\/div>\n<\/div>\n<p>Когда брендинг обновили во второй раз, адаптацию интерфейса сразу доверили мне. К тому моменту я настроил компоненты и привязал к ним семантические переменные, поэтому адаптация прошла быстро:<\/p>\n<div class=\"e2-text-picture\">\n<img src=\"https:\/\/yevgeniysmirnov.ru\/pictures\/brending_peremennye1@2x.jpg\" width=\"1280\" height=\"908\" alt=\"\" \/>\n<\/div>\n<h2>Результат<\/h2>\n<p class=\"loud\">МВП запустили в срок. Люди начали заказывать еду через приложение, а я развивал дизайн по мере добавления новых функций.<\/p>\n<h2>Отзыв о работе<\/h2>\n<blockquote>\n<p>«Мне очень нравится результат. Вы большие молодцы. <b>Сделали ровно то, что нужно, ничего лишнего<\/b>. Всё выглядит аккуратно и современно».<br \/>\n<i>Руководитель проекта со стороны клиента<\/i><\/p>\n<\/blockquote>\n<h2>Что сейчас происходит с продуктом<\/h2>\n<p>Я занимался дизайном приложения и поддерживал его в ходе разработки с начала 2024 до середины 2025.<\/p>\n<p>В начале 2025 <a href=\"https:\/\/yevgeniysmirnov.ru\/all\/panda-pizza-website\/\">обновил дизайн сайта<\/a>, чтобы повысить конверсию оформления заказа и привести интерфейс к единому стилю с мобильным приложением.<\/p>\n<p>В конце 2025 бизнес перешёл на готовое инфраструктурное решение, к которому прилагалось whitebox-приложение.<\/p>\n<p>Пользователям понравилось расширение функционала, но интерфейс заметно изменился:<\/p>\n<blockquote>\n<p>«Новый дизайн у приложения стал интуитивно не понятным, старый мне нравился больше, анимации, цвет и так далее, жаль что поменяли дизайн приложения».<br \/>\n<i>Отзыв из App Store<\/i><\/p>\n<\/blockquote>\n<p><b>Евгений Смирнов<\/b><br \/>\nДизайнер<\/p>\n<p><a href=\"https:\/\/icerockdev.ru\/\"><b>IceRock Development<\/b><\/a><br \/>\nКоманда разработки<\/p>\n<h2><a href=\"mailto:smirnov.evgeniy789@gmail.com\">Электропочта<\/a> • <a href=\"https:\/\/t.me\/eugenius_dsgn\">Телеграм<\/a><\/h2>\n",
            "date_published": "2026-06-13T14:49:46+05:00",
            "date_modified": "2026-06-23T12:19:54+05:00",
            "tags": [
                "android",
                "b2c",
                "iOS",
                "доставка еды",
                "мобильное приложение",
                "портфолио"
            ],
            "image": "https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka.jpg",
            "_date_published_rfc2822": "Sat, 13 Jun 2026 14:49:46 +0500",
            "_rss_guid_is_permalink": "false",
            "_rss_guid": "7",
            "_rss_enclosures": [],
            "_e2_data": {
                "is_favourite": true,
                "links_required": [
                    "jquery\/jquery.js",
                    "fotorama\/fotorama.css",
                    "fotorama\/fotorama.js"
                ],
                "og_images": [
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Oblozhka.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/pervyi_vhod_2.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/dostavka1.4@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/otobrazhenie-adresa-1.5@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/dostavka_sostoyaniya@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/samovyvoz1.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Menyu1.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/vidzhet_dostavki_sostoyaniya3.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Korzina2.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Korzina1.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/oplata_proshla@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Oplata-zakaza1.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Obrabotka_zakaza@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Nomer-zakaza1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/zakaz-otmenen1.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/ocenka-zakaza1.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/variacii-ocenki1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Android1.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Android-2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Android-3.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/storisy1.1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Avtorizaciya@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Glavnaya-bonusy1.2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/korzina_avtorizaciya@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Korzina_bonusy2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/Rekomendaciya-druzyam2@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/brending_glavnaya1.4@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/brending_prokrutka-glavnoi1@2x.jpg",
                    "https:\/\/yevgeniysmirnov.ru\/pictures\/brending_peremennye1@2x.jpg"
                ]
            }
        }
    ],
    "_e2_version": 4171,
    "_e2_ua_string": "Aegea 11.4 (v4171e)"
}