Поделиться:

Дизайн лендинга, + страница Бонусов, + модальные окна

dmi38098352
Бюджет: 25 000 р.
Дима Коренев [dmi38098352] [03.01.2018 | 19:12]
Зарегистрирован на сайте 1 год и 11 месяцев
Безопасных сделок: 0
Отзывы фрилансеров: + 0 0 - 0
ТЗ на дизайн лендинга по продаже крафтового пива с доставкой. 
В дальнейшем дизайнер будет привлекаться для к отрисовки других страниц

Цель –  продажа крафтового пива и закусок с возможностью доставки на дом
Характеристики нашего клиента-  а) ценит вкус настоящего пива б) имеет хороший уровень достатка  в) преимущественно это IT-шники и предприниматели

Прототип сайта доступен по ссылке xlir2r.axshare.com В прототипе несколько вкладок – лендинг, лендинг (второй вариант меню), модальные окна, цветовая гамма, бонусная программа

Сайт на которые стоит обратить внимание     www.craftbeer.com/beer-st...  
                                                                             www.craftbeer.com/styles/...
С некоторых стран сайт не доступен по этому заходите через браузер Opera

                             
Структура лендинга

1. Шапка (горизонтальная или вертикальная) имеет Логотип CraftBeer.kh.ua (Отрисовывать не нужно, просто написать подобранным шрифтом с актуальным для дизайна цветом), надпись – Магазин крафтового пива в Харькове, номер телефона, иконки репостов в соц сетях, меню страницы

2. Преимущества – бесплатная доставка, работаем 24/7, бонусная программа, гарантия свежести. Каждое преимущество должно иметь графическую иллюстрацию которая в полной мере отразит его смысл. В иллюстрациях НЕ НУЖНО использовать стандартные приевшиеся временем иконки.  Необходим креативный подход. Иллюстрации можно подобрать и уникализировать например на этом сайте www.flaticon.com  или отрисованы с нуля. Но повторюсь – они не должны быть стандартными, приевшиеся временем. Предоставить в формате svg

3. Товары.

а) Фильтр 
Цвет (Если ползунок перемещен влево то отображаются только светлые сорта пива, посередине  все, вправо  темные сорта) отобразить градиент перехода от светлого к темному, пример prntscr.com/htsdmq
Горечь (слева не горькие, посередине  все, справа  горькие сорта), отобразить с цветовым градиентом пример prntscr.com/htsdt5
Алкоголь
Плотность
Каждый фильтр имеет свой цветовой градиент

б) Сегодня на кранах. По 5 – 6 в ряд. (ежедневно в наличии будет примерно 25 – 30 сортов пива).   
На товаре отображено – фото (пиво на черном круглом фоне), название пива, название пивоварни, цена. Ярлыки  Скидка, Новинка, Акция...Учитывать что в дальнейшем ярлыков на товаре может быть больше
При наведении на товар пользователь должен видеть что при нажатии товар попадет в корзину
Когда товар в корзине то это должно быть как-то проиллюстрировано (на прототипе товары которые в корзине отмечены зеленой галочкой)

в) Закуски к пиву. 1 – 2 ряда. Все аналогично пиву

г) Кнопка "Полный ассортимент в PDF"

4. Плавающий элемент "Корзина" Плавающий элемент который визуально показывает о том что это корзина. Отобразить два состояния – корзина пустая, корзина с товаром prntscr.com/hvjv8f
               
При использовании Вертикальной шапки, Корзину можно расположить в правом меню prntscr.com/hvjvf8

5. Акции и спецпредложения. 

Отрисовать вариант(ы) оформления Акций и спецпредложений...Необходимо учитывать то что акций может быть несколько (на прототипе отображена только одна)

6. Кега на праздник. Этот блок примерно то же самое что и Акции, но его можно оформить немного по иному

7. Карта точек самовыноса. Google карта с графическими элементами показывающими адреса на карте.

8. Рассылка. В случае с вертикальной шапкой кнопку "подписаться" можно отобразить в вертикальном меню, а форма будет всплывать в модальном окне

9. Соц сети. Facebook, ВКонтакте, Instagram, Untappd, YouTube с отображением количества подписчиков. При использовании вертикального меню ссылки на соц сети можно отправить в вертикальное меню

10. Стрелочка вверх

11. Модальные окна – а) Корзина  б) Спасибо за заказ  в) Корзина пустая  г) Вам есть 18 лет? д) Подписаться на рассылку

12. Цветовая гамма. Подобрать наиболее подходящие варианты цветовой гаммы. Можно несколько.
На вкладке Цветовая гамма мои пожелания по цветам и их оттенкам
Обязательным является светлый фон (FFFFFF, FEFDFA) и черные карточки товаров (круглые)

13. Шрифт. Подобрать гармонирующий с дизайном шрифт или пару шрифтов (желательно шрифты без засечек) и оптимальные размеры для всех элементов контента – H1, H2, название товара. пивоварня, цена товара, названия кнопок, и прочее.
Важные фактор при выборе шрифта – читабельности и гармоничное сочетание со стилем дизайна. рекомендую ознакомиться со статьей habrahabr.ru/company/mail...

14. Размеры. Минимальное разрешение экрана монитора на которое должен быть ориентирован дизайн сайта 360px

15. Что точно НЕ НУЖНО делать.
а) Не нужен баннер на первом экране
б) Не нужны тени и 3d эффекты делающие сайт объемным

16) Бонусная программа. Прототип кардинальных изменений не требует. Необходимо просто адаптировать эту страницу под общий дизайн.
ОЧЕНЬ ВАЖНО чтобы исполнитель был перфекционистом и дотошно относился ко всем мелочам.
Разделы:
Конкурс

Участники

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

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

Сроки проведения конкурса

Конкурс длится с 03.01.2018 до 25.01.2018

Победитель будет объявлен в пятницу, 26.01.2018

До завершения конкурса остается 2 дня

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

  • INTimaS

    Артем Богданов [INTimaS]    [03.01.2018 | 19:19]

    Здравствуйте
    Готов сделать продающий дизайн для вашего лендинга
    Смотрите портфолио www.fl.ru/users/INTimaS
    С Уважением
    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 12:12]  

      Делайте. Это конкурс. Если выиграете призовой фонд Ваш

    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 22:08]  

      ?

    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 22:08]  

      ?

  • pixwhite

      Екатерина Иващенко [pixwhite]    [04.01.2018 | 13:08] [внесены изменения: 16.01 2018 | 15:42]

    Добрый день! 
    Прикрепила несколько вариантов, очень жду Ваши комментарии.
    Готова доработать и внести все пожелания.
    Заранее спасибо!
    • Добавлено 16.01.2018 в 15:42
      f_7645a5df22a8ef36.jpg
    • Добавлено 16.01.2018 в 15:42
      f_8285a5df25eb883e.jpg
    • Добавлено 16.01.2018 в 15:42
      f_3135a5df27120f34.jpg
    • Добавлено 16.01.2018 в 15:42
      f_7765a5df2af74d57.jpg
    • Добавлено 16.01.2018 в 15:42
      f_6005a5df2a0dcd34.jpg
    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 22:08]  

      ?

    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 22:07]  

      ?

  • alex002-23armav

      Алексей Михальцов [alex002-23armav]   [05.01.2018 | 09:57] [внесены изменения: 17.01 2018 | 11:38]

    Участвую +
    🤝 Добрый день, меня зовут Алексей, как фрилансер я начинающий,
    но уверенный специалист в следующих направлениях:

    ✔ Создание Landing Page
    ✔ Создание Адаптивного дизайна
    ✔ Создание Интернет – магазинов
    ✔ Создание Авторского дизайна (сайт основанный на Вашей идеи, но с моей фантазией воплощения )
    ✔ Доработка сайтов
    ✔ Создание Логотипов

    💵 Оплата при завершении работы. Если серьёзный проект, то с 
    небольшой предоплатой. Сроки выполнения оговариваются
    индивидуально по каждому проекту.

    ☎ Связь со мной: 
    WhatsApp: +7-953-11-88-003
    Viber: +7-953-11-88-003
    VK: vk.com/alex1arm
    Skype: +7-953-11-88-003
    Эл.почта: alex002-23armavir@mail.ru
    ❤ Жду Ваших заказов, с уважением к Вам Alex1Arm
    Мои работы готовы! 14.01.2018  выкладываю 17.01.2018
    • Добавлено 17.01.2018 в 11:38
      f_4255a5f088919a0c.jpg
    • Добавлено 17.01.2018 в 11:38
      f_0845a5f08c3bcf3b.jpg
    • Добавлено 17.01.2018 в 11:38
      f_2585a5f08ddae7c6.jpg
    • Добавлено 17.01.2018 в 11:38
      f_6515a5f0b10603c6.jpg
    • Добавлено 17.01.2018 в 11:38
      f_9855a5f0b1e5ee99.jpg
    • dmi38098352

      Дима Коренев [dmi38098352]   [06.01.2018 | 20:50]  

      Хорошо. Жду Ваш вариант дизайна

      • alex002-23armav

          Алексей Михальцов [alex002-23armav]    [15.01.2018 | 10:04] [изменен 15.01.2018 | 10:04]

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

  • creamdesign

    Александр Cream [creamdesign]    [05.01.2018 | 21:43]

    Интересно.
  • FrankLuii

    Aliaxey Chaika [FrankLuii]   [09.01.2018 | 16:37]

    Принимаю участие в конкурсе!
  • xsnobx

    Миша Вишневский [xsnobx]    [11.01.2018 | 03:28] [внесены изменения: 11.01 2018 | 16:40]

    Я сделал
  • Froken-Smilla
    Добрый день. Вот здесь Ваш конкурс? 
    freelance.boutique/contes...
    Он завтра завершитсяв ведь, а что здесь будет?
    • alex002-23armav

        Алексей Михальцов [alex002-23armav]    [17.01.2018 | 10:23] [изменен 17.01.2018 | 12:30]

      Интересный фактор!

    • dmi38098352

      Дима Коренев [dmi38098352]   [19.01.2018 | 17:41]  

      Добрый день. Мой конкурс есть еще на нескольких фрилансах, и на двух уже выбран победитель... Здесь конкурс завершиться 25 числа, если ранее не будет выбран победитель. К сожалению пока на данном фрилансе не так много работ прислали как хотелось бы, но надеюсь что будет из чего выбрать

  • ShamanDimon
    Здравствуйте, готов к сотрудничеству. Гарантирую качественно выполнить проект, с учетом всех пожеланий заказчика.
    Примеры выполненных работ:   www.behance.net/Shaman_Di...
    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 12:12]  

      Здравствуйте. Выполняйте. Это конкурс. Если выиграете призовой фонд Ваш

  • Corp27

    Рома Мад [Corp27]  [03.01.2018 | 20:18]

    25 000 руб. за лендинг, модальные окна, страницу бонусов или в дальнейшем будут предложены еще страницы входящие в эту сумму?
    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 12:13]  

      Нет, другие страницы в эту сумму не входят

      • Corp27

        Рома Мад [Corp27]   [06.01.2018 | 21:22]  

        Это ваш сайт www.craftbeer.com/beer-st... ?

        • dmi38098352

          Дима Коренев [dmi38098352]   [11.01.2018 | 11:03]  

          нет

    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 22:07]  

      ?

  • boltsarivsky

      [boltsarivsky]  [04.01.2018 | 00:48]

    Здравствуйте! 
    Меня заинтересовал Ваш проект, только надо уточнить некоторые детали: 
    Прототип в формате PSD (это ускорит мою работу) или только как скрин? На какие сроки Вы  рассчитываете? Адаптиви только для 480px_mobile делать или ещё для 724px_tablet? Остальные детали в приватном диалоге.
    Я на фрилансе не так уж и давно, но опыт есть и цени не кусаются. Работаю больше для отзывов (бистро и качественно) Пишите не пожалеете!
    Мои контакты:
    Вк – vk.com/0art000
    Инстаграм – www.instagram.com/artiomk...
    Вайбер –  + 38(068) 647 3277
    Емейл – boltsarivsky@gmail.com
    С нетерпением  жду ответа!
    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 12:16] [изменен 04.01.2018 | 12:16]

      Здравствуйте. Прототип доступен по ссылке xlir2r.axshare.com  в PSD у меня нету прототипа. Сроки 1 – 2 недели. Касательно адаптива – если для 724px подойдет версия пк или моб то не нужно, а если нет то нужно.. яж не знаю какой вы дизайн отрисуете. Мне нужно качественно и со всеми требованиями и элементами указанными в задании и прототипе. Сроки не так важны

      • boltsarivsky

          [boltsarivsky]   [04.01.2018 | 14:42]  

        Я  готов взяться за Ваш проект!  Для уточнения деталей напишите мне пожалуйста на один из контактов.

        • dmi38098352

          Дима Коренев [dmi38098352]   [04.01.2018 | 19:11]  

          Если не хотите общаться тут то мне удобнее в скайпе, мой скайп korenev_dima

          • creamdesign

            Александр Cream [creamdesign]     [05.01.2018 | 21:41]  

            Некрасиво конкурс переводить в личное.
            Общайтесь тут)

            • boltsarivsky

                [boltsarivsky]   [06.01.2018 | 03:02]  

              сори, но я общаюсь там,где мне удобней, а не где "красиво".

              • helhel

                Елена Елена [helhel]    [06.01.2018 | 11:35]  

                есть еще такая вещь, как уважение остальных участников конкурса

    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 22:07]  

      ?

    • dmi38098352

      Дима Коренев [dmi38098352]   [04.01.2018 | 22:07]  

      ?

      • tiketavi

        Виталий Бахман [tiketavi]   [04.01.2018 | 22:12]  

        Это значит, что приму участие.

        • dmi38098352

          Дима Коренев [dmi38098352]   [04.01.2018 | 22:40]  

          Понял. Спасибо. если есть вопросы пишите

  • tyvriv

    Anatoliy Klochak [tyvriv]  [05.01.2018 | 13:26] [внесены изменения: 20.01 2018 | 10:14]

    Дмитрий, Добрый день!
    Логотип на прозрачном фоне есть, или рисовать?
    • Добавлено 20.01.2018 в 10:01
      f_9775a62e927ccc7c.jpg
    • Добавлено 20.01.2018 в 09:59
      f_8665a62e8d4dcaca.jpg
    • Добавлено 20.01.2018 в 10:14
      f_3355a62ec3bc4053.jpg
    • dmi38098352

      Дима Коренев [dmi38098352]   [06.01.2018 | 20:52]  

      Добрый день. Информация касающаяся логотипа написана в ТЗ.

  • antonorig
    Принимаю участие в конкурсе
  • Roma_M16

    Роман Джавада [Roma_M16]  [07.01.2018 | 11:24] [внесены изменения: 20.01 2018 | 10:42]

    Здравствуйте! Рассмотрите мой вариант! 
    • Добавлено 19.01.2018 в 20:55
      f_6525a623117bb4a4.jpg
    • Добавлено 13.01.2018 в 20:19
      f_6935a5a3f71ccd41.jpg
    • Добавлено 20.01.2018 в 10:42
      f_9245a62f2c1e368c.jpg
  • gena2015510

    [gena2015510]  [07.01.2018 | 17:35]

    +
  • MalakaArt

    Артур Ермолаев [MalakaArt]   [08.01.2018 | 19:58]

    а фотографии товаров есть?
    • dmi38098352

      Дима Коренев [dmi38098352]   [08.01.2018 | 20:11]  

      Есть. Они ведь приложены к заданию...

      • MalakaArt

        Артур Ермолаев [MalakaArt]    [08.01.2018 | 20:14]  

        Вся линейка товаров сфотографирована на черном фоне?

        • dmi38098352

          Дима Коренев [dmi38098352]   [09.01.2018 | 15:09]  

          Да, это обязательное требование к дизайну. Круглые черные фотографии карточек товаров на светлом фоне

  • w_viktorinka

    Виктория Гладких [w_viktorinka]  [09.01.2018 | 14:03] [внесены изменения: 20.01 2018 | 18:51]

    Здравствуйте, Дмитрий! Прикрепляю свою работу для участия в конкурсе. Готова доработать и внести изменения.

    С уважением, Гладких Виктория
    Эл.почта: w.v.gladkikh@gmail.com
    • Добавлено 20.01.2018 в 18:51
      f_5085a63656218b2b.jpg
    • Добавлено 20.01.2018 в 18:43
      f_0055a63631a8693d.jpg
    • Добавлено 20.01.2018 в 18:43
      f_5365a6363253b965.jpg
  • Yakobchuk

    [Yakobchuk]  [12.01.2018 | 18:05]

    Здравствуйте, Дмитрий. Принимаю участие в конкурсе
    Вот моя работа:
    • Добавлено 12.01.2018 в 18:05
      f_9715a58cd84117b4.jpg
  • tolstaya_natali

    [tolstaya_natali]  [15.01.2018 | 23:46]

    Здравствуйте, Дмитрий.
    Высылаю свою работу для участия в конкурсе. Жду обратной связи.
    • Добавлено 15.01.2018 в 23:46
      f_8795a5d12c380b31.jpg
  • Igor_44

      Игорь Смирнов [Igor_44]  [17.01.2018 | 19:16] [внесены изменения: 17.01 2018 | 19:20]

    Дмитрий,добрый день!
    Отправил первый вариант дизайна, надеюсь на быструю обратную связь, 
    чтобы успеть закончить оставшуюся работу до окончания сроков конкурса.
    ______________________________ _____
    Почта для связи: 90.smirnovin@gmail.com 
    С уважением, Смирнов И.Н.
    • Добавлено 17.01.2018 в 19:20
      f_3655a5f77afa237c.png
  • xeniayakunina

    [xeniayakunina]  [17.01.2018 | 19:55]

    • Добавлено 17.01.2018 в 19:55
      f_5695a5f801582efa.jpg
  • elinesseliness
    • Добавлено 18.01.2018 в 01:11
      f_8805a5fc9fb4b378.jpg
    • Добавлено 18.01.2018 в 01:11
      f_6395a5fca00c4442.jpg
    • Добавлено 18.01.2018 в 01:11
      f_2015a5fca0458c0a.jpg
  • Irinashab

    Ирина Шабулдаева [Irinashab]   [18.01.2018 | 13:56] [внесены изменения: 19.01 2018 | 16:30]

    Добрый день. Прикрепляю свой вариант. Немного аргументирую решения и отступы от тз. 

    Использовала вертикальную шапку как более подходящую к целевой аудитории. Иконки преимуществ и товаров отрисованы согласно тз. От градиентов в фильтрах избавилась, т.к. в моей концепции они не уместны, смотрятся плохо. Так же из предложенной вами цветовой палитры убрала зеленые оттенки (чтобы не перегружать цветом решено было оставить либо красные, либо зеленые. выбрала красный). Так же, чтобы отступы между блоками были одинаковыми, избавилась от кнопки "ассортимент в пдф" по центру. Вместо этого перенесла в ряд "закусок", выделила. В этом месте кнопка будет заметна (человеческий глаз лучше концентрируется на правой части экрана + она яркая). В верстке это не трудно реализовать.
    Акции с кегой объединила. В последствии акции хорошо могут распологаться по 1-3 в строку, в 1-2 ряда в любых цветах фирменного стиля. Можно вписывать типографику в легкие иллюстрации, как сделала с кегой.
    На самом макете сайта используются только веб-шрифты.

    Модальное окно рассылки сделано также вертикальным (так же можно поступить и с корзиной). Это тенденция сейчас, плюс почти одинаково выглядит на планшетах и смартфонах.

    Комментарии приветствуются)
    • Добавлено 19.01.2018 в 16:30
      f_0905a61f278aea79.jpg
    • Добавлено 19.01.2018 в 16:30
      f_0165a61f2a5c1ee3.jpg
  • Giogi

    Дмитрий ArteGio [Giogi]  [18.01.2018 | 19:03] [внесены изменения: 20.01 2018 | 14:44]

    +
    • Добавлено 20.01.2018 в 13:46
      f_1545a631e0c60091.png
    • Добавлено 20.01.2018 в 14:44
      f_2755a632b99c69e9.png
  • fincherdesign

      Fincher Design [fincherdesign]  [19.01.2018 | 10:28]

    Участвую!
    • DmitriySviatsky

      Дмитрий Свяцкий [DmitriySviatsky]   [19.01.2018 | 13:04] [изменен 19.01.2018 | 13:06]

      Добрый день! Подскажите пожалуйста почему на freelance.boutique конкурс завершен,а на FL.ru продолжается?! Люди тратят свое время, на чтото надеются.   
      Разберитесь с этим. Давайте уважать друг друга! Спасибо за понимание

      • dmi38098352

        Дима Коренев [dmi38098352]   [19.01.2018 | 16:56] [изменен 19.01.2018 | 17:44]

        Добрый день. Поясните в чем мое неуважение?  
        И какое отношение конкурс на freelance.boutique имеет к FL.ru ? Конкурс есть еще на двух фрилансах,... из четырех на двух уже выбран победитель...На этом фрилансе до 25 числа, на freelance.boutique были другие временные правила... Мы будем проводить a/b тестирование разных вариантов дизайна, + таким образом ищем себе нескольких подрядчиков на долгосрочную работу

        • DmitriySviatsky

          Дмитрий Свяцкий [DmitriySviatsky]   [19.01.2018 | 17:58]  

          Спасибо за пояснение, извините если что не так. Удачи, всего доброго!

  • vsegnev

    Evgeniy S [vsegnev]  [19.01.2018 | 19:58]

    Попробуем-с
    • Добавлено 19.01.2018 в 19:58
      f_1525a6223ca2f5ef.png
  • Design_uzi

      Жека Зи [Design_uzi]   [19.01.2018 | 20:23] [внесены изменения: 20.01 2018 | 20:51]

    Добрый день! 

    Можете указать свою электронную почту, вышлю ссылку на готовый вариант лендинга.
    • Добавлено 20.01.2018 в 20:51
      f_7135a6381ab8f55d.jpg
    • dmi38098352

      Дима Коренев [dmi38098352]   [20.01.2018 | 01:47]  

      dmi38098352@yandex.ru

      • Design_uzi

          Жека Зи [Design_uzi]    [20.01.2018 | 13:29]  

        Написал

        • dmi38098352

          Дима Коренев [dmi38098352]   [20.01.2018 | 15:22]  

          Добавьтесь пожалуйста ко мне в скайп korenev_dima  Или напишите каким образом с вами можно голосом связаться

          • Design_uzi

              Жека Зи [Design_uzi]    [20.01.2018 | 15:49]  

            Написал, в скайп и на почту

  • ac_apple

      [ac_apple]  [19.01.2018 | 20:58]

     принимаю участие в конкурсе, все работы  выложу позже
    • Добавлено 19.01.2018 в 20:58
      f_1255a62319ab5534.png
  • s1lvered

    [s1lvered]  [20.01.2018 | 10:39]

    +
Вы успешно купили аккаунт PRO
с неограниченными ответами в проектах и +20% к рейтингу
Срок действия аккаунта — до 01.01.1970 03:00
Спасибо за покупку, теперь вы можете ответить на проект.
Желаем вам успешной работы на сайте и множества выгодных заказов!

Теги: Веб дизайнеры удаленно, резюме дизайнера, лучшие дизайны сайтов, сделать дизайн сайта, создать дизайн сайта, нужен веб дизайнер, требуется веб дизайнер, ищу дизайнера сайтов