{ "version": "https:\/\/jsonfeed.org\/version\/1.1", "title": "Евгений Смирнов: заметки с тегом доставка еды", "_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\/dostavka-edy\/", "feed_url": "https:\/\/yevgeniysmirnov.ru\/tags\/dostavka-edy\/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": "8", "url": "https:\/\/yevgeniysmirnov.ru\/all\/panda-pizza-website\/", "title": "Обновил дизайн сайта, чтобы повысить конверсию оформления заказа и привести интерфейс к единому стилю с мобильным приложением", "content_html": "

\n $\"\"$ \n<\/div>\n

Панда Пицца — сайт для заказа доставки пиццы, закусок, десертов и напитков.<\/p>\n

На проекте<\/h2>\n
\n
Описал путь оформления заказа и предложил, как его улучшить.<\/li>\n
Собрал карту переходов нового пути, чтобы оценить масштаб работ и связать новые функции — бонусы, сторисы с акциями, отмену и оценивание заказа — с существующими.<\/li>\n
Задал визуальное направление, чтобы интерфейс сайта подружился с приложением, и продукты выглядели как из одной линейки.<\/li>\n
Погрузил в проект дизайнера, распланировал его работу и взял на себя арт-дирекшн.<\/li>\n<\/ol>\n
Задача<\/h2>\n
Для Панды Пиццы я делал дизайн мобильного приложения<\/a>, которое помогло повысить узнаваемость бренда и увеличить продажи.<\/p>\n
Клиенту понравился результат, и он доверил мне обновление дизайна сайта. Нужно было повысить конверсию заказа, привести сайт к единому стилю с приложением и упростить поддержку дизайна.<\/p>\n
Главная<\/h2>\n
Повысил акцент на товарах:<\/p>\n
\n
Уменьшил высоту шапки, убрал заливку и навёл порядок в вёрстке.<\/li>\n
Уменьшил поля по краям, чтобы увеличить карточки товаров.<\/li>\n<\/ul>\n
Вместо карусели баннеров сделал сторисы с акциями.<\/p>\n
Новый дизайн первый в карусели:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Мобильная версия<\/b>
\nИнформацию о том, что меню и цены могут отличаться в зависимости от адреса доставки и пиццерии, разместил на странице вместо плавающего тоста:<\/p>\n
\n $\"\"$ \n<\/div>\n
Прокрутка меню<\/b>
\nФиксирую только навигацию и корзину, чтобы отдать максимум вертикального пространства товарам:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Мобильная версия<\/b><\/p>\n
\n $\"\"$ \n<\/div>\n
Карточка товара<\/b>
\nИсправил тональность цены, чтобы карточка считывалась актуальной и активной.<\/p>\n
Использовал облегчённый основной цвет вместо серого для кнопки перехода на страницу товара:<\/p>\n
\n $\"\"$ \n<\/div>\n
Футер<\/b>
\nСовместил условия доставки с футером и увеличил размеры элементов, чтобы подсветить важную информацию.<\/p>\n
Выделил подзаголовки размером и жирностью вместо низкоконтрастного жёлтого.<\/p>\n
Добавил QR-код для скачивания приложения:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Страница товара<\/h2>\n
Увеличил фото товара и добавил выбор дополнительных ингредиентов:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Была идея сделать страницу вместо модального окна, чтобы дать больше места информации о товаре и элементам управления, а также уменьшить вложенность модальных окон:<\/p>\n
\n $\"\"$ \n<\/div>\n
Но в продакшен пошла версия с модальным окном. Согласующие стороны опасались, что переход к отдельной странице будет ощущаться тяжелее и разорвёт визуальную связь с меню.<\/p>\n
В мобильной версии открывается полноэкранное модальное окно<\/b><\/p>\n
\n $\"\"$ \n<\/div>\n
Адрес доставки и самовывоза<\/h2>\n
Чтобы добавить товар в корзину по актуальной цене, нам нужно узнать адрес доставки и определить пиццерию, которая его обслуживает.<\/p>\n
Доставка<\/b><\/p>\n
Объединил выбор адреса доставки и пиццерии для самовывоза в одном окне, чтобы избежать двойной вложенности модальных окон.<\/p>\n
Для добавления товара в корзину достаточно указать город, улицу и дом. Детали адреса запрашиваются в форме заказа:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
При вводе адреса под полем появляются подсказки:<\/p>\n
\n $\"\"$ \n<\/div>\n
Если адрес не входит в зону доставки, подсвечиваю поле ошибкой после его расфокуса вместо кричащего уведомления:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Самовывоз<\/b><\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
После указания адреса товар автоматически добавляется в корзину без необходимости повторно кликать на кнопку «В корзину»:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Мобильная версия выбора адреса доставки<\/b><\/p>\n
\n $\"\"$ \n<\/div>\n
Мобильная версия выбора пиццерии для самовывоза<\/b><\/p>\n
\n $\"\"$ \n<\/div>\n
Корзина<\/h2>\n
Сделал отдельной страницей, а не модальным окном:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
При изменении ширины окна, элементы знают, как им перестроиться:<\/p>\n
\n $\"\"$ \n<\/div>\n
Была идея разместить корзину сбоку от меню:<\/p>\n
\n $\"\"$ \n<\/div>\n
Но времени на проработку немодального поведения при узком окне не было, поэтому везде сделали единообразно — отдельной страницей.<\/p>\n
Списание бонусов<\/h2>\n
Если пользователь авторизован, в шапке появляется баланс бонусов, которые он может списать:<\/p>\n
\n $\"\"$ \n<\/div>\n
Авторизация<\/h2>\n
Для оформления заказа пользователь авторизуется по номеру телефона.<\/p>\n
Исправил низкую контрастность акцентного жёлтого и сделал тексты понятнее:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Код подтверждения<\/b>
\nСделал очевиднее кнопку возврата к шагу ввода телефона и автоматическую проверку кода после ввода последней цифры:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Форма заказа<\/h2>\n
После авторизации пользователь попадает на форму заказа, где уточняет адрес, время доставки и способ оплаты.<\/p>\n
Визуально облегчил форму:<\/p>\n
\n
Разделил группы полей пространством вместо подложек.<\/li>\n
Поля сделал серыми подложками вместо обводки:<\/li>\n<\/ul>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Было бы хорошо сохранить подписи слева от полей, как в старой форме, но:<\/p>\n
\n
полей мало,<\/li>\n
они стоят рядом с названиями групп,<\/li>\n
содержимое подсказывает, что это за поле.<\/li>\n<\/ul>\n
Поэтому оставил подписи только у полей с похожими данными — квартира, подъезд, этаж. Если расположить подписи слева, они будут без необходимости выделять эти поля на фоне остальных.<\/p>\n
Уменьшил высоту сводки заказа и зафиксировал её при прокрутке:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Вместо общего сообщения об ошибке внизу страницы подсвечиваю красным сами поля:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Если ресторан закрыт, новый сайт предлагает сделать отложенный заказ. Вместо кнопки оплаты показывается кнопка «Указать время доставки»:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Сохранённые адреса<\/h2>\n
После оформления заказа адрес сохраняется и при следующем заказе компактнее отображается в форме:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Можно добавить несколько адресов:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Или отредактировать текущий:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Отслеживание заказа<\/h2>\n
После оплаты перенаправляем пользователя на экран заказа:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Сделал так, что на экран заказа теперь можно вернуться с главной страницы, а не искать его в истории браузера:<\/p>\n
\n $\"\"$ \n<\/div>\n
Добавил оценку заказа для сбора статистики и обратной связи от пользователей:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Отмена заказа<\/b>
\nВместо звонка в поддержку на новом сайте заказ можно отменить кнопкой:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Если заказ начали готовить, то при отмене деньги не вернутся, о чём сайт кратко и ясно предупреждает:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Когда заказ передали курьеру, отменить его не получится. Кнопка «Отменить заказ...» меняется на информационное сообщение:<\/p>\n
\n $\"\"$ \n<\/div>\n
Что было самым сложным<\/h2>\n
Направлять подопечного дизайнера и в сжатые сроки отдавать результат.<\/p>\n
Как я с этим справился<\/b>
\nПогрузил дизайнера в проект голосом и оперативно отвечал на вопросы. Днём давал работать в тишине, вечером делал ревью и сообщал статус проджект-менеджеру. Взял на себя интерактивный прототип и визуальное направление.<\/p>\n
Результат<\/h2>\n
Сайт запустили в срок, и люди начали заказывать еду через него.<\/p>\n
Работая в формате аутсорса, я не имел доступа к бизнес-метрикам проекта и не мог оценить влияние нового дизайна.<\/p>\n
Что сейчас происходит с продуктом<\/h2>\n
Я занимался дизайном сайта и поддерживал его в ходе разработки с начала до середины 2025.<\/p>\n
В конце 2025 бизнес перешёл на готовое инфраструктурное решение, к которому прилагался whitebox-сайт.<\/p>\n
Евгений Смирнов<\/b>
\nАрт-директор<\/p>\n
Марина Ткаченко<\/b>
\nДизайнер<\/p>\n
IceRock Development<\/b><\/a>
\nКоманда разработки<\/p>\n
Электропочта<\/a> • Телеграм<\/a><\/h2>\n", "date_published": "2026-06-23T00:03:12+05:00", "date_modified": "2026-06-23T00:02:34+05:00", "tags": [ "b2c", "доставка еды", "портфолио", "сайт" ], "image": "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-New@2x.jpg", "_date_published_rfc2822": "Tue, 23 Jun 2026 00:03:12 +0500", "_rss_guid_is_permalink": "false", "_rss_guid": "8", "_rss_enclosures": [], "_e2_data": { "is_favourite": true, "links_required": [ "jquery\/jquery.js", "fotorama\/fotorama.css", "fotorama\/fotorama.js" ], "og_images": [ "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-Order-Preview-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-cancel-noti@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Org-New1.2@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Thumbnail@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-New@2x-1.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-New_Scroll@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-Old_Scroll@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-New_Scroll_Mobile@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Card@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home_New_Footer@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-Old_Footer@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Details-Modal-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home_Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Details-Page-New-Screen-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Details-New-Mobile@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-Hints-1-New-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-Old-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-Old-2@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-New-Hints@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-New-Error@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-Error-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Pick-Up-Modal-New1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Pick-Up-Modal-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Notification-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Notification-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Delivery-Modal-Mobile-New-1.1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Pick-Up-Modal-Mobile-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Cart-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Cart-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Cart-compact-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Cart-sheme-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Cart-Bonus@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Login-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Login-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Secure-code-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Secure-code-old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-New-1.3@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Old-1.3@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Scroll-New1.1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Scroll-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Error-New1.2@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Error-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Early-New1.2@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Early-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Saved-Address-New-1.2@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Saved-Address-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Saved-Address-Modal-New-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Saved-Address-Modal-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Saved-Address-Modal-Old-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Edit-Saved-Address-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-Form-Saved-Address-Modal-Old-2@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-page-accepted-New-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-page-accepted-Old@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Home-Order-Preview-New-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-page-Deliveried-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-page-Estimate-1-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-page-Estimate-2-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-page-Estimate-3-New@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-cancel-modal-1.1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-canceld@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-cancel-modal-2@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-canceld-1@2x.jpg", "https:\/\/yevgeniysmirnov.ru\/pictures\/Order-cancel-noti-1@2x.jpg" ] } }, { "id": "7", "url": "https:\/\/yevgeniysmirnov.ru\/all\/panda-pizza-mobile-app\/", "title": "Помог повысить узнаваемость бренда и увеличить продажи через UX, промо-функции и адаптацию брендинга", "content_html": "
\n $\"\"$ \n<\/div>\n
Панда Пицца — приложение для заказа доставки пиццы, закусок, десертов и напитков.<\/p>\n
На проекте<\/h2>\n
\n
Сделал дизайн iOS-приложения с базовыми функциями: меню, оформление заказа, отслеживание статуса доставки и оценка её качества.<\/li>\n
Адаптировал приложение под Android по гайдлайнам Google Material You.<\/li>\n
Встроил в пользовательские сценарии промо-функции: бонусную систему, сторисы для акций и функцию рекомендации приложения друзьям.<\/li>\n
Адаптировал интерфейс под новый брендинг, чтобы визуально выделить приложение среди конкурентов.<\/li>\n<\/ol>\n
Задача<\/h2>\n
Бизнес ресторанов обратился за мобильным приложением, чтобы увеличить продажи и повысить узнаваемость бренда. Приложение нужно было задизайнить, разработать и связать с инфраструктурой клиента за 5 месяцев.<\/p>\n
Чтобы уложиться в сроки и сохранить привычный для пользователей сценарий заказа еды, клиент попросил ориентироваться на приложение Додо Пиццы. Я взял его как сценарный референс и скорректировал под рамки МВП и бизнес-логику Панда Пиццы.<\/p>\n
Доставка и самовывоз<\/h2>\n
При первом входе спрашиваем, как пользователь хочет получить заказ, чтобы показать актуальные меню и цены. Они зависят от пиццерии, обслуживающей адрес доставки или выбранной для самовывоза:<\/p>\n
\n $\"\"$ \n<\/div>\n
Доставка<\/b>
\nПеред системным запросом геолокации показываем экран, который объясняет, зачем приложению доступ к местоположению.<\/p>\n
Если пользователь нажал «Настроить позже», он сможет вызвать системную модалку без перехода в настройки — через кнопку «Определить местоположение» на карте:<\/p>\n
\n $\"\"$ \n<\/div>\n
Обрезаем адрес слева, а не справа. Так в строке остаются улица и дом — часть адреса, по которой пользователь понимает, куда доставят еду:<\/p>\n
\n $\"\"$ \n<\/div>\n
Когда что-то идёт не так, приложение объясняет, что произошло и что делать дальше:<\/p>\n
\n $\"\"$ \n<\/div>\n
Самовывоз<\/b>
\nПри включённой геолокации центрируем карту относительно местоположения пользователя и показываем ближайшие пиццерии:<\/p>\n
\n $\"\"$ \n<\/div>\n
Меню<\/h2>\n
После выбора того, как получить заказ, пользователь попадает в меню:<\/p>\n
\n $\"\"$ \n<\/div>\n
Виджет адреса показывает, может ли пиццерия принять заказ:<\/p>\n
\n $\"\"$ \n<\/div>\n
Корзина<\/h2>\n
Изначально для ввода промокода хотел использовать модальную шторку:<\/p>\n
\n $\"\"$ \n<\/div>\n
При обсуждении макетов с разработчиком выяснил:<\/p>\n
\n
Клавиатура сворачивается позже шторки, из-за чего конструкция распадается и анимация выглядит дёрганой.<\/li>\n
Чтобы подстроить высоту шторки под клавиатуру и содержимое, пришлось бы менять системное поведение.<\/li>\n<\/ul>\n
Заменил шторку на модальное окно. При его закрытии клавиатура скрывается одновременно с ним:<\/p>\n
\n $\"\"$ \n<\/div>\n
Оформление заказа<\/h2>\n
При оплате заказа пользователь запускает цепочку взаимодействий между приложением, бэком и платёжной системой, но ему достаточно знать, что платёж прошёл:<\/p>\n
\n $\"\"$ \n<\/div>\n
Если банк отклонил платёж, запросил подтверждение или бэк долго получает данные заказа, приложение объяснит, что происходит и что делать дальше:<\/p>\n
\n $\"\"$ \n<\/div>\n
На проде выяснилось, что бэк может несколько минут возвращать данные заказа. Чтобы медленная система ощущалась работающей, троббер сменяется пояснением и кнопкой «Проверить статус».<\/p>\n
Приложение само проверяет статус через заданные интервалы, но кнопка даёт пользователю возможность убедиться, что система работает:<\/p>\n
\n $\"\"$ \n<\/div>\n
Отслеживание заказа<\/h2>\n
Бэк может вернуть данные заказа без номера, который нужен для обращения в поддержку. Сделал так, что экран заказа открывается сразу, а номер подгружается фоном:<\/p>\n
\n $\"\"$ \n
Приложение само обновляет данные, но пользователь может вручную запросить номер, если он нужен срочно.<\/div>\n<\/div>\n
Заказ может быть отменён без участия пользователя. В таком случае приложение говорит: заказ отменён, деньги вернутся, бонусы уже вернулись. Если остались вопросы, можно позвонить в поддержку:<\/p>\n
\n $\"\"$ \n<\/div>\n
Оценивание заказа<\/h2>\n
\n $\"\"$ \n<\/div>\n
Текст на странице и плейсхолдер поля меняются в зависимости от оценки. Люди любят давать советы и заодно описывают, что пошло не так:<\/p>\n
\n $\"\"$ \n<\/div>\n
Адаптация под Android<\/h2>\n
Клиенту понравился дизайн iOS-приложения, и в процессе разработки он также заказал версию для Android.<\/p>\n
Интерфейс адаптировал по гайдлайнам Google Material You, чтобы сделать привычные для Android навигационные паттерны и поведение элементов управления:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
После запуска МВП начал встраивать промо-функции<\/h2>\n
Сторисы<\/b>
\nСторисы рассказывают об акциях, промокодах и скидках, побуждая пользователя сделать заказ или добавить к нему дополнительные позиции.<\/p>\n
Разместил сторисы на видном месте рядом с меню, потому что они связаны с выбором товаров:<\/p>\n
\n $\"\"$ \n<\/div>\n
Бонусы<\/b>
\nДля оформления заказа пользователь авторизуется по номеру телефона.<\/p>\n
В смете и на экране статуса доставки показывается, сколько бонусов начислится за заказ:<\/p>\n
\n $\"\"$ \n<\/div>\n
На главной добавил баланс бонусов, чтобы напомнить о возможности их списать и подтолкнуть заказать больше:<\/p>\n
\n $\"\"$ \n<\/div>\n
За скачивание приложения дают 1000 бонусов, поэтому добавил в корзину предложение авторизоваться:<\/p>\n
\n $\"\"$ \n<\/div>\n
После авторизации пользователь может списать бонусы:<\/p>\n
\n $\"\"$ \n<\/div>\n
Рекомендация друзьям<\/b><\/p>\n
Если пользователь оценил заказ на 4—5 звёзд, на странице оценки появляется блок «Посоветуете нас?». При ответе «Да» предлагаем поделиться ссылкой на скачивание приложения:<\/p>\n
\n $\"\"$ \n<\/div>\n
Модальное окно — компромиссное решение. Я бы заменил его на блок, который появляется прямо на странице и продолжает сценарий.<\/p>\n
Ребрендинг<\/h2>\n
Новый брендинг делала студия-подрядчик. Она же перенесла его в приложение, а я отсматривал результат. Нашёл нарушения контраста и семантики цветов, обсудил их с клиентом и исправил:<\/p>\n
\n
\n $\"\"$ \n $\"\"$ \n<\/div>\n<\/div>\n
Когда брендинг обновили во второй раз, адаптацию интерфейса сразу доверили мне. К тому моменту я настроил компоненты и привязал к ним семантические переменные, поэтому адаптация прошла быстро:<\/p>\n
\n $\"\"$ \n<\/div>\n
Результат<\/h2>\n
МВП запустили в срок. Люди начали заказывать еду через приложение, а я развивал дизайн по мере добавления новых функций.<\/p>\n
Отзыв о работе<\/h2>\n
\n
«Мне очень нравится результат. Вы большие молодцы. Сделали ровно то, что нужно, ничего лишнего<\/b>. Всё выглядит аккуратно и современно».
\nРуководитель проекта со стороны клиента<\/i><\/p>\n<\/blockquote>\n
Что сейчас происходит с продуктом<\/h2>\n
Я занимался дизайном приложения и поддерживал его в ходе разработки с начала 2024 до середины 2025.<\/p>\n
В начале 2025 обновил дизайн сайта<\/a>, чтобы повысить конверсию оформления заказа и привести интерфейс к единому стилю с мобильным приложением.<\/p>\n
В конце 2025 бизнес перешёл на готовое инфраструктурное решение, к которому прилагалось whitebox-приложение.<\/p>\n
Пользователям понравилось расширение функционала, но интерфейс заметно изменился:<\/p>\n
\n
«Новый дизайн у приложения стал интуитивно не понятным, старый мне нравился больше, анимации, цвет и так далее, жаль что поменяли дизайн приложения».
\nОтзыв из App Store<\/i><\/p>\n<\/blockquote>\n
Евгений Смирнов<\/b>
\nДизайнер<\/p>\n
IceRock Development<\/b><\/a>
\nКоманда разработки<\/p>\n
Электропочта<\/a> • Телеграм<\/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)" }