Поделиться:

Проект закрыт Дизайн 1 экрана для приложения

Unoegohh12
Бюджет: 5000 р.
[Unoegohh12] [10.10.2018 | 18:59] [внесены изменения: 10.10.2018 | 19:39]
Зарегистрирован на сайте 5 месяцев
Безопасных сделок: 2
Отзывы фрилансеров: + 2 0 - 0
нужно задизайнить 1 экран для приложения (Iphone x )
есть набросок и что хотелось бы получить 
Это экран просмотра уже забронированного отеля 
Набросал примерное видение того что хочется – 
поместить всю информацию в белые квадраты чтобы не так много синего было
и вынести каждую комнату в отдельный блок
возможно косую линию под фото нужно сделать как нарисовано рядом 
и под фото должно быть 2 кнопки – плюсик и иконка карты



К вечеру/утру выберу победителя на связи буду постоянно
Разделы:
Конкурс

Участники

Статистика по конкурсу

  • Сегодня опубликовано 0 работ и 0 комментариев

Проект закрыт Конкурс окончен 11.10.2018

Конкурс длился с 10.10.2018 до 11.10.2018

Победители объявлены

Первое место занял
Алек­сан­др С­лы­шен­ко [S­lys­hen­ko]

Второе место
не указано

Третье место
не указано

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

  • denis_simachev

    Denis Simachev [denis_simachev]   [10.10.2018 | 19:36] [внесены изменения: 10.10 2018 | 22:50]

    Такой вариант
    ---
    Залил второй файл с правками
    -- 
    3 файл залил
    • Добавлено 10.10.2018 в 20:19
      f_3285bbe349086376.png
    • Добавлено 10.10.2018 в 20:47
      f_9025bbe3b4505b44.png
    • Добавлено 10.10.2018 в 21:31
      f_9265bbe457330dc9.png
    • Добавлено 10.10.2018 в 22:50
      f_4875bbe57e64de09.jpg
    • Unoegohh12

      [Unoegohh12]   [10.10.2018 | 20:24]  

      такс а можно сделать несколько поправок – 
      1 – увеличить шрифт раза в полтора 
      2 – сделать все отступы одного размера  
      3 – сделать небольшой градиент синего от темного к светлому на фоне(едва заметный)
      4 – уменьшить высоту треугольника который заползает на фото (раза в 1.5)
      5 кнопки чтобы немного заползали на этот треугольник
      6 – добавить тени к кнопкам и всем плашкам

    • Unoegohh12

      [Unoegohh12]   [10.10.2018 | 20:28]  

      синий и оранжевый цвет можно менять  на другие)

      • denis_simachev

        Denis Simachev [denis_simachev]    [10.10.2018 | 20:48]  

        Залил второй файл с правками вашими

        • Unoegohh12

          [Unoegohh12]   [10.10.2018 | 21:03]  

          как то все очень прижато смотрится( шрифт можно еще увеличить  добавить отступы в каждый блок и сделать расстояния от края экрана и между блоками одинаковыми

          • denis_simachev

            Denis Simachev [denis_simachev]    [10.10.2018 | 21:31]  

            залил третьим файлом

            • Unoegohh12

              [Unoegohh12]   [10.10.2018 | 22:04]  

              вот норм уже) но вот переход линией уже не так нравится можно сделать волну как я рисовал карандашем и отделить ее бордером белым в 2 пикселя по контуру этой волны

              • denis_simachev

                Denis Simachev [denis_simachev]    [10.10.2018 | 22:13]  

                переход тот что наискосок имеете ввиду? его сделать волной?

              • denis_simachev

                Denis Simachev [denis_simachev]    [10.10.2018 | 22:50]  

                залил 4й файл

  • work4815

      Michael Nidelka [work4815]   [11.10.2018 | 03:16] [внесены изменения: 11.10 2018 | 15:29]

    Здравствуйте. Выкладываю свою работу. Фон решил сделать нейтральным. Если сделать фон определенного цвета, то он подойдет не ко всем изображениям отелей. Поэтому выделение цветом лучше использовать в мелких элементах. 
    Я сделал несколько цветов на выбор, если хотите другой вариант, дайте знать.
    Готов к любым правкам, если вам что-то не понравилось.
    • Добавлено 11.10.2018 в 15:29
      f_4895bbf410bcdc7a.png
    • Добавлено 11.10.2018 в 15:29
      f_9725bbf411092b48.png
    • Добавлено 11.10.2018 в 15:29
      f_4525bbf4112ca17f.png
    • Добавлено 11.10.2018 в 15:29
      f_9255bbf4149ca488.png
  • free-lancer22

      Кир Pro [free-lancer22]   [11.10.2018 | 03:19]

    +
  • milaskaa

      Ирина Малина [milaskaa]   [11.10.2018 | 14:55]

    • Добавлено 11.10.2018 в 14:55
      f_5945bbf3a45ced20.jpg
  • Roma_M16

      Roman Javada [Roma_M16]  [10.10.2018 | 22:18] [внесены изменения: 11.10 2018 | 11:54]

    +
    • Добавлено 11.10.2018 в 02:49
      f_7865bbe8fe920b5c.jpg
    • Добавлено 11.10.2018 в 11:54
      f_7735bbf0fc475dde.jpg
  • AlexRyzhikov

    [AlexRyzhikov]  [10.10.2018 | 22:25] [внесены изменения: 11.10 2018 | 21:07]

    Экран просмотра забронированного отеля.
    Реализованы все пункты изложенные выше. (Картинка № 2)
    Дизайн акцентирует внимание пользователя на главных аспектах его заказа.
    Наличие картинок позволяет интуитивно понять назначение элементов.
    Это делает пользование нашего приложения лёгкий и удобным. 
    Также реализован градиент, цвет которого легко настроить под любое фото.

    P.S. Решено отказаться от косой линии. Она занимает слишком много места и нарушает порядок элементов.
    Как человек, который верстал мобильные приложения, могу сказать, что она бесполезна и будет только мешать .
    Также наличие горизонтальной линии делает возможным нормальное пролистование фото, что в случае с косой линиией невозможно. (Зачем показывать пользователю фото, часть которого срезана. Это портит внешний вид приложения)

    На картинке №1 показан первый мокап. Он отражает моё виденье, но на нём нет необходимых по условию элементов (Знак плюса, комнаты). Это реализовано на картинке №2.

    • Добавлено 11.10.2018 в 21:07
      f_7185bbf915667f08.png
    • Добавлено 11.10.2018 в 20:36
      f_9235bbf8a07474db.jpg
  • eugene-doe

    [eugene-doe]  [10.10.2018 | 23:30]

    • Добавлено 10.10.2018 в 23:30
      f_9465bbe616c6509c.png
  • glorypink

      Игорь Григорьев [glorypink]  [11.10.2018 | 00:11]

    • Добавлено 11.10.2018 в 00:11
      f_9655bbe6b0a12243.png
  • Slyshenko

    Александр Слышенко [Slyshenko]  [11.10.2018 | 02:32] [внесены изменения: 11.10 2018 | 02:36]

    Немного позволил себе пересмотреть концепцию для лучшего UX.

    Т.к. речь идёт о экране после бронирования, крупная фотография может отвлекать внимание от ключевой информации – дат заезда и отъезда, цене, дате отмены бронирования. Пользователь уже забронировал отель, поэтому необходимости рекламировать его ещё раз нет. 

    В идеале, было бы ещё здорово переработать желтые кнопки, либо как-то пояснив их (я так и не понял, к примеру, к чему должен вести "плюс"), либо поместить их в контекст (геолокация рядом с адресом, "плюс" – рядом с тем, куда он логически относится). 

    Внизу добавлена опция сохранения подтверждения бронирования (логичное завершение пути пользователя в целом и взаимодействия с этим конкретным экраном тоже).
    • Добавлено 11.10.2018 в 02:34
      f_6575bbe8c58bbc56.png
    • Добавлено 11.10.2018 в 02:33
      f_7245bbe8c2ae7a84.png
    • Добавлено 11.10.2018 в 02:36
      f_6385bbe8c7c9d539.png
    • Добавлено 11.10.2018 в 02:36
      f_5815bbe8c8eaaa50.png
    • Unoegohh12

      [Unoegohh12]   [11.10.2018 | 16:57] [изменен 11.10.2018 | 16:57]

      Здравствуйте – вы победили) но пока не могу вас выбрать изза даты конкурса
      Можно попросить еще уместить всю необходимую информацию на экране и сделать его одним  длинным экраном 
      Инфо о отеле –  
      Фото, 
      Звездность, 
      название ,  
      адрес, 
      даты заезда и выезда 
      кнопка позвонить в отель, кнопка показать на карте или карта 
      сколько номеров, гостей, ночей 
      и информация по номерам которых будет 1+ 
      кто главный гость, название номера, квадратура, коментарий (вид на сад, вид на море), тип питания,кто именно будет жить в номере (от 1 до 8 человек с именами и фамилиями (и можно икеонкой показывать возраст. взростый, ребенок, и младенец)) и доп информацию по номеру – тут будет инфо о отмене номера (дата бесплатной отмены и штраф после этой даты, а также удобства в номере для примера список ниже) 
       
      Бесплатный интернет 
      Бесплатная парковка 
      Завтрак "шведский стол" 
      Кондиционер 
      С видом на пляж 
       
      и все имена должны быть латиницей с большими буквами

      • Slyshenko

        Александр Слышенко [Slyshenko]   [11.10.2018 | 17:23]  

        Благодарю)

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

  • Andrew03

    Андрей Ершов [Andrew03]  [11.10.2018 | 04:41]

    Мои варианты
    • Добавлено 11.10.2018 в 04:41
      f_3265bbeaa0f1f89f.png
    • woolfred

      Алексей Анатольевич [woolfred]   [11.10.2018 | 16:26]  

      Левый вариант самый интересный из всех здесь представленных
      Только иконка пина/ + / текст бесплатная отмена как то допилить бы. Не вяжется. Последнее не текст по идее а контрол должен быть. Добавить просится в navbar. А пин точно не лезет по гайдам в виде круглой кнопки. 
      Прошу прощение за коммент. Но прикольно выходит у вас. Я бы на месте заказчика присмотрелся б к этой работе.

      • Andrew03

        Андрей Ершов [Andrew03]   [11.10.2018 | 16:42]  

        за коммент спасибо) если заказчик выберет мой вариант, то мелочи доработаем

  • Azatik1022

    [Azatik1022]  [11.10.2018 | 06:05] [внесены изменения: 11.10 2018 | 14:43]

    Здравствуйте!
    Сделал вариант с кривой линией. По-моему так совсем не смотрится.
    Пиктограммы + и карта выводятся за пределы фото и создается ощущение что они не относятся к отелю а стоят обособленно.
    • Добавлено 11.10.2018 в 14:43
      f_4515bbf36f5b5be5.jpg
    • Добавлено 11.10.2018 в 14:43
      f_2565bbf36f86a164.jpg
  • ardentdreamer17

    [ardentdreamer17]  [11.10.2018 | 10:47] [внесены изменения: 11.10 2018 | 15:49]

    какой функционал выполняет кнопка плюса?
    • Добавлено 11.10.2018 в 14:46
      f_7545bbf37fd5ce44.jpg
    • Добавлено 11.10.2018 в 14:46
      f_2075bbf38021e669.jpg
    • Добавлено 11.10.2018 в 15:11
      f_2275bbf3de93d3a4.jpg
    • Добавлено 11.10.2018 в 15:41
      f_9945bbf44ec207f0.jpg
    • Добавлено 11.10.2018 в 15:41
      f_1215bbf44f416319.png
    • Добавлено 11.10.2018 в 15:49
      f_4895bbf46b65d232.jpg
    • Добавлено 11.10.2018 в 15:49
      f_2185bbf46d33a091.png
    • Добавлено 11.10.2018 в 15:49
      f_4805bbf46e4d8d47.png
    • Unoegohh12

      [Unoegohh12]   [11.10.2018 | 11:26]  

      хороший вопрос! я не знаю это было очень четкое тз что она должна быть))

  • denivan11

    Денис Иванов [denivan11]  [11.10.2018 | 12:36]

    Ответ от заблокированного пользователя
  • nataleto

    [nataleto]  [11.10.2018 | 17:04] [внесены изменения: 11.10 2018 | 17:05]

    Здравствуйте!
    Сделала 2 варианта, можно реализовать как дневную и ночную темы. Так как всем известно, что при работе в ночное время глаза могут уставать от большого контраста.
    • Добавлено 11.10.2018 в 17:04
      f_4935bbf56e263e11.jpg
  • IrinaUsataia

    [IrinaUsataia]  [11.10.2018 | 23:52]

    • Добавлено 11.10.2018 в 23:52
      f_8245bbfb7fadc03b.png
    • Добавлено 11.10.2018 в 23:52
      f_4835bbfb8048c139.png
    • Добавлено 11.10.2018 в 23:52
      f_2475bbfb815b8e6f.png

Теги: Дизайнеры удаленно, нужен дизайнер, ищу дизайнера, резюме дизайнера, требуется дизайн мобильных приложений