Заказ закрыт
Макет дизайна сайта в стиле Material Design

Бюджет: 40 000 руб
Победители конкурса
2 место: победитель не выбран
3 место: победитель не выбран
Задача:
Разработать и предоставить макеты дизайна в стиле material design в полном соответствии с рекомендациями компании Google. 
Конечный результат предоставить в виде полноценных макетов. Демонстрации любой динамики в виде примеров на других сайтах и в гифках. Текстовые комментарии к предоставленной работе.

Ссылка на рекомендации:  www.google.com/design/spe...

Обязательно предоставить макеты следующих страниц:
1) Главная (ihi.ru)
2) Страница справочника (ihi.ru/index/help) 
3) О Нас (ihi.ru/index/about-us)
4) Страницы, макеты которых прикреплены к данному заданию в архиве.



Основные требования к разрабатываемому дизайну страниц:
1) Создание единой интуитивно понятной генеральной логики во взаимодействии с интерфейсом. То есть, при создании вы примерно представляете как будет  происходить взаимодействие что и как изменятся и т.д. Таким образом всё это должно соответствовать единой логике.
2) Возможность использования дизайна в нескольких цветовых схемах. Т.к. ресурс многопрофильный, планируется разные разделы делать в различных цветовых схемах. Соответственно при разработке макетов требуется учитывать это.
3)  Дизайн должен нормально отображаться на не очень качественных мониторах. То есть не использовать переходные оттенки одного цвета. Опять же, используйте рекомендации компании Google касательно этого пункта.
4) Дизайн должен предполагать взаимодействие с интерфейсом без перезагрузки страницы. То есть, практически все действия должны быть визуализированы.
5) Проработать появление и исчезновение модальных окон, блокировку экрана при подгрузке, переходы.

Для примера, элементы которые нам интересны и которые мы хотели бы видеть в дизайне: 
materialdesignblog.com/wp...
materialdesignblog.com/wp...
materialdesignblog.com/wp...
materialdesignblog.com/wp...
materialdesignblog.com/wp...
materialdesignblog.com/tw...

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

Выплата вознаграждения через сервис Безопасная Сделка
Опубликован 02.10.2015 в 04:41 Последнее изменение: 12.10.2015 в 11:59

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

  • future sound  

    02.10.2015 | 13:54
    Ответ от заблокированного пользователя
    • Михаил Картмазов   

      02.10.2015 | 15:00 обновлено 02.10.2015 | 15:01

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

    • Александр Swordman   

      03.10.2015 | 13:14 обновлено 03.10.2015 | 13:30

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

  • mirambo m  

    03.10.2015 | 00:50
    .
  • Дмитрий Онисимчук  

    03.10.2015 | 02:15 обновлено: 30.10 2015 | 21:47
    Продлите на сутки.
    Не успеваю.
    • Дмитрий Онисимчук   

      17.10.2015 | 23:31 обновлено 30.10.2015 | 21:48

      .

    • Михаил Русяев   

      20.10.2015 | 02:23  

      Здравствуйте. Вполне возможно что в полном исполнении ваша работа выглядит хорошо.

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

  • Михаил Вергунов  

    05.10.2015 | 22:26
    а что, попробую была не была
  • Ярослав Демидов  

    06.10.2015 | 08:23
    Участвую.
  • Андрей Жуков  

    09.10.2015 | 15:46
    +
  • Дмитрий Никитин  

    10.10.2015 | 17:23
    Здравствуйте,уважаемый работодатель!
    Рад предоставить вам вариант моего видения редизайна.

    На данный момент,я предоставляю страницу  "Запросы",в кабинете пользователя.
    Хотел бы узнать ваше мнение – если такая стилистика понравится,доработаю до мелочей макет и закончу другие страницы сайта.

    Полностью соблюден Material дизайн и макет довольно удобный. Я думаю пользователь не затруднится в поиске информации.

    Хотелось бы увидеть вас в скайпе,для уточнения вопросов/деталей – логин: ghostvscrysis 
    Надеюсь на наше приятное сотрудничество ;)
    • Добавлено 10.10.2015 в 17:23
      Макет дизайна сайта в стиле Material Design  - фото 1
    • Михаил Русяев   

      12.10.2015 | 03:27 обновлено 12.10.2015 | 03:30

      Здравствуйте, Дмитрий. 
      Спасибо что решили  поучаствовать. 
       
      Давайте немного разберём ваш макет: 
       
      Плюсы: 
      1)Мне нравится, как выглядят строки в таблице запросов. 
      2) Хороший шрифт у текста в таблице. 
      3) Перенос системы фильтров  под шапку, может быть действительно самый подходящий вариант, однако в вашем макете их мало и соответственно в таком количестве они выглядят органично в одну строку. Но в нашем случае их в действительности больше чем в макетах. Фильтры всегда сохраняют своё состояние, поэтому постоянный доступ к ним не требуется. Можно рассмотреть возможность скрыть фильтры при их вертикальном расположении сбоку.  
       
      Минусы: 
      1) Шапка слишком большая и тёмная. Я признаю эту идею состоятельной в случае значительного расширения оперативного контента, к которому необходим доступ с любой страницы. Но в нашем случае это пока не так. Может быть, в будущем эта идея нам подойдёт. 
      2) В строках таблицы отсутствуют функциональные кнопки. Точки захвата сделаны для Drag&Drop, это дублирует доступ к действиям которые можно совершить над заявкой, однако необходимо предусмотреть прямой доступ к функциям. 
      3) Отсутствуют кнопки действий над выделенными запросами. 
      4) Отсутствуют вкладки. (В макете у каждой вкладки своя функциональная принадлежность. Вкладка "Новое" это общий сток заявок, в котором всё фильтруется и делается выбор подходящей заявки. Вкладка "В работе" это место где хранятся заявки по которым в данный момент ведётся расчёт или прямая работа, в зависимости от статуса. Вкладка "Завершённые" это архив выполненных заявок.)  
       
      Вопросы: 
      1) Какой функционал носит кнопка с плюсом в синем круге? 
       
      Комментарии:  
      1) В данный момент мы добавляем функцию поиска на эту и некоторые другие страницы. Поэтому огромная просьба попытаться вписать строку поиска, в данный макет.  
      2) Необходимо сделать постоянное отображение баланса пользователя.

  •  Добрый день, и я могу делать эту работу  хорошая и показать пример
    • Добавлено 12.10.2015 в 12:12
      Макет дизайна сайта в стиле Material Design  - фото 2
    • Добавлено 12.10.2015 в 12:12
      Макет дизайна сайта в стиле Material Design  - фото 3
    • Добавлено 12.10.2015 в 12:12
      Макет дизайна сайта в стиле Material Design  - фото 4
  • Александр Печенин  

    12.10.2015 | 15:45 обновлено: 30.10 2015 | 23:17
    +
    К сожалению не поучилось много времени выделить на ваш конкурс. Успел поработать только над одной страницей. Есть еще некоторые идеи которые не успеваю. Проект мне интересен, и если что, то мы сможем довести все до ума.

    Далее описание присланных мной макетов:

    1ый макет – Страница "Запросы".
    - В фильтре, дабы сэкономить время, нет некоторых параметров (повторяющиеся чекбоксы).
    - В сайдбаре зеленый кружок с плюсом – это кнопка "Добавить работника". Если так не понятно, то при наведении на нее будет всплывать подсказка. У элементов "Мой аккаунт", "Работники"... и др. предполагается выпадающее меню, чтобы сэкономить место.
    - Предлагаю пагинацию заменить на бесконечную загрузку. Внизу страницы показана иконка загрузки.
    - Добавил поиск по таблицам. Предлагаю его сделать аяксом с подгружающимися результатами поиска в реальном времени.

    2ой макет – Вид плавающего меню при выборе нескольких элементов.
    - Если мы отмечаем элементы чекбоксами, то появляется диалоговое окно. Где отображается сколько элементов выбрано и какие действия с ними нужно выполнить. Диалоговое окно прилипает к нижнему краю и имеет фиксированное положение при прокрутке страницы.

    3ий макет – Вид всплывающего окна "Опции", для определенного элемента.
    • Добавлено 30.10.2015 в 23:17
      Макет дизайна сайта в стиле Material Design  - фото 5
    • Добавлено 30.10.2015 в 23:17
      Макет дизайна сайта в стиле Material Design  - фото 6
    • Добавлено 30.10.2015 в 23:17
      Макет дизайна сайта в стиле Material Design  - фото 7
  • Игорь Подобин  

    12.10.2015 | 17:08
    +
  • Иван Тогоже  

    13.10.2015 | 09:22
    +
  • Анатолий Карпет  

    13.10.2015 | 14:56
    +
  • Дмитрий Пелипас  

    13.10.2015 | 20:40
    Макеты в Sketch принимаете? (на западе уже как стандарт в ui дизайне) по старинке в фотошопе не хочется возиться
    • Михаил Русяев   

      14.10.2015 | 02:55 обновлено 14.10.2015 | 02:56

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

      • Дмитрий Пелипас   

        14.10.2015 | 03:00  

        Добрый вечер) я немного о другом.. О формате исходных файлов. Не в виде "скетча" , а в программе sketch. Если среда разработки дизайна не критична, то поучаствую

  • Elena Zelova  

    13.10.2015 | 20:58
    +
  • Svetlana Pyatkova  

    15.10.2015 | 12:08
    +
  • Александр Гусев  

    19.10.2015 | 01:40 обновлено: 30.10 2015 | 19:38
    UPD

    Большой опыт работы с material (см. портфолио в профиле).
    Первая страница для демонстрации,
    буду рад сотрудничеству.
    • Добавлено 30.10.2015 в 19:38
      Макет дизайна сайта в стиле Material Design  - фото 8
  • Дэн Золотухин  

    25.10.2015 | 15:22
    +