Заказ закрыт
Дизайн главного экрана мобильного приложения

Бюджет: 5 000 руб
Победители конкурса
1 место: Ale­na S­heo
2 место: победитель не выбран
3 место: победитель не выбран
Внимание! Проводится конкурс на выбор дизайнера по разработке редизайна мобильного приложения для служб доставки еды. Сейчас требуется только отрисовка главного экрана приложения. 

С дизайнером, выигравшим в конкурсе, будет длительное и плодотворное сотрудничество по разработке дизайна всего приложения (около 20 экранов), а также веб сайта для служб доставок еды (мобильной версии, для планшета и десктопа). 
ПРЕДПОЧТЕНИЕ ОТДАЕТСЯ ДИЗАЙНУ, ПРЕДСТАВЛЕННОМУ В FIGMA.
Ваши работы можете направлять  на почту manager@bamps.online, либо прикреплять в комментариях к конкурсу.

Мобильное приложения является мультиплатформенным, т.е. для андроид и iOS, поэтому дизайн должен быть общим. Пожелания по цветам – на усмотрение дизайнера, цвета должны быть в общих тенденциях современного дизайна приложений. В дальнейшем с победителем конкурса будет также обсуждаться подбор палитры цветов, т.к. нужны разные палитры, темные. светлые, цветные.

Во вложении прилагаю наше видение главного экрана. Основные референсы – это приложения Додо Пиццы, Макдоналдс, Яндекс.Еда.

ТЗ по главному экрану:
Блок 1 – наименование филиала (это может быть город, адрес, либо название Ресторана), кнопка поиска (лупа).
Блок 2 – Выбор способа доставки и адреса. Должно быть 2 кнопки "На доставку" и кнопка "В зале". Ниже кнопок кнопка "Выбрать адрес доставки"
Блок 3 – блок сторисов. Хотим тут придерживаться вида, как в приложении Макдоналдс.
Блок 4 – Кнопка бонусной программы. Если пользователь не зарегистрирован в бонусной программе – будет надпись "Получить 500 бонусов".
Блок 5 – Блок "Часто заказывают". Должно быть наименование блока и карточки товаров.
Блок 6 – категории меню (Пицца, роллы, суши и т.д.), а также карточки товаров. 
Блок 7 – кнопки с иконками нижнего меню (будут видны на всех экранах приложения)

Карточка товара – хотелось бы что-то похожее на Додо Пиццу. А именно:
- В левой части картинка
- В правой части: наименование товара(блюда); описание; свойства (обычно в свойствах указывается кол-во грамм, кол-во штук и т.д.); кнопка с ценой (при нажатии на кнопку товар будет добавлен в Корзину, а на кнопке в течение 5 секунд вместо цены должно отображаться -1+, то есть кнопка минуса, плюса и цифра ,указывающая на количество этого товара, добавленного в Корзину).


Опубликован 09.02.2022 в 14:51 Последнее изменение: 10.02.2022 в 10:36

Конкурсные работы

  • Эрик Коррадо   

    09.02.2022 | 15:09 обновлено: 13.02 2022 | 20:37
    Предлагаю немного изменить расположение определенных кнопок. Убрать описание из карточек, это сильно перегружает интерфейс. Описание можно делать непосредственно на странице товара. Поиск  – в фиксированном меню снизу. Вверху его нет смысла крепить, так как эта часть не фиксирована, а он должен быть на виду.  Карточки не стоит делать горизонтальными. Это не эстетично, и к тому же, все уже привыкли к вертикальным. Иконки в нижнем меню интуитивно понятны и не нуждаются в подписях.
    • Добавлено 13.02.2022 в 20:01
      Дизайн главного экрана мобильного приложения - фото 1
    • Добавлено 13.02.2022 в 20:01
      Дизайн главного экрана мобильного приложения - фото 2
    • Добавлено 13.02.2022 в 20:12
      Дизайн главного экрана мобильного приложения - фото 3
    • Добавлено 13.02.2022 в 20:37
      Дизайн главного экрана мобильного приложения - фото 4
    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

  • Фрилансер [natalybelyaeva1]  

    09.02.2022 | 14:59 обновлено: 14.02 2022 | 22:23
    Добрый вечер. Высылаю свой вариант. Буду рада комментариям.
    • Добавлено 14.02.2022 в 22:23
      Дизайн главного экрана мобильного приложения - фото 5
    • Добавлено 14.02.2022 в 22:23
      Дизайн главного экрана мобильного приложения - фото 6
    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

  • Стелла Сээманн  

    09.02.2022 | 15:13 обновлено: 13.02 2022 | 09:17
    Доброго суток дня! А у вас есть логотип? Было бы неплохо его увидеть
    • Добавлено 12.02.2022 в 15:06
      Дизайн главного экрана мобильного приложения - фото 7
    • Добавлено 12.02.2022 в 15:06
      Дизайн главного экрана мобильного приложения - фото 8
    • Добавлено 13.02.2022 в 09:00
      Дизайн главного экрана мобильного приложения - фото 9
    • Добавлено 13.02.2022 в 09:17
      Дизайн главного экрана мобильного приложения - фото 10
    • Добавлено 13.02.2022 в 09:06
      Дизайн главного экрана мобильного приложения - фото 11
    • Добавлено 13.02.2022 в 09:06
      Дизайн главного экрана мобильного приложения - фото 12
    • Заказчик [manager435]   

      09.02.2022 | 16:12  

      Добрый день, Стелла! Мы IT компания, делаем мобильные приложения для ресторанов и кафе. Логотипы у всех разные. В плане цвета можете ориентироваться на светлые нейтральные цвета. Кандидат, который победит в конкурсе и с которым будем работать далее, должен будет подобрать цветовые гаммы, но на первом этапе этого не требуется.

    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

  • Roman Dodin  

    09.02.2022 | 15:37 обновлено: 14.02 2022 | 15:04
    • Добавлено 14.02.2022 в 15:04
      Дизайн главного экрана мобильного приложения - фото 13
    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

  • Антоний Панкеев  

    10.02.2022 | 00:25 обновлено: 10.02 2022 | 15:15
    +
    • Добавлено 10.02.2022 в 00:25
      Дизайн главного экрана мобильного приложения - фото 14
    • Добавлено 10.02.2022 в 15:15
      Дизайн главного экрана мобильного приложения - фото 15
    • Заказчик [manager435]   

      10.02.2022 | 17:41  

      Добрый вечер! Если вас не затруднит, просьба напишите нам на рабочую почту manager@bamps.online

  • Наталья Уранова  

    10.02.2022 | 09:02 обновлено: 13.02 2022 | 19:07
    Прототип: www.figma.com/proto/Q6hjt...

    Для блоков 3, 5, 6 доступен горизонтальный скролл.

    Если это критично при выборе исполнителя, то сразу сообщаю, что занимаюсь только дизайном приложений.
    • Добавлено 13.02.2022 в 19:07
      Дизайн главного экрана мобильного приложения - фото 16
    • Заказчик [manager435]   

      10.02.2022 | 10:00  

      Скриншот экрана можете выкладывать тут в комментариях.

    • Заказчик [manager435]   

      15.02.2022 | 11:44  

      Добрый день! Подскажите, как с вами можно напрямую связаться?
      Напишите нам на почту manager@bamps.online

  • Святослав Шипилов  

    10.02.2022 | 13:15 обновлено: 12.02 2022 | 15:48
    Добрый день!
    Прошу уточнить концепцию мобильного приложения: это рестораны одной сети или совершенно не связанные друг с другом заведения? Потому что без этого далее появляются вопросы по блокам:

    Блок 2) на доставку и в зале, а ниже кнопка выбрать адрес доставки – если клиент выбирает "в зале" – кнопка выбора адреса доставки в приложении нпри данном сценарии лишняя, логичнее ее куда-то переместить или сделать в следующем шаге.
    Кнопка именно "В зале", не "на вынос"? тоже интересно почему именно эта концепция.
    Блок 4) – зачем эту кнопку на главный экран? Можно всплывающим окном при входе в приложение или в строис переместить?
    Блок 7) Кнопка контакты – чьи контакты? ресторана или приложения? – и какой сценарий будет выполняться при переходе туда? Если позвонить или посмотреть адрес ресторана – это можно, например, при отслеживании заказа смотреть, например при переходе профиль- мои заказы – связаться с рестораном. Т.е. нужны уточнения в приложении совершенно разные рестораны?  или это рестораны одной сети – в этом случае контакты будут оправданы.
    • Добавлено 12.02.2022 в 15:48
      Дизайн главного экрана мобильного приложения - фото 17
    • Добавлено 12.02.2022 в 15:29
      Дизайн главного экрана мобильного приложения - фото 18
    • Добавлено 12.02.2022 в 13:41
      Дизайн главного экрана мобильного приложения - фото 19
    • Заказчик [manager435]   

      10.02.2022 | 15:55  

      Добрый день! Это приложения. не связанных друг с другом доставок и ресторанов.
      Блок 2 – по умолчанию после запуска приложения включен режим Доставки, поэтому ниже должна быть кнопка, призывающая ввести адрес (при нажатии на нее будет открываться другой экран, где пользователь указывает адрес и возвращается на главный экран и вместо этого призыва у него отображается адрес). При нажатии на кнопку "В зале" – открывается другой экран, когда он на нем выберет либо самовывоз, либо бронь столика в зале по адресу ресторана – на главном экране опять же вместо призыва отображается адрес.
      Блок 4 – у нас редизайн приложения, именно такое расположение кнопки сохранит преемственность
      Блок 7 – по этой кнопке будет открываться отдельный экран, где будет возможность у юзера посмотреть адрес ресторана, телефон и оставить отзыв. В данном ТЗ требуется отрисовать только главный экран. В приложении справа вверху возможен как выбор города (филиала), так и выбор ресторана и у них могут быть разные контакты, может быть один контакт (единый КЦ). Ваши вопросы сейчас больше относятся не к дизайну, а к функциональной части.

    • Святослав Шипилов   

      11.02.2022 | 17:56  

      Исходники в фигме

    • Заказчик [manager435]   

      11.02.2022 | 15:36  

      Скриншот экрана можете выкладывать тут в комментариях.

  • Екатерина Апарина  

    10.02.2022 | 20:36 обновлено: 10.02 2022 | 20:41
    Здравствуйте! 
    Меня зовут Екатерина. Основной моей деятельностью является разработка и дизайн сайтов и мобильных приложений.

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

    Буду рада поработать с вами.
    • Добавлено 10.02.2022 в 20:41
      Дизайн главного экрана мобильного приложения - фото 20
    • Добавлено 10.02.2022 в 20:36
      Дизайн главного экрана мобильного приложения - фото 21
  • Артем Ашмарин  

    10.02.2022 | 22:11 обновлено: 11.02 2022 | 20:13
    Доброго времени суток, отправляю свою работу, сделанную в фигме, первая картинка с фигмы для IOS, вторая – непосредственно скриншот с андроида (с самого телефона),  при необходимости могу на почту отправить ссылку на фигму, так как качество режется. Работа выполнена в ярких цветах акцентным из которых является насыщенный оранжевый цвет , что позволит подбирать карточки товара как темных тонов (как в блоке "Сторис") так и традиционных светлых ( как в блоке "товары"), в чем вы собственно можете убедиться глянув на представленный макет. При нажатии на "+" на кнопке "В корзину" надпись заменяется цифрой, и сразу показывает количество товаров потенциально купленого товара. Любые правки и пожелания. С уважением.
    • Добавлено 11.02.2022 в 20:13
      Дизайн главного экрана мобильного приложения - фото 22
    • Добавлено 10.02.2022 в 22:11
      Дизайн главного экрана мобильного приложения - фото 23
    • Заказчик [manager435]   

      11.02.2022 | 10:16  

      Добрый день! Да, можете направить ссылку на manager@bamps.online

      • Артем Ашмарин   

        11.02.2022 | 20:14  

        Отправил с почты artemasharin@gmail.com, заменил первое изображение, а то случайно все кнопки меню зелеными отправил -_-

  • Анастасия Мохова  

    10.02.2022 | 22:55 обновлено: 10.02 2022 | 23:07
    +
    • Добавлено 10.02.2022 в 23:05
      Дизайн главного экрана мобильного приложения - фото 24
    • Добавлено 10.02.2022 в 23:05
      Дизайн главного экрана мобильного приложения - фото 25
    • Добавлено 10.02.2022 в 23:07
      Дизайн главного экрана мобильного приложения - фото 26
  • Алекс Дизайн  

    11.02.2022 | 15:21
    Здравствуйте!
    За 5000р Вы увидите только шаблонные дизайны, которых полно в сети уже готовых.
    Можно просто купить за 2 копейки весь дизайн и адаптировать под себя.
    Если Вам нужен оригинальный дизайн, то повысьте награду за конкурс до 30-40к. чтоб был стимул участвовать и что-то придумывать.
    Уже просто смешно от бюджетов. За конкурс предлагают меньше чем при прямом заказе.
    • Заказчик [manager435]   

      11.02.2022 | 15:35  

      Добрый день, Александр! Конкурс на главный экран, бюджет соразмерен представленному ТЗ. С победителем конкурса будет заключен контракт на сотрудничество в части разработки дизайна всего приложения + веб-сайта.

  • Никита Чин  

    11.02.2022 | 22:22 обновлено: 12.02 2022 | 01:32
    Здравствуйте! Прикрепляю пример реализации главного экрана в светлой и темной темах. Использовал элементы из указанных референсов и не только. Спасибо, буду рад обсуждению в комментариях. 

    *Вся работа выполнена в Figma
    • Добавлено 12.02.2022 в 01:29
      Дизайн главного экрана мобильного приложения - фото 27
    • Добавлено 12.02.2022 в 01:32
      Дизайн главного экрана мобильного приложения - фото 28
  • Илья Бурик  

    12.02.2022 | 16:34 обновлено: 13.02 2022 | 16:01
    • Добавлено 12.02.2022 в 16:34
      Дизайн главного экрана мобильного приложения - фото 29
    • Добавлено 12.02.2022 в 16:34
      Дизайн главного экрана мобильного приложения - фото 30
  • Алла Выборова  

    12.02.2022 | 19:47
    +
    • Добавлено 12.02.2022 в 19:47
      Дизайн главного экрана мобильного приложения - фото 31
  • Святослав Демидов  

    13.02.2022 | 14:37 обновлено: 13.02 2022 | 17:14
    Дорогой заказчик, здравствуйте! Благодарю Вас за возможность принять участие в конкурсе.

    Представляю Вам свою работу в светлой и темной теме оформления. Сразу хотел быть дать некоторые комментарии по самой работе:

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

    Что предлагаю я? Выбор места доставки будет доступен при первичной настройке, а так же в разделе «Профиль». В разделе «Профиль» так же можно реализовать возможность указания сразу нескольких избранных мест доставки (дом, работа, дом друга и т.д), которое пользователь сможет выбрать на этапе финального формирования заказа.

    Если Вы все же настаиваете на обязательном присутствии блока с выбором места доставки на главном экране – никаких проблем, это можно будет реализовать. Кстати говоря, можно сделать так, чтобы данный блок появлялся только первый раз, а после выбора места пропадал и уже был бы доступен для изменения через раздел «Профиль».

    2. Пункт «Профиль» в меню навигации я заменил на «Избранное». 

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

    А вот пункт «Избранное» смотрится очень кстати, ибо у пользователя будет быстрый доступ избранным корзинам/наборам, которые он сможет в пару кликов сразу заказать.

    3. После добавления товара посредством оранжевой кнопки «+», на ее месте может появляться счетчик и кнопки «+» и «-», чтобы настроить количество товара. Это можно реализовать, если Вы захотите.

    4. Для акцентного цвета я выбрал градиент с оранжевыми оттенками. Однако же, в процессе выполнения всего заказа и более плотной работы с Вами, цветовая палитра может быть изменена на ту, которую Вы пожелаете. 

    Это же касается иконок, а так же прочих элементов дизайна – все можно будет скорректировать, если потребуется.

    ВСЯ РАБОТА ВЫПОЛНЕНА В FIGMA! С радостью предоставлю исходники.

    C уважением, Святослав.
    • Добавлено 13.02.2022 в 17:14
      Дизайн главного экрана мобильного приложения - фото 32
    • Добавлено 13.02.2022 в 17:14
      Дизайн главного экрана мобильного приложения - фото 33
    • Заказчик [manager435]   

      15.02.2022 | 11:46  

      Добрый день! Подскажите, как с вами можно напрямую связаться?
      Напишите нам на почту manager@bamps.online

  • Halina Staravoitava  

    13.02.2022 | 22:44 обновлено: 14.02 2022 | 19:36
    Здравствуйте! А я только учусь... Всего лишь месяц, как знакома с Figma...Но я быстро учусь. И скоро увидите шедевры.
    • Добавлено 13.02.2022 в 22:44
      Дизайн главного экрана мобильного приложения - фото 34
    • Добавлено 13.02.2022 в 22:44
      Дизайн главного экрана мобильного приложения - фото 35
    • Добавлено 13.02.2022 в 22:44
      Дизайн главного экрана мобильного приложения - фото 36
    • Добавлено 13.02.2022 в 22:44
      Дизайн главного экрана мобильного приложения - фото 37
    • Добавлено 13.02.2022 в 22:44
      Дизайн главного экрана мобильного приложения - фото 38
    • Добавлено 14.02.2022 в 19:36
      Дизайн главного экрана мобильного приложения - фото 39
  • Yuliya Riley  

    14.02.2022 | 11:01
    • Добавлено 14.02.2022 в 11:01
      Дизайн главного экрана мобильного приложения - фото 40
  • Alena Sheo  

    14.02.2022 | 18:40 обновлено: 14.02 2022 | 19:31
    Здравствуйте!

    Предлагаю такой концепт, в двух вариантах: с акцентным цветом на цене и без такого привлечения внимания к ней.

    «Голые» фото товара без фона выглядят, конечно, чище, но так как не вполне ясно по ТЗ, сколько будет ресторанов в приложении, есть ли у них такие фотографии, сделала из расчёта на то, что фото у всех будут разными и, скорее, с фоном.

    К товарам можно добавить различные иконки («хит», «веган» и т. д.), но опять же зависит от функционала приложения.

    www.figma.com/file/et2ol1...
    • Добавлено 14.02.2022 в 18:40
      Дизайн главного экрана мобильного приложения - фото 41
    • Добавлено 14.02.2022 в 18:40
      Дизайн главного экрана мобильного приложения - фото 42
    • Добавлено 14.02.2022 в 18:40
      Дизайн главного экрана мобильного приложения - фото 43
    • Заказчик [manager435]   

      15.02.2022 | 10:57  

      Добрый день! Просьба, пришлите ваш отклик нам на почту, чтобы наши коллеги его тоже увидели – manager@bamps.online

    • Заказчик [manager435]   

      15.02.2022 | 11:46  

      Подскажите, как с вами можно напрямую связаться?
      Напишите нам на почту manager@bamps.online

  • Фрилансер [Bourman]  

    14.02.2022 | 19:00
    • Добавлено 14.02.2022 в 19:00
      Дизайн главного экрана мобильного приложения - фото 44
    • Добавлено 14.02.2022 в 19:00
      Дизайн главного экрана мобильного приложения - фото 45
    • Добавлено 14.02.2022 в 19:00
      Дизайн главного экрана мобильного приложения - фото 46