Кир Ш. Здравствуйте, друзья! Большое спасибо за участие в нашем конкурсе. Выбор был не легким. В каждом из решений, получивших 5 звезд были свои изюминки, которые нам очень понравились. Карл победил по совоокупности элементов и общей гармонии. Приносим извинения за неоправданные ожидания всем, кто надеялся на победу, но не стал победителем. Считаем конкурс полностью успешным. Большое спасибо, до новых встреч!

GoDesigner Друзья, выбран победитель. Им стал #35. Мы поздравляем автора решения и благодарим всех за участие. Если ваша идея не выиграла в этот раз, то, возможно, в следующий вам повезет больше — все права сохраняются за вами, и вы можете адаптировать идею для участия в другом проекте!
Подробнее читайте тут: http://godesigner.ru/answers/view/51

GoDesigner @Кир Ш., срок проекта подошел к концу! Дизайнеры больше не могут предлагать решения и оставлять комментарии! Настал момент анонсировать победителя. У вас есть 4 дня на выбор лучшего решения. Выбрав лучшее, вы получите возможность внесения поправок и время на получение исходников.

Кир Ш. Добрый вечер, друзья! Подходит к концу наш конкурс. Спасибо вам огромное Детальные коменты больше писать не буду, только ставить звездочки. Окончательный выбор будет между вариантами 5*

Кир Ш. #40, Здравствуйте, Лис! Спасибо что вы вернулись. Нам понравилось

Кир Ш. #36, Елена, здравствуйте! Спасибо большое за предложенный вариант. Главная тянет на твердую четверку, но есть явные ляпы и совсем нет страницы тура. Поэтому пока '3'. Маловато свежих идей в дизайне. Хотя общее впечатление вполне гармоничное и сбалансированное. Давайте пройдем по элементам, которые дают существенное отличие от других вариантов. 1. Каноны MD и палитра - очень хорошо! Пожалуй, в этом плане пока самая проработанная реализация. 2. Верхняя часть хедера на белом фоне. Скучно. Не хватает изюмины, и немного не сбалансировано с остальной картинкой. 3. Недостаточный контраст фильтра - до полной нечитаемости. Да и контраст меню разделов стоит улучшить. 4. Плитки видов спорта. Здесь единственная находка, которая чуть зацепила - шахматная закраска. Не сказать что прям восторг и сразу ДА, но с этим можно работать и наверно что-то получится. Я бы например тонкие разделители добавил, но не знаю - прозвучит или нет. 5. Красный оверлей из палитры Go Designer неплохо оживляет карточки )) 6. Знак рубля и кнопка 'КУПИТЬ'. Это плохо, но это мелочь.

Кир Ш. Здравствуйте, друзья! Идет последний день конкурса. Огромное спасибо всем откликунувшимся. Было предложено несколько отличных вариантов! С другой стороны, было несколько очень перспективых макетов,чуть-чуть не доведенных до уровня наших ожиданий. Так например, нет пока ни одного варианта с фильтром сверху, который бы нас устроил и это расстраивает - там были хорошие идеи и шансы на успех. Простите пожалуйста, если кого то обидел негативными комментариями или сарказмом сравнений. Старался мыслить образно, передавать впечатления и эмоции, получаемые от ваших работ. Удачи, и море драйва всем вам!

Кир Ш. #28, Маша, дравствуйте! Еще раз просматривал ваш последний вариант, и понял, что забыл написать важую вещь: Вариант подложки хедера №14, за границы которой вылезали лучи логотипа, был намного интереснее нынешней серой.

Кир Ш. #35, Карл, дополнение! Я все таки нашел к чему придраться ;) Насчет белой щербины справа на полосе меню. Если ее закруглить и продолжить синей линией, это решит вопрос масштабирования по ширине. Она растянется симметрично синей на широком экране. При этом она уравновесит разрыв под логотип. Да, и вход на ней лучше звучит, чем контакты.

Кир Ш. #35, Карл, супер! Разорванная полоска связала имевшийся разрыв гармонии на логотипе. Берем ее в общий хедер и футер. Смотрю и даже придраться по большому счету не к чему. Ровно то восприятие, которе было в ожиданиях при написании брифа. Конечно, по мелочи можно улучшать элементы, но это ничего не изменит. Вы в финале. Дальше вопрос победы в конкурсе будет определяться исключительно наличием "изюмин" и голосованием нашего коллективного разума между вариантами, получившими 5 звезд. Можно добавить художественню идею, которая сделает эту работу шедевром, не ломая общее восприятие. Тогда у вас появится еще один вариант. ...Это ведь не сложно, правда? (щютка) Карл, большое спасибо! Вы потратили на нас очень много вашего времени и таланта было приятно анализировать ваши работы. Я больше не могу посоветовать конкретных улучшений.

Кир Ш. #34, Артем, здравствуйте! Спасибо за вариант. Общее впечатление странное....как будто смотришь на приборную панель самолета. Всего много, оно яркое и непонятное, втиснуто в какие то хитрые панели. Простите, но нет. Не вижу резона разбирать по полочкам вариант, который не понравился целиком. Нет никакого смысла что-либо улучшать, когда самым гармоничным выглядит серый текст "О проекте...". Вы все равно не успеете довести до наших ожиданий.

Кир Ш. #33, Владимир, здравствуйте! Большое спасибо за активное предложение вариантов. Все довольно гармонично, есть классные элементы, но многие вещи не соответствуют нашим предпочтениям. Да и от Букинга хотелось бы отстроиться, а не закосить под него. Давайте пройдемся по порядку. 1. Хедер сверху пресноват и аскетичен. Логотип не читается, при увеличении его в таком варианте построения шапка станет совсем "рыхлой". Более конкретных замечаний выдать не могу. 2. Меню разделов не сбалансировано - табы прижаты влево и ничем не уравновешены 3. В фильтре слева не увидел новых идей - все уже было, хотя в целом он конечно не плох. Насчет Букинга я уже писал. Это же не наша палитра, правда? 4. Карточки аккуратненькие, но есть ляпы по мелочи. Фото квадратные, период должен выводиться один, текстового описания не хватает. Делиться туром из карточки - сомнительная идея. Тогда уж из детальной страницы, а лучше из заявки. 5. Детальная тура прям очень хороша. Если главная оставила впечатление что это уже было, просто перекрашено под Букинг, то детальная прям радует свежестью. Не буду придираться к мелочам на ней - они на уровне "исправить при верстке". В целом, оценка осталась на уровне 4+, поскольку главная ничем не зацепила.

Кир Ш. #32, Владимир, здравствуйте! Комментарии оставим в варианте №33

Кир Ш. #30, Владимир, здравствуйте! Комментарии оставим в варианте №33

Кир Ш. #29, Евгений, здравствуйте! Спасибо за гармоничные макеты, впечатляет. Все аргументы прочитали, что-то вопрос вкусов, с чем то не согласны. 1. Общий концепт не изменился и он не понравился - навигацию считаю несбалансированной и неудобной во всех вариантах. 2. Карточки хороши, но много чего стоит зашлифовать - вряд ли имеет смысл, пока шапка не нравится. 3. Первая палитра которую вы предлагали была лучше. Эта слишком няшная - усыпляет. Увы.

Кир Ш. #31, Карл, здравствуйте! Очень хорошее продолжение. По сути, все комментарии, это не очень существенные мелочи. Насчет заголовка подумаем, но основной момент - шапка выглядит разобщенным набором элементов. Надо чем то соединять или оживлять. Похоже судьбу торта решит "вишенка". Теперь традиционно пройдемся по элементам. Хедер. 1. Верхний вариант понравился больше. Но на самом деле истина где то посередине )). У первого плашка темновата, у второго светловата. Поэтому оставляете дальше один вариант, который вам кажется более гармоничным. А звездочки оставьте оверлеем, только цвет давайте сделаем традиционный - белый и желтый. Вряд ли это “взорвет” палитру. 2. Вход\регистрация уже устарели - убираем все лишнее - только “Вход” или “Войти” / имя пользователя после того как вошел. 3. Избранное в хедере не нравится - слишком много места под это отведено. Вполне достаточно сердечка с количеством избранных туров выше в сервисной строке. С другой стороны, правая фигулина в строке меню разделов чем то понравилась - оживляет. Может элемент меню “КОНТАКТЫ” туда поместить вместо избранного - не знаем, надо пробовать. Главная страница. 4. Слева под поиском. Зеленая кнопка Все тренеры - это взрыв мозга, получается это самый яркий на странице элемент и значит самый важный, что не так. Важен поиск и кнопки заказать. Фигурка с траурной ленточкой не нравится. мы бы сделали посветлее, чтобы уйти от темного цвета и соответственно ассоциаций с трауром. Вообще, весь этот блок он второстепенный и необязательный. Мы смирились там с тренерами, чтобы потом чем то заменить. Карточки. 5. Не нравится сердечко - кажется мелковатым, а может перекрасить надо в серый. Хочется увидеть избранный и НЕ избранный элемент рядом. 6. Длительность в заголовке и возле тренера не нужна - дублируется информация. А вот возле цены - хорошо. Может быть немного пожирнее. 7. Зеленые звездочки не нравятся - см.п.1. Страница тура. 8. Кнопка внизу подать заявку попугайская получилась. 9. В отзыве нужно добавить оценку. А в подзаголовок среднюю и количество.

Кир Ш. #28, Добрый день, Маша! Поехали разберем ваш вариант по порядку.У нас тут целый консилиум собрался про него копья ломать ;) Главная страница 1. Общий контраст на отлично. Однако, стало много серого фона, который делает страницу “грязноватой”. Надо что-то с этим придумать. 2. Общая подложка собирает хедер в одно целое - это хорошо. Однако есть легкая ностальгия по вашему велосипедисту из варианта №14, вызванная п.1. 3. Кнопки разделов, выровненные по центру, вносят легкую дисгармонию с логотипом. Может выровнять их по слогану и контактам? 4. Баннер “открой свой крым” - это гуд. Вполне полновесная изюмина, оживляющая страницу. Повесим туда банерокрутилку. Только я бы выровнял верхний срез по панели фильтров, а то он к хедеру “прилип”. 5. Панель фильтра не понравилась по оформлению элементов. В предыдущем вариант (№14) было лучше. Здесь она перегружена возвышением полей выбора и заголовками полей сверху. Да и верхняя полоса с лупой без названия не в тему - хочется по ней клацнуть. 6. Не хватает следования канонам Material Design по высоте (Ось Z) элементов https://www.google.com/design/spec/what-is-material/elevation-shadows.html#elevation-shadows-elevation-android- .7. Блок кнопок с видами спорта. Нужна другая идея. Это элемент из школы “Метро”, он сюда не звучит. А вообще иконки с подписями внизу нравятся. 8. Баннер с партнерской программой слева под фильтром - отлично! Вторая изимина в булке. Уже совсем не пресно. Карточки 9. Получилось немного перегружено. Текст кнопки “в закладки” давайте уберем, оставив только сердечко. Возможно оверлеем на фото - не знаю как прозвучит. 10. Выделение серым фоном при наведении не нравится. Надо или эффект всплывания (увеличение относительной высоты по Z) или анимация картинки (например смена на другую) 11. Вариант с элементами управления справа нравится больше 12. Период и продолжительность теряются в дебрях информации, а это главное. Надо поднять выше тренера и возможно как то выделить. Страница тура 13. Заголовок слишком прижат к стоке хлебных крошек. 14. Значёк средней оценки здесь не звучит точно. 15. Правый столбец с панелью трнера и организатора надо опускать вровень с с большой фоткой. 16. Вообще, с этой панелью надо что то делать - там самая важная информация, но она очень скучена и поэтому плохо читается. Тут надо “поиграться”. Наш коллективный разум посетили следующие мысли: - Надпись “в закладки” с сердечком тут явно лишняя. Сердечко вынести. Может быть на уровень заголовка. - Продолжительность стоит выделить и приблизить к цене - Периоды “слиплись” - Добавить ссылку “Задать вопрос” - Возраст и сложность отсюда стоит убрать в основной информационный раздел, немного конкретизировав подписи “Минимальный возраст участника” и “Требуемый уровень подготовки”. И там и там нужна гиперссылка на пояснения. - А может вообще оставить там только тренера, а остальное убрать вниз.. 17. Отзывы справа не понравились. Давайте опустим их вниз. Сделаем подзаголовок со средней оценкой и количеством отзывов, а отзывы (три последних) под ним 18. Основные блоки описания скучноваты. Надо оживлять. 19. Насчет дней уже писал, простите если не вам. Редактироваться будет организатором в простом текстовом поле (как эта мессага на площадке), поэтому разбиение на абзацы с маркерами дней не приемлемо. Максимум что можем себе позволить - это отступ абзаца при переводе строки, выделение полужирным и маркеры простого или нумерованного списка. 20. Появилась идея - оживить область подачи заявки (справа) календариком на два месяца (первый над вторым), с отображением выбранного периода заезда. Он же позволит указать даты для индивидуальных туров. Только выравнивание тогда придется переделывать.

Кир Ш. #28, Маша, доброй ночи! Спасибо за продуктивность. Ваш вариант требует детального анализа. Боюсь, что я на него сегодня уже не способен - глаз "замылил". В целом хорошо. Но от предыдущего варианта есть как улучшения, так и явные ухудшения. А местами даже неакуратные ляпы случаются. Поставлю пятерку...но она с жирным минусом. Завтра утром разберем подробно.

Кир Ш. #27, Чермен, здравствуйте! Спасибо за усилия. Ваш вариант единственный, который я просто не смог прочитать. Все слишком мелкое. Так не годится. Угадывать, где находятся какие либо элементы не готовы. Угадывается плиточный "метродесигн". Не приемлемо. Смотрится просто нагромождением кубиков.

Кир Ш. #26, Валерий, здравствуйте! Спасибо за ваш труд. Задание похоже читали не очень внимательно. У вас получился скорее лэндинг (небольшой такой, скромный), для 3-х туров, чем главная страница сайта об активном отдыхе. 1. Хедер не звучит, текстовые элементы слишком мелкие - сливаются. 2. Проработку концепции адаптивной верстки мы не заказывали. Не хочется распыляться. 3 'Плитки' не выразительные совершенно. 4. Тройняшки из 'нашей конторы' не нужны.

Кир Ш. #25, Иван, здравствуйте! Спасибо за очень качественную проработку. Красиво рисуете. Плитки туров и страница тура очень хороши! 1. Хедер и футер гармоничны, но хедер слишком размашистый. Да и сложная форма маскирует содержание. Хочется чего-то более приземленного и компактного. После третьего захода, этот "путеводный камень" на весь экран начнет раздражать. А надо, чтобы сразу была представлена динамическая информация, интересная пользователю. Свежие статьи, ближайшие туры и т.д. Нам же хочется не разовой продажи, как от лэндинга, а хочется "постоянной прописки" на сайте. 2 На плитке все хорошо. Классический флаер - хоть с сайта печатай. Вот только кнопарь "В избранное" выглядит инородно. Да и вариант без процента похоже не зазвучит. 3. Детальная тура хороша целиком. Только навигация по виду спорта там такая не особо нужна. Хотя и не мешает. 4. Разноразмерные и смещенные кнопки "Задать вопрос" и "Заказать" производят впечатление "съехавших" привязок формы. Я бы сгруппировал их в вертикаль или горизонталь.

Кир Ш. #24, Отлично, Карл! (5-) Это значит, что мы готовы жить с этим дизайном, но не значит что он идеален, или гарантирует выигрыш питча. Теперь общий контраст в норме, даже может местами слегка перебор. Дальше тонко - надо видеть результаты изменений - зазвучит или нет. Поехали по порядочку. Общее 1. Сначала попробуем выбрать понравившийся вариант главной. Тут как бы ни первый, ни второй. С одной стороны, основная строка навигации разделов должна быть без приглушения (т.е. первый вариант), с другой подложка левой панели основным цветом получается слишком массивной. Я бы предложил цвет левой подложки от второго варианта, но целиком закрашенную, как было у вас в варианте №11 2. Кружочки с сердечками, приподнятые по высоте оживляют, но смотрятся инородно на этом макете. С одной стороны жалко, с другой “не торт”. Может упростить и оставить только полукруглый контур среза кнопки ? Шапка 3. Сервисная строка. Иконки соцсетей цветом акцента точно делать не стоит. Как заметил один ваш коллега, их вообще можно грохнуть, или опустить в футер. 4. Слоган сайта ниже основного меню выглядит не логично. Может так и не будет звучать, но мне кажется что их надо поменять местами. 5. Элементы хедера и логотип выглядят разобщенно - просто отдельными рисунками на белом фоне. Их надо как минимум, “связать” а лучше немного “оживить”. Может быть светло серая, или чуть подкрашенная подложка на весь хедер спасет ситуацию. Она же даст заполнение по ширине при масштабировании страницы на широком экране. 6. Предлагаю увеличить размер шрифта основой навигации (разделы, виды спорта) 7. Выделение текущего активного пункта зеленым фоном не понравилось. Больше нравятся или табы с подчерком, или может цветной текст. Плитки 8. От совместного использования основного цвета и акцента (кнопки на плитках) рябит в глазах. Давайте этого избежим. 9. Попробуйте: - убрать кнопку “В избранное” - контурное сердечко основного цвета разместить в правом верхнем углу - продолжительность тура из заголовка убрать вниз к стоимости типа 1000 руб / 10 дней - добавить оценку тура оверлеем к фото 9. А еще у всех карточек недостаточно контрастные рамки, а может специально разблурили.. Страница тура 10. Хлебные крошки на месте управления списком. Может получиться интересно. Надо подумать. 11.Верхняя часть описания от фото до ленты фото понравилась. Один мелкий нюанс - верхняя картинка имеет нестандартные пропорции. Давайте попробуем 3*2 12. Давайте уберем сверху кнопку “ЗАКАЗАТЬ”, оставив вместо нее продолжительность, так же как на карточке. А внизу вместо “ЗАКАЗАТЬ” делаем кнопки “ЗАДАТЬ ВОПРОС” и “ПОДАТЬ ЗАЯВКУ” 13. Всю информацию о туре с левой стороны надо убирать. Пространство под логотипом и фильтром - это область хедера. Основная страница туда никогда не залезает. Мы найдем чем ее заполнить потом - пока не заморачивайтесь. Поэтому придется разместить все в основной части. Продолжительность и тренера сверху, отзывы снизу. 14. Основные разделы текста выглядят пресновато. Их надо чем то оживлять (без фанатизма конечно) на выбор - подложки осветленным основным тоном - заголовки темным основным тоном - инверсия на подложке основного цвета - ну, можно еще много чего придумать )) 15. Подвал - дешево и сердито. Надо не забыть привести его к стилю хедера, если он будет меняться п.3-6 Еще раз спасибо!

Кир Ш. Друзья, добрый вечер! Напишу еще один общий пост, призванный сократить бессмысленную трату времени. По прошествии недели сплошного копания в вариантах дизайна, наметились некоторые предпочтения. Они достаточно явные, вплоть до того, чтобы относиться к противоречащим им вариантам предвзято (человек увы, субъективен). Однако, всегда есть место талантливому герою, выдающему гениальный шедевр, глядя на который мы забудем про все предпочтения :) Итак, предпочитаем: 1. Горизонтальные плитки туров в один столбец в списке 2. Традиционную сервисную строку с контактами и авторизацией сверху 3. Следование канонам Material Design (есть в ТЗ) 4. Выдержка цветовой схемы предложенной палитры (таки снова ТЗ) 5. Навигацию сверху, или сверху и слева Не хотелось бы видеть 1. Высокие хедеры на пол страницы 2. Статичные фотоподложки в хедере 3. Темные темы макетов 4. Разнокалиберные плитки практически без зазоров в стиле метро, сплошнячком залитые фотографиями. И еще один момент. Конкурс близится к концу. Сегодня обязательно “разберем” всех по порядку, как обещали. Дальше, в целях оптимизации времени лидеров, порядок детального разбора будет определяться количеством звезд предложенного варианта.

Кир Ш. #23, Артем, здравствуйте! Большое спасибо за работу. Знаете, шапка не понравилась совсем. Ну прям ни один элемент не зацепил :( А в карточках есть интересные моменты. В любом случае разберем по пунктам. 1. Мы точно не будем применять дизайн с большой статической фотоподложкой в шапке. Наверно напишу об этом общую сообщуху, а то уже много бесперспективной работы получилось. Эта мысль не из за вашего варианта возникла - просто накопительно. Да и подложка у вас мрачноватая получилась. 2. Вариация на тему логотипа неудачная 3. Все элементы навигации на подложке мелкие, сливаются и в результае совсем не читаемы. Зато слоган, которым можно смело пожертвовать или использовать для или заполнения уравновешивания чего либо, гордо реет по центру, как кнопка “Сделать всем хорошо” 4. Панель фильтров - неплохо, и даже интересно. Но не более того. Она не вяжется с хедером. А может и вяжется, просто хедер плох - не знаю. 5. Карточки. А вот карточки ниче-так! Явно понравилось: название по оверлею фотографии оценки звездочками Не понравилось: скорее всего выберем горизонтальные карточки в 1 столбец…. Нет срока С-По Нет текстового описалова Много зеленого. Это цвет акцента, а не основной. 6. Остальное средне - нормально. Все равно все от хедера пляшет. В целом на 3- получилось.

Кир Ш. #22, Евгений здравствуйте! Большое спасибо за свежие идеи и детальную проработку! Выглядит очень гармонично, чувствуется профессионализм. Прям хочется сразу взять. Однако, при детальном разборе по элементам, возникают принципиальные возражения, не позволяющие принять эту концепцию. Поэтому пока 4 балла. Давайте по пунктам. 1. Основной цвет палитры все же хочется свой, хотя это мелочь. 2. Сервисная строка отлично. Насчет соцсетей согласен - убираем куда подальше. 3. Принципиальное несогласие с огромным хедером. Слишком много НЕ полезного места. Радует глаз первый раз, потом раздражает. Когда будет что крутить повесим баннер перед турами. а статику точно не надо. 4. Фильтр выглядит массивно и задавливает визуально меню разделов. 5. Иконки - выезжалки OnMouseOver - прикольно. Только не справа. Межет слева и под хедером, вровень с основной частью страницы? 6. Информационные блоки про сайт надо убирать вниз. Они так же не несут особо полезной нагрузки. Чем выше будут конкретные туры, тем лучше. 7. Карточки очень гармоничны. За идею вывести название точки фото - спасибо. Однако, выиграет скорее всего вариант с горизонтальными карточками. Просто стартовое количество туров будет небольшим, а карточки в несколько столбцов делают для оптимизации их размещения на площади. 9. Фото на карточках не в целевых пропорциях 3*2

Кир Ш. Еще один общий комент, призванный поэкономить ваше и наше время. Друзья, не предлагайте пожалуйста макетов в темном ключе. Да, нам нравятся momondo, anywayanyday и еще много "темных" ресурсов, но мы на такие эксперименты точно не готовы. Так что, цитируя Форда, мы готовы на любой бэкграунд, если он будет белый :) P.S. Это совсем не означает отсутствие контраста или неприемлемость инверсного оформления. Как раз наоборот - белый надо активно оживлять.

Кир Ш. #21, Здравствуйте, Аскар! Благодарю за вариант. Увы, концепт не понравился. Во первых он слишком мрачный и несбалансированный по контрасту, а во вторых производит впечатление двух не связанных экранов, зачем то положенных друг на друга 'перпендикулярно внахлест'. Футер при этом вообще незаметен. Давайте пройдемся предметно по элементам. 1. 'Лого' со слоганом. Вопрос вкуса, но не понравилось. Не вызывает те ассоциации, которые требуется заложить в ресурс. 2. Затемненное фото в бэкграунде хедера покрывает бессмысленно много места. Очень хочется по быстрому пихнуть ее в фотошоп, 16bit > Levels > Shadows Highlights...вдруг удасться вытянуть...нет, в корзину :) Вместо свежести реки и леса, мрак недоэкспонированного фото. 3. Полоса меню радикально черного цвета, ничем не выделенная. Мрачно, да еще и сливается. 4. Разнокалиберные плитки с текстом тоже плохо. Во первых, то же сильное затемнение создает мрачный фон. Во вторых, плиточную метроконцепцию Микрософта считаю провальной (хоть и работаю на винде. А в третьих, чтобы прочитать и понять то что написано на плитке, надо сломать сначала глаза, потом мозг. 5. Требуемой в ТЗ палитры не обнаружил. Ну как то так. Пожалуй отпишу всем, что темные макеты лучше не рисовать - время съэкономим.

Кир Ш. Леди и джентельмены, большое спасибо за интерес и приложенные усилия!Конкурс приближается к концу, но мы пока не смогли определиться что больше нравится - фильтр сверху или слева. И так и так можно. Все решит гармония и качество конкретного варианта. И еще одно общее пожелание. Знаете, нигде не увидел подборки фото на детальной тура, которая бы совсем понравилась. Наверно стоит показать концепцию, которую считаю наиболее прогрессивной http://auto.ru/cars/used/sale/1020812351-11a4/ Конечно имеется в виду не весь дизайн страницы, а именно фотолисталка. Она хороша и на десктопе и на планшете, хорошо использует площадь.

Кир Ш. #20, Алина, доброе утро! Спасибо большое за вариант. Общее впечатление двоякое. Есть элементы, которые понравились, есть совсем неаккуратные. Знаете, мне ваш вариант №5 нравился больше. Я за то, чтобы их скрестить, дорабатывая хедер в концепции 5 варианта, а левое меню с элементами №20. Окончательный выбор за вами. Мы пока не смогли определиться что больше нравится - фильтр сверху или слева. И так и так можно. Все решит гармония и качество конкретного варианта. Дальше разбор по пунктам, касается исключительно текущего варианта №20. 1. Большая зеленая шапка не нравится. Вот совсем. Она аккуратная, но не в тему. Она делает основным зеленый цвет и практически не несет полезной нагрузки. Сюда можно было и логотип положить и что угодно. 2. Кнопки основного меню разделов. Тоже вроде ничего, но не современно - загромождает. Хочется или плоскую общую панель или табы. 3. Навигация поиска - красиво, нравится! Вот только боюсь, что с учетом остальных возражений она потеряет право быть инверсной. Может быть такой подход применить для основного меню разделов и/или видов спорта? 4. Фильтр туров слева - нагромождение по высоте. Так же несовременно как и кнопки. Лучше одна приподнятая подложка и плоские поля выбора на ней. 5. Виды спорта - не плохо, но тоже хочется уменьшить “рябь”, возможно разметить их на одной подложке. 6. Блоки “Ваши заявки” и “Избранное”. Не правильная работа с высотой и тенью - они наслаиваются друг на друга, и так же создают впечатление излишнего количества разновысоких элементов. 7. Карточки туров. На четверочку с минусом. Все равно хочется чуток изменить пропорции в пользу ширины (не много). Область текстового описания немного маловата. Сердечко на плашке не нравится - лучше просто плоским на карточке. Кнопку “Заказать” можно попробовать перекрасить в основной цвет. Период и продолжительность тура сливаются с окружением. 8. Футер под стать хедеру. Сделан симметрично высоким и это гармонирует. Но хедер не нравится, поэтому футер тоже “ф топку”.

Кир Ш. #19, Да, вдогонку - еще один нюанс. Есть дисбаланс по визуальному возвышению над поверхностью (осью Z). Подумайте об этом. http://www.google.com/design/spec/what-is-material/elevation-shadows.html#

Кир Ш. #19, Карл, здравствуйте! Спасибо за варианты. Стало еще немного лучше. Но не до конца. Снова 4 звезды. Давайте разберем. 1. По прежнему перепутан основной цвет (индиго) и цвет акцента (зеленый). Главное меню нельзя делать акцентом. Когда вы закроете страницу, запомниться должен основной цвет - индиго. А после вашей страницы запомнится зеленый. Дальше можно играться, используя основной цвет шрифта или подложки. Для основного цвета допустимы осветления в том же тоне. См.палитру. 2. С контрастом шапки стало чуть лучше, но все равно недостаточно. Элементы слишком мелкие. Приходится напрягать зрение, чтобы прочитать названия разделов сайта. 3. Даже не только в хедере, а везде по прежнему не хватает контраста. Сильно не хватает. Да и шрифты везде непропорционально мелковаты. Хочется зажать контрол и крутнуть колесико, увеличивая масштаб. 4. В левом меню, конечно больше нравится серая подоложка. Но тоже не идеально - попробуйте придать оттенок. Да и все пожалуй.

Кир Ш. #18, Денис, здравствуйте! Простите пожалуйста за вынужденное ожидание. Спасибо за работу. Общее впечатление противоречивое. Даже скорее "нет", чем "может быть". Довлеет мрачный фон. Создает атмосферу игры "Сталкер", а не канала "Моя планета", как похоже было задумано. Давайте разберем по порядку. 1. Обучающий свайпам оверлей для сайта это плохо. Или это было пояснение для меня? Большинство современных пользователей планшетов, к которым отношу и себя, вполне нормально интуитивно используют горизонтальную прокрутку там где она применима и нормально оформлена. 2. Инверсные белые элементы к бэкграунду конечно подходят….но см.выше. 3. Горизонтальная прокрутка плиток - точно НЕТ. Горизонтальная прокрутка применима для очень ограниченного количества элементов 5-10 шт. А список туров ничем не ограничен… Представьте себе “карусельку” из 200 плиток с разными турами - стекло планшета протрете, до самой батарейки. Такие приемы хороши например, для листания фотоиллюстраций на детальной тура. 4. Детальная тура - без идеи, просто статья. Даже не просто статья, а вдруг возникшее яркое белое пятно посреди мрачного темного сайта. Не звучит. 5. Иконки...В моем понимании желуди, дрова и трава - это не самые спортивные изображения. Иконки если и нужны, то это стилизованные экстремальные виды спорта, а не дары леса и алиэкспреса. Зачем они?

Кир Ш. #15, Катерина, здравствуйте! Спасибо большое за старания, и простите великодушно за задержку разбора. Мы захлебнулись в потоке вариантов. Что касается предложенного дизайна, то увы, почти ничего не понравилось (( Общее впечателение - взрыв конфети. На первый взгляд - совершенно хаотичное нагромождение элементов и цветов. Дальше, если вглядываться начинаешь разбирать отдельные элементы. Местами даже ничего, но не цепляет. Давайте традиционно разберем все. 1. Основное меню разделов, совмещенное с сервисной строкой интересно выглядит, но не нравится - разделы потерялись. 2. Общая комбинация хедера какая то громоздкая. Фильтр поиска жестко довлеет над меню разделов, хоть и находится снизу. 3. Инверсные иконки видов спорта - ну, может быть. Хотя тоже "не торт". 4. Плитки без зазоров с текстом поверх фото...Центр мирового зла! Взрывает мозг с первого взгляда, и со второго, и с третьего тоже. Только потом начинаешь разбирать смысл написаного. Для полноты картины осталось только пару сердечек маджентой покрасить. 5. Заливка футера зеленым... Ну неужели глаз не режет? Написано же в палитре - это цвет акцента. Вот посмотрите сюда http://www.materialpalette.com/indigo/green 6. Детальная тура. Вроде все элементы (кроме серой полосы с параметрами) и не плохи... Но совершенно между собой не вяжутся. 7. Серая полоса параметров под заголовком. Не нравится даже как самостоятельный элемент. Ассоциации такие: грубо и не выразительно. 8. Полосатая программа тура. Восприятие затрудняется. Зачем - непонятно. Простите пожалуйста за нелестный отзыв, но из песни слов не выкинешь.

Кир Ш. #14, Маша, маленькое пожелание вдогонку: Хочется увидеть хедер певого варианта с пропорциями основных элементов второго варианта главной, выровненных вертикально по хедеру.

Кир Ш. #14, Продолжим по второму варианту главной. Только отличия от первой. 10. Пропорции по ширине между фильтром и плитками много лучше чем в первом варианте. Пожалуй только напрашивается выравнивание вертикали по логотипу и шапке для баланса. 11. Расположение элементов карточки тоже понравилось, но не идеал. Элементы справа сливаются. Да и про кнопку “Заказать” писал выше. 12. В таком варианте блок “Партнерская программа”, и любые подобные блоки, добавляемые по мере фантазии и развития проекта, кажется лучше вынести на отдельную карточную подложку как хедер и футер. 13. Футер. Ну, можно и так конечно. Когда досматриваешь страницу до конца - хочется стакан сока. Сухо и пресно (это не про футер, про всю страницу) Страница тура. Отличий первой и второй кроме хедера и футера не заметил. поэтому пишу про обе. 14. Верхняя область со столбцами параметров. Чего то ей не хватает. И гармонии нет и читается неважно. А может просто с лентой фото не вяжется..затрудняюсь уточнить. 15. Программа тура не должна иметь отдельно верстаемых маркеров. Уже писал об этом. Мы просто не сможем это воспроизвести на базе одного текстового поля. Максимально доступные средства оживления - это болдовые подзаголовки и маркеры нумерованного или простого списка. 16. Правый столбец - хорошо. Но отзывы я бы сделал ниже, отделив от основной информации. 17. Блок заявки на участие. Можно попробовать приглушить бэкграунд. Можно попробовать подровнять. Поля ввода точно надо визуально отстроить от пассивных элементов (стоимость) Уф, закончил. Спасибо Маша, порадовали!

Кир Ш. #14, Доброе утро Маша. Ваши варианты - первое, за что я поставил 5 звезд. Для нас это означает, что в целом, мы готовы с таким сайтом жить. Однако это конечно не означает беззаговорочной победы ;) Мы будем до конца работать с каждым автором, как с единственным. Да и сами видите - все подтягиваются к финишной черте. Поехали по порядку. Общее впечатление. 1. Есть перекосы по пропорциям и выравниванию элементов всех страниц. Требует шлифовки 2. Следование требованиям на отлично, но слегка не хватет какого то креатива, 'вишенки на торте'. Очень утилитарно. Да, я отлично понимаю что в целом примерно этого и хотели, но от впечатлений никуда не деться. Главная. Первый вариант, без оглядки на второй. 3. Вот затрудняюсь в выборе - какая лучше. С картинкой в хедере явно креативнее и уголок оверлея под логотипом удался. Но картинка 'привязывает' к конкретному виду спорта. Да и в белой подложке тоже весьма не плохо - просто надо чем то оживить и исправить откровенно сливающуюся сервисную строку. 4. Пропорции по ширине между фильтром и списком надо менять. В пользу карточек списка сделать левое меню уже. Да и поля по бокам кажутся немного широковатыми. 5. Нет хватает индикации текущего раздела. Сначала я хотел предложить добавить хлебные крошки, но передумал. Лучше как то выделить кнопку - современнее. 6. Заголовок “НАЙДИ СВОЕ ПУТЕШЕСТВИЕ” не понравился - пафосно. Пока затрудняюсь предложить хороший заголовок. На языке крутиться “подбор тура”, но это со словом “Путешествия” не вяжется. Давайте еще подумаем. 5. Заливка блока поиска жестковата. Я бы попробовал производные от основного приглушенные цвета. Посмотрите палитру гайдов. https://www.google.ru/design/spec/style/color.html#color-ui-color-application 6. Кнопки видов спорта непропорционально узкие. 7. У карточек надо менять расположение элементов правой части. Нет гармонии. Да и краткого текстового описания не хватает. 8. Тут с карточками проблемка обозначилась..В дизайне детальной тура, у вас снизу блок оформления заявки. Это хорошая находка, хоть и не совсем однозначная. Но при этом варианте я не вижу никакого смысла в кнопке “Заказать” на карточке списка туров. Не знаю, не станет ли карточный список совсем пресным без нее, но в общем, она ни чем не дорога. 6. Навигация списка откровенно провальная. Как сортировка сверху - кривовато, противоречиво и нет страниц, так и кнопка “показать еще” снизу. Как то мне классика милее. Все уже придумано до нас. 9. Футер. Не вау, но сойдет и так. Он ничего не портит и ничего не украшает. Элементы норм. Продолжение следует.

Кир Ш. #14, Маша, здравствуйте! Верной дорогой идем. Очень понравилось. Завтра отпишу детально. Кстати, а как тут ставятся лайки?

Кир Ш. Леди и джентельмены, прошу прощения, но я на сегодня 'сдулся', хоть и обещал ответить всем. После детального разбора трех вариантов глаза и мозги отказываются качественно и непредвзято анализировать следующий вариант. А неадеквата нам точно не надо. Очень постараюсь продолжить завтра утром.

Кир Ш. #13, Здравствуйте, Владимир! Спасибо за дизайн, есть много интересных находок. Но общее впечатление - пока так себе. Дизайн не кажется целостным. Отдельные элементы весьма неплохи, но в целом - грубовато. Как кубики из разных конструкторов. Притом, четко выразить что не так, мне не хватает компетенции - может общий перебор контраста.и инверсных элементов. Давайте дальше традиционно пройдемся по элементам. Общие 1. Размытое темное “паспарту” вокруг картинки отвлекает от содержимого и добавляет паразитного контраста, да и мрачности. Вы же не планировали делать его элементом дизайна, правда? 2. Верхняя белая часть хедера - ничё так в целом. Но если приглядеться, то понятно что лого слишком мелкое - не читается. Кажется очевидным его масштабирование так, чтобы логотип выровнялся с табом “ГЛАВНАЯ”. Тогда сервисная строка должна уйти вправо и выровняться в вертикаль слева со слоганом. Есть только один нюанс - мы не планировали отдельный раздел “ГЛАВНАЯ” - он совмещен с разделом “ПУТЕШЕСТВИЯ”. Что понравилось, так это контакты в виде карточки. 3. Меню разделов в виде табов. Нравится! Главная страница 4. Фильтр на фоне продвигающего баннера конкретного тура не нравится точно. В текущем видении, концепция сайта не предлагает такого агрессивного продвижения конкретного тура. 5. Строка фильтра сама по себе - интересно, но не более. Выбранные значения слишком мелкие и сливаются. 6. Навигация по списку со слоганом. Навигации недостаточно, слоган лишний. 7. Карточки туров не понравились. Точно не готовы на сплошную заливку карточки фотографией и инверсные тексты. Да и победит скорее всего вариант горизонтальных карточек в один столбец (если конечно вдруг, не появится гениальная альтернатива ;) Однако, есть элементы, которые стоит отметить как понравившиеся: 7.1. Рейтинг звездочками на фоне фото нравится, хоть и избит. Надо только вариант, отличный от 5 звезд глянуть. 7.2. Цена на прямоугольной светлой плашке хорошо уравновешивает кнопку “ЗАКАЗАТЬ” 7.3. Залитое / не залитое сердечко - хорошо, только не на фоне фото! Да и розовый там не звучит. 8. Меню разделов видов спорта - в целом не плохо само по себе. Но почему оно делит карточки туров пополам? Я не понял идеи. 9. Область “”О ПРОЕКТЕ” на главной не нужна, давайте просто выкинем на отдельную страницу и оставим на нее ссылку в футере.. Что там должна означать кнопка “ПОДОБРАТЬ ТУР” я не понял совсем. 10. Начиная с партнерской программы и до конца - не плохо, весьма неплохо. Только слегка “суховато”. Ну и мелочи типа косо выровненных элементов. Список туров 11. В целом более похожа на главную. Давайте комбинировать эти страницы. 12. Навигацию списка берем явно отсюда. Только давайте вместо “Показать еще” постраничную листалку нарисуем. 13. Видов спорта не стало, а нужны. Наша идея состояла в том, что все виды спорта видны всегда, и при клике на конкретный проваливаемся на его страницу. Отвосюду. В вашем видении, я так понял, эта навигация есть только на главной или как? Поясните плиз. 14. Заявка на подбор. Это неизвестный нам сценарий. Мы не понимаем что должно происходить дальше - кто кому и чего должен подбирать? Страница тура 15. Без фильтра лучше. 16. Понравилась гармония детальной страницы. Вопреки кусочному впечатлению от главной. 17. Явно не хватает листалки фотографий тура. 18. Заказать и Оставить заявку - это одно и тоже. 19. Тренер и отзывы - прям совсем понравились. 20. Я только сейчас осознал, что форма заявки прям на странице тура концептуально исключает кнопку “ЗАКАЗАТЬ” на карточке - она будет приводить туда же, куда и вся карточка. Это касается не только вашего варианта…. Да, уже говорил - Скетч не пугает совершенно. Если не удастся выкатить нормальный послойный PSD в случае победы, обойдемся нарезкой PNGшек. Этот фактор не будет учитываться при выборе победителя.

Кир Ш. #11, Вдогонку, Карл! Совсем забыл откомментировать второй вариант. В целом он понравился сильно меньше первого. Т.е. наверно совсем не понравился )) Но в нем есть интересные моменты относительно первого. 1. Виды спорта на зеленой плашке - получше, но все еще недостаточно. 2. Избранное тоже 'не в кассу' 3. А вот список тренеров снизу - ничего, интересненько. Да и 'венок на могилку тренера' оживляет ;)

Кир Ш. #11, Доброй ночи, Карл! Большое спасибо за свежую волну. Хотели сходу поставить 5 звезд, но потом передумали )). Есть элементы, которые не звучат. В любом случае, вам первому УДАЛОСЬ УРАВНОВЕСИТЬ ЛОГОТИП по вертикали и горизонтали. При этом общий тон сайта светел и гармоничен, за исключением некоторых режущих глаз элементов. Давайте постараемся улучшить элементы и не потерять это достижение! Дальше по пунктам, восторга будет меньше. 1. Верхней части хедера явно не хватает контраста. Притом капитально так не хватает. Основной цвет палитры - индиго, а не зеленый, да и серые надписи основных элементов навигации не добавляют легкости восприятия. 2. Фильтр слева. Ну, он в общем хорош, вы явно прочитали один из комментариев с примером про booking.com. Но нельзя же егоный бэкграунд “акцентом” красить!! Хоть приглушили бы что-ли. Короче, цвет фона - точно нет, нужен другой вариант. 2.1. Виды спорта в виде “облака тегов” над полями фильтра расположены удачно. Только совсем потерялись в этом буйстве зеленого по причине недостатка контраста - фиг разглядишь. 2.2. Заголовок “ПОИСК ПУТЕШЕСТВИЯ” не звучит. Может там нужен другой текст, а может просто отчерк….а может вообще на две плитки разбить. 2.3. Забыли поле фильтра по периоду. Период и длительность - это не одно и то же. Длительность может остаться не выбранной (от 1 дня), а вот период - нет. 2.4. Избранное внизу этой зеленой вакханалии выглядит сиротливо и незавершенно. Непонятно, что и где должно проявится при нажатии. 3. Плитка тура так же лучшая из увиденного до сих пор! И это при том, что фото не соответствует требованиям по пропорции. Попробуйте сделать 2*3 плиз. Да и контраста плитке тоже катастрофически не хватает.. 4. Навигация списка…..ну вы поняли - контраст! 5. Дальше очень, очень хорошо! Не буду расписывать по пунктам. Просто хорошо, за исключением зеленых гиперссылок.

Кир Ш. #10, Алина, добрый вечер! Общее впечатление - стало хуже (( Вроде начала наклевываться гармония и...исчезла. Хотя формально, к требованиям и высказанным замечаниям все прогрессирует. Давайте разберем. 1. Сервисная строка - Хорошо, "логотип" двухцветной буквицей ее не испортил. 2. Логотипа не стало, ну что ж, пусть так - готовы смириться, хотя лого немного жалко. 3. Хедер в целом. Все элементы по отдельности вроде и ничего, но гармонии между ними нет. Они все как из разных сайтов надерганы. Попытался расписать хедер послойно...и не смог. Нет идеи вокруг которой можно критиковать остальные элементы. 4. Вот разве что иконки видов спорта в прямоугольных рамках НЕ понравились особо. 5. Область навигации по списку сверху и снизу - нет замечаний. Просто хорошо. 6. Плитки туров понравились, но есть чего улучшить. Замечу, что если совсем не влезает в ширину с левым меню, то можно отмасштабировать и не меняя пропорции. Да и пропорции были даны навскидку, т.е. догмой не являются. 7. Название тура на плитке и продолжительность с периодом хотелось бы разделить внутри плитки на разные элементы. Кроме тренера, не повредил бы вид спорта и регион, хотя это не обязательно. 8. Правая часть плитки с выравниванием по центру трех элементов выглядит не сбалансировано и противоречит левой части по стилистике. А собственно все. Остальное уже обсуждали и других возражений у меня нет. Надо что-то делать с хедером. Он плох и кажется портит общее впечатление.

Кир Ш. Вау, три новых варианта! Глаза разбежались. Спасибо большущее! Сегодня вечером - ночью обещаю подробный разбор по каждому, в порядке выкладки.

Кир Ш. #8, Вот блин, сообщения на сайте идут снизу вверх, и последнее сверху кажется негативным. Маша простите пожалуйста. Дизайн в целом понравился, спасибо за свежие мысли! Начинайте читать с нижнего сообщения.

Кир Ш. #8, Маша, снова здравствуйте! Продолжаем по элементам. Страница тура 13. В целом скорее не очень. Другие варианты мне нравились больше. Но вот заявка прям внизу тура, это отлично. Однозначно Да! Тут только надо поиграться с порядком размещения. Цена и еще одна кнопка “Заказать” находится сверху, а поля заявки снизу. Понятно что можно сделать переход внутри страницы - просто на “якорь” области заявки, но хотелось бы этого избежать. 14. Столбец параметров я бы сделал самым левым, вид спорта внес в него же. Поскольку если будут “хлебные крошки”, то строка с видом спорта и иконкой выпадет из гармонии. 15. Горизонтальная лента фотографий. Не плохо, стрелки только мелковаты. Возможно стоит сделать оверлеем на крайних фотках не знаю. 16. Кнопки - табы с содержанием тура и горизонтальным скроллом. Однозначно НЕТ! Это то самое, что сломало всю страницу. Соответственно, и текст разделенный по табам - туда же. Вся информация по туру должна читаться на одной странице без дополнительных кликов. Разве что колесико мышки разок крутнуть, или пальчиком вверх провести если текста много. 17. Оверлейные серые цифры дней и плюсы/минусы. Что то в этом есть, но вряд ли мы сможем это использовать. Вводить информацию по турам будут сами организаторы в виде набора текстовых полей и подборки фото. Ручной верстки по каждому туру не предполагается. Такие штуки значительно усложнят ввод и модерацию. 18. Отзывы о туре. Ну не знаю что сказать. Вроде и ничего, но как то не особо гармонично с остальным.

Кир Ш. #8, Маша, здравствуйте! Окинули с утра свежим взглядом. Первое что хочется сказать - поблагодарить за гармонию. Дизайн выглядит цельно, цвета и картинки гармонируют. Уже нравится. Начинаем разбор по элементам. Общие элементы 1. Сервисная строка - очень хорошо. Если под ней картинка или контрастная заливка - будет звучать. Разве что кнопки соцсетей чутка разделить с избранным. 2. Отсутствие левого меню, общий дизайн в одну колонку. Не скажу что это сильно нравится, но можно попробовать поразвивать эту концепцию. Явного отторжения нет. 3. Хедер в целом немного рыхловат и высоковат. Выравнивание по центру не нравится. Меню разделов, лого и слоган на фоне фото не смотрится. Я в общем уже готов с этим смирится концептуально, но общий цветовой контраст надо менять. Например, белые рамочные кнопки разделов на волнах сливаются. 4. При такой концепции дизайна хочется разместить под хедером “хлебные крошки”. 5. Футер норм. Мы вряд ли будем там размещать виды спорта, но общий концепт устраивает. Главная - путешествия 6. Фильтр не плохо. Период с - по, надо менять на “Период” и “Продолжительность”. Период будет выбираться из списка вариантов, а не календарем. Поскольку продолжительность - слово длинное, скорее всего будет кривовато. Можно сделать выпадающий список выбора, с элементом по умолчанию “От 1 дня” или подписью “Количество дней”. 7. Меню видов спорта - двоякие ощущения. Надпись DRIVE СПОРТ режет глаз. Сразу убираем и не вспоминаем больше. Насчет круглых иконок и подписей под ними на белом фоне….не знаю. Есть какое то ощущение незавершенности. Тем более, что следующий элемент придется убрать. Не понимаю как добиться гармонии. Кстати по порядку значимости элементов навигации, я бы разместил этот элемент навигации НАД фильтром. Возможно тогда и зазвучит. 8. Блок DRIVE ЭТО с картинкой хорош для страницы эбаут, а не для центра главной. В прототипе мы пробовали его на главной в качестве заполняющего элемента снизу. Туда же, где партнерская программа. 9. Списку туров не хватает навигационноых элементов. Управления сортировкой, страничек, листалки. 10. Карточки - нот бэд. Но не восторг. Я уже писал вашим уважаемым конкурентам, что предпочтем горизонтальные карточки. Хотя это не обязательное условие победы. Просто на начальном этапе проекта, количество туров будет измеряться единицами и их размещение в три столбца - это как расческа для трех волосин на лысине. От канонов material design эти прямоугольнички далеки (или картинка сильно заблурена ;). 11. По элементам карточек. Рейтинг на фото тура в карточке - гуд. Иконка вида не нуждается в подписи. Я бы попробовал совместить ее с тренером. Слово продолжительность заменяем на явный интервал дат “6 дней - с 6 по 12 сентября”. Не хватает блока краткого текстового описания. Сердечко избранного должно быть 2-х видов. Контурное, если тур не в избранном, и закрашенное, если он добавлен в избранное..но цвет тогда другой. 12. В качестве постскриптума по главной. Боюсь что после изменения порядка элементов по моим замечаниям, общая гармония странички рассыпется. Но надо пробовать, потому что в таком порядке - никак. Продолжение следует.

Кир Ш. #8, Маша, доброй ночи! Спасибо большое за дизайн. Есть вещи, которые прям сразу понравились. До утра воздержусь от подробного разбора - голова еще не переключилась с предыдущего решения, а хочется избежать сравнений. Завтра обещаю подробные впечатления.

Кир Ш. #7, Да, еще одно забытое дополнение. Понравился текстурный отчерк - оживляет изрядно. Явно надо переделывать с учетом пунктов 1 и 3, но это гуд.

Кир Ш. #7, Продолжаем по порядку элементов. Начало в предыдущем сообщении. Плитки / карточки туров в списке. 12. Пропорции не нравятся. Можете попробовать поразвивать вариант с вертикальными плитками, но целом, мы склоняемся к горизонтальным “строкам” списка. Ориентируемся на стандартные пропорции фотоиллюстраций 3*2. 13. Элементы туров не выглядят ни плитками, ни карточками и от того, так же недостаточно контрастны. Посмотрите гайдлайны Гугла по material design,,, 14. На карточке тура не нужна информация о нескольких заездах - только о заезде попавшем в период (если будет попадать несколько заездов, будет выводится несколько карточек одного тура). При этом явно выводятся даты с-по. С другой стороны, на карточке не хватает текстового описания, добавления в избранное / удаления из избранного и возможно кнопки заявки (не критично). 15. Не хватает элементов навигации по списку туров. Сортировка, страницы. Детальная тура 16. В целом не плохо, но есть ляпы. Крестик сверху не понятно что должен закрывать. Стоимость тура и кнопки - перепутаны цвета основной и акцентный. Да и не факт, что стоит цену делать инверсным прямоугольником - он там ни с чем не вяжется. Текст основного описания по прежнему мелковат. 17. Организатора и тренера я бы сделал внизу, после основного описания, по аналогии с плитками туров. 18. Нет навигатора фотографий. Должно быть не только последовательное листание, но и прямой выбор по миниатюре.. 19. Три столбца снизу. - В левом только программа тура - там обычно самый большой массив и им проще всего регулировать размер карточки тура для организаторов. - В среднем не нужен заголовок “программа тура”, оставить просто заголовки что включено, что не включено и что взять с собой. Стоимость здесь лишняя. - Вопросы ответ и отзывы. Не знаю - стоит ли из этого делать 3-й столбец...скорее нет. Потому что размер этой информации не регулируем и изначально там пусто. Лучше это разместить ниже тренера и организатора, оставив два столбца. Карточка тренера 20. Не гармонирует круглая моська из адресной книги с остальным дизайном. Надо делать по образу карточки тура. 21. о, я знаю этого тренера! Ее зовут не Катя Васнецова, а Дуся Кошелкина - она чемпион мира по фейслифтингу! :)

Кир Ш. #7, Добрый вечер, Лис! Спасибо за работу. Есть одна гармония, которая понравилась, остальное так себе. Есть ощущение, что не читаете обратную связь, которую даю по другим вариантам. Есть довольно очевидные ляпы, с которыми мы не готовы мириться и которые подробно обсасывали. Может я не правильно ее публикую и вам она не видна? Далее последовательно по элементам. Общее 1. В общем и целом очень много зеленого, он хаотично разбросан по страницам. А это “цвет акцента”. Им выделяется небольшое количество элементов, “изюминка”. 2. По прежнему не сбалансирована контрастность ни в одном из вариантов. На разных областях страницы зрение приходится напрягать по разному. Основная причина - слишком тонкие рамки прямоугольных элементов при отсутствии высоты (тени) и/или заливки. 3. Верхняя, “сервисная” строка. Уже писал, что мы не готовы отступать от канонов в ее содержимом. Это управление акаунтом, контакты, авторизация, избранное, история, заявки, личные сообщения и т.п. Главная страница 4. Сразу забываем про первый и третий вариант. Первый не гармоничен - список левее фильтра. Третий просто не очень - у вашего конкурента горизонтальный поиск удался много лучше. Дальше работаем только со вторым вариантом. 5. Во втором варианте главная сила - уравновешивание логотипа вертикальным поисковым блоком.. И пусть это избитый вариант, намозоливший глаза на booking.com (страница результатов поиска) и куче рентакарных сервисов, но его можно сделать очень неплохо. При таком подходе - фильтр будет доступен всегда, а не только в разделе туров….и наверное, это хорошо. 6. Поисковый блок при таком раскладе (5), обязательно надо делать на залитой подложке, или вообще в инверсии. Он должен сразу притягивать внимание, но не резать глаза. Иначе юзеры его там просто не увидят сходу - будут читать основной текст по центру. Посмотрите на букинг - сложно не заметить желтую прямоугольную область...При этом цвет приглушен, и она не режет глаз, не отвлекает. Попробуйте например #C5CAE9 из палитры брендбука. А еще у него слишком тонкие рамки контролов, но это надо анализировать после покраски подложки. 7. Блок поиска более важен по смыслу, чем меню разделов Тренеры, Статьи, Регионы, поэтому их стоит размещать под блоком фильтров. Контакты, Форум, всякую личку, при таком подходе можно вывести в сервисную строку. 8. Подпись “Быстрый поиск драйва” и слоган “Эмоции мы помним всю жизнь” не понравились оба. Понимаю конечно что вкусовщина, но давайте заменим на “Поиск тура” и “Активные путешествия”. При этом заголовок фильтров можно сократить и до простого “Поиск”, а слоган убрать вообще. 9. Содержимое блока фильтров требует коррекции. Заменяем или дополняем С - ПО на одно поле выбора. - там будут месяцы, пары месяцев и сезоны. Фильтр по цене лучше пока заменить фильтром по продолжительности - тоже выпадающий список выбора. Пока количество туров не меряется тысячам, фильтр по цене не обязательным - хватит и сортировки по цене. 10. Виды спорта - тут двояко. С одной стороны хорошо, что их можно сделать “табами” с фиксацией активного, скроллом и т.д. Удобно так же, что в любой момент можно перейти к варианту “только иконки без текста”, когда их станет много. Но вот визуальное решение - вообще никакой гармонии! Режущие глаз иконки и сливающиеся надписи с рамками. 11. Большой-пребольшой баннер продвигаемого тура, занимающий львиную долю страницы. Ни в каком из вариантов надписи на фотографии не выглядят прилично, да и сам этот большой баннер нафиг не нужен. Давайте его просто уберем и сконцентрируемся на списке. А продвигающий банер поперек всей страницы сверху, мы всегда сумеем засунуть - оно к любому дизайну подходит. продолжение следует

Кир Ш. #5, Алина, здравствуйте! Спасибо за неослабевающий интерес. Впечатления от просмотра двойственные: - С одной стороны не стало явных противоречий. Это явный плюс. - С другой, визуальное впечатление смазалось. Появилась тяжеловесность и неаккуратность в накиданных элементах, они не вяжутся. Далее постараюсь сформулировать поконкретнее по элементам. 1. Хедер в целом стал слишком высоким и безвкусным, несмотря на то, что у меня теперь нет претензий по взаимному расположению элементов навигации :) Такой вариант мы пробовали сами, когда рисовали прототип. Если банально выпилить область с логотипом будет сильно лучше, несмотря на то, что совсем скучно. Нужна какая то другая идея, ее нет (( 2. Сервисная строка - нет претензий. Аккуратно и не броско - то что надо. Может быть только в борьбе с паразитной толщиной хедера, попробовать сделать тоньше. 3. Строка с логотипом - Бррр. Смотрится как “...и сбоку бантик”. Мы сами пробовали совмещать лого на одной горизонтали с другими элементами управления - не преуспели, по вертикали его “уравновесить” проще. Может у вас получится лучше, вы же Дизайнер! Может быть надо вообще отказаться от лого, но тогда шапку надо чем то оживлять. 4. Меню разделов и строка фильтра. Аккуратно и все на месте, но как писал выше - слишком большая высота - тяжеловесно. 5. Понравился вариант с размещением под видами спорта блоков аккордеона с избранным и заявками. Однако само визуальное решение левого меню не понравилось. Это меню не должно зависеть от фильтра, а кажется что оно “выпало” из видов спорта. 6. Ближайшие туры под левым меню не вяжутся ни с чем. Их стиль противоречит всему остальному. 7. Строка сортировки и навигации по списку - отлично, нет вопросов! 8. Карточки списка выглядят не целостными. Сначала мне показалось что они ухудшились из за несуразных “лайков” в углу фото, потом я заметил некоторые положительные изменения. Но гармонии нет, и все еще хочется сделать пошире.

Кир Ш. Дамы и господа, здравствуйте! Спасибо всем рисующим, читающим и пушущим. Я полностью на связи и готов отвечать два раза в день - утром и вечером. Пока ни у кого в списке туров не увидел управления сортировкой, а явно надо бы. Да и переключение страниц поиска предпочитаю с указанием общего количества найденных туров и текущей страницы цифрами, а не цепочкой кругленьких маркеров.

Кир Ш. #2, Алина, здравствуйте! Простите за задержку обратной связи. Поскольку вы успели предоставить альтернативный концепт главной, давайте я отпишу сначала подробно по нему, а потом по остальным элементам, представленного ранее варианта. Главная (новый вариант) 1. Material Design по прежнему на высоте! Нравится. Микроскопические элементы дисгармонии типа “прилипшего” к подложке логотипа рихтуются при финальной проработке. 2. Верхняя строка шапки выглядит гармонично, до тех пор пока не понимаешь что там в середине контактов замешаны основные разделы сайта. Притом сделано это низко-контрастным шрифтом! При первом беглом просмотре я даже этого не понял Верхняя “сервисная” строка призвана быть незаметной и легко читаться только тогда, когда пользователь подсознательно переведет на неё взгляд, желая залогиниться или посмотреть контакты. У большинства современных пользователей с этой строкой ассоциируются вполне четкий набор действий и не надо пытаться ломать этот стереотип. Попробую эти действия перечислить: - перейти на главную (если в строке присутствует лого) - посмотреть контакты организации - посмотреть на индикаторы оповещений или состояний (избранное. подписки, личка и т.п.) - зарегистрироваться - авторизоваться - настроить параметры акаунта или сеанса типа языка, валюты и т.д. - посмотреть прочие сервисные возможности, связанные с акаунтом Сужу конечно по себе, но у меня при перечисленных потребностях, сразу взгляд идет вверх, в поисках сервисной строки. И я никогда не стану там искать основных разделов сайта, которые должны быть “высечены” значительно эффектнее - типа “направо пойдешь, коня потеряешь, налево пойдешь..” 3. Логотип по центру, автоматически тянущий за собой стремление к выравниванию по центру всей страницы. Ну вот не звучит, и все тут! Пробовал я этот вариант и так и сяк на прототипах. Не хватает мне компетенции объяснить в чем дисгармония, но не звучит. Может просто его чем то уравновешивать надо - не знаю. 4. Фильтр..А вот к фильтру претензий почти нет, за исключением таких же мелочей, как п.1 - подправить размеры и возвышение элементов (кнопка не должна быть ниже полей ввода) - немного увеличить контрастность (возможно просто размером шрифта) 5. Виды спорта в горизонтальной навигационный строке… Нельзя их размещать под фильтром! Причинно-следственная связь нарушается. Фильтр это элемент раздела “Туры”, являющегося по совместительству главной страницей. А виды спорта - это прямые переходы на разделы соответствующих активностей. Да и масштабирование по видам спорта будет кривым - если их будет 10, придется делать 2 строки. Это будет ужасно. Если мыслить позитивно, то виды спорта должны быть либо в левом меню, как в прототипе, либо например, уравновешивать логотип сверху. Предложенный вариант точно не принимается. 6. Список плиток / карточек. С одной стороны, я укрепился в приоритете вытянутых горизонтальных плиток, с другой, они у вас получились не гармоничных пропорций - слишком высокие. Посмотрите например, как это сделано на одном очень популярном сайте. https://fotki.yandex.ru/next/users/etapochkin/album/160137/view/608460 Я не призываю делать настолько широко, но поскольку мы ориентируемся на пропорции фото 2 х 3, я бы визуально делил плитку на 3 секции примерно равной ширины: фото, описание, параметры и управление. таким образом, пропорции плитки будут примерно 2 x 9 или шире с учетом рамок. 7. Floating Action Button в центре иллюстрации на плитке...Не понял что он должен означать. Неужели добавить свой тур ? :) 8. Ближайшие туры в подвале. Я писал, что ближайшие туры это хорошая мысль. Только не для подвала. я видел себе их как раз основным списком плиток с подзаголовком, при не заполненном фильтре. В подвале они как то ни к чему. 9. Подвал...ну в целом гармонично. Только обсуждать пока смысла не вижу, соответственно и переделывать тоже. Это “меню того что никуда не влезло и нужно редко” и компактный дубль основной навигации. Проще пока оставлять таким. Главная (старый вариант) 10. Ага, теперь я понял, что значила FAB с плюсом в новом варианте плитки! Видимо это добавление в избранное. К сожалению, понял я это только сейчас - совсем не очевидно. Раньше стандартом де-факто была звездочка, сейчас ее массово вытесняет сердечко. А плюс больше ассоциативен к добавлению в корзину - т.е. к заказу. Да и сам элемент Floating Action Button по канонам M.D. нельзя использовать массово и в списках. На одной форме такая кнопка должна быть одна. http://www.google.com/design/spec/components/buttons-floating-action-button.html#buttons-floating-action-button-transitions 11. Детальная тура. Уже писал что она не выразительна. Надо играться с оформлением. Добавлю еще один важный момент: Фото и иллюстрации должны быть в одном месте. Одно крупное фото в начале и навигатор - листалка. Это связано с жесткостью формы ввода описания тура для организаторов. Поскольку мы не хотим делать отдельную ручную верстку по каждому туру, в распоряжение организатора дается набор текстовых полей и общая папка загрузки, куда он может кинуть до 10 фотографий и иллюстраций. Сайт сверстает это автоматически. Реализовать обтекание текста вокруг фото, в правильных по контексту местах сайт не сможет. И не надо брать в расчет текущие странички - они то как раз верстались вручную, и от желаемого дизайна бесконечно далеки. 12. Остальные страницы и иллюстрации в целом лишние. Мне жалко времени, которые вы на них потратили. Предлагаю ограничиться двумя конкурсными страничками в пассивном состоянии, т.е. без раскрытия комбобоксов и увеличительных стекол. Мы безусловно поговорим о них в случае вашей победы. Спасибо за ваши предложения. Удачи!

Кир Ш. Дамы и господа, спасибо большое за ваш интерес, вашу работу и талант. Работы очень нтересные. С нетерпением жду продолжения. Скорее всего, не смогу оперативно реагировать до понедельника. В понедельник обещаю детальную обратную связь по всем вариантам и вопросам. Отличных всем выходных. Драйва и позитива! ..почему то хочется увидеть гоизонтальные плитки в один столбец :)

Кир Ш. #2, Алина, здравствуйте! Большое спасибо за проделанную работу. Прошу прощения, пишу очень кратко. Через несколько минут 'выпаду из интернета' до понедельника. Детальный разбор обещаю отписать в понедельник. Есть много интересных элементов и подходов, которые понравились, но именно как отдельные походы и элементы. Дизайн целиком 'не звучит'. Наверно у меня уже работает инстинктивное отторжение на страницы вида 'длинная простыня лендинга, где смешаны в кучу кони, люди на одном рулоне 54метра'. Однозначно понравилось: 1. Следование канонам MaterialDesign 2. Бэкграунд в виде контурной карты региона - оживляет 3. Ненавязчивый header 4. Разумный баланс применения прямого и инверсного оформления 5. Плитки....но есть что сильно улучшить 6. Ближайе туры. Это хорошее заполнение главной при не заполненных полях фильтра. Однозначно не понравилось 1. Наверно это модно размещать сверху одну большую фотку, и элменты управления на ее фоне. Считаю это не очень хорошей практикой - отвекает. 2. Этот логотип на фотоподложке нельзя размещать категорически...думаю не надо расписывать почему. 3. Скучное описание на детальной тура. Шапка нот бэд, а дальше - 'школьное сочинение'. 4. 'Стать организатором' на детальной странице тура повеселило :) Это уже чей то тур. Нельзя стать его организатором. Все, прошу прощения. Сейчас останусь без сети. Очень надеюсь на продолжение. В понедельник дам детальный фидбэк.

Кир Ш. #1, Итак Лис(а?), поехали по порядочку. Правда многое понравилось, но и возражений будет много. Нумерация сквозная Начнем с общего 1. Если бросить беглый взгляд, не читая тексты и не разглядывая картинки, то общая 'атмосфера' и цветовая гамма почти такая, которую и хотели получить. Разве что хочется немного поконтрастнее. - может добавить инверсных элементов с белым текстом - явно заменить основные массивы текста с [primary color], на [primary text color] и [secondary text color] (см. задание) 2. Точно нужен общий header сверху с контактами, слоганом, индикацией авторизации, индикацией избранного. Да, это суперштамп! Но без него - это как разместить руль автомобиля в багажнике. Типа сел на место водителя, опаньки....а руля то и нету (( 3. Конечно, написанное в п.2 не относится к мобильным версиям, особенно ориентированным на телефонные лэйауты. Но этого не было в задаче. Возможность использования планшетного браузера НЕ является требованием отрисовать экраны нативного мобильного приложения! Убираем мобильные экраны сразу, чтобы не распыляться. Главная страница 4. Первый выбор, который делает потенциальный клиент, попав на главную, это выбор своего вида спорта. Поэтому выбор вида, сколько бы их не было - это всегда дистанция в один клик от главной - не больше! Есть не большой процент 'неконкретных', желающих 'чего нибудь активного'. Для них остается сортировка по цене и выбор региона. Это в хлам разбивает предложенную концепцию главной. Каждый вид должен быть отдельной кнопкой на главной - это обязательное требование. Отсутствие прямой навигации по видам спорта допустимо только на страницах, где вид уже жестко зафиксирован. 5. Понравилось использование иконок видов спорта в плитках списка туров. Стоит расширить это использование и на детальную тура. Иконки хороши, правда находятся а разных вселенных с элементами логотипа.. 6. По поводу логотипа вообще. Я уже писал, что построение дизайна вокруг него это пожелание, но не обязательное требование. Вам почти удалось сбалансировать его с левым меню. Уже хорошо, но навигация по этим элементам меню не приемлема. Про виды спорта писал выше. 7. Тренеры, Статьи и Контакты, это обязательные элементы навигации. А вот [карта туров], [расписание туров], [для новичков], [оставить заявку] - этого вообще не должно быть на главной, да и вообще где бы то ни было в панелях навигации. 8. Главная страница не сбалансирована визуально и не соответствуют общепринятому в европейских канонах порядку чтения 'по букве Z'. Поля выбора фильтра точно не должны быть ни снизу, ни справа. Каноническое сверху над списком нас вполне устроит. Слева фильтр, справа список тоже рассмотрим, но список выше фильтра прошу не предлагать. 9. Поля фильтра и подписи, выровненные по центру или размещенные посередине иллюстрации - это чересчур авангардно для меня. Детальная тура 10. Понравилась больше всего. Это единственная более-менее сбалансированная страница из предложенных. Самое существенное возражение писал выше - по цвету текста. Не стоит все делать основным индиго - это цвет заголовков и разделителей.. Для массивов текста достаточно двух градаций серого. Остальное мелочевка для детальной проработки. 11. Обязательно должна быть навигация - листалка фотографий. 12. Основное описание слишком мелко. Точно не мельче чем требования. 13. Цены спрятаны мастерски - фиг найдешь :) Должны читаться с беглого взгляда и быть сгруппированы визуально с заездами и кнопкой заказа. 14. Нет индикации и управления избранным. Нигде. 15. Стрелки навигации <тур назад> и <тур вперед> совсем лишние. Такая концепция пригодна для нативного мобильного приложения с фиксированным порядком туров, но не сайта. где таких понятий нет в принципе. Страницу тура можно вообще открыть по прямой ссылке без всякого списка. Предлагаю поберечь инверсию для более весомых элементов :) 16. На детальной тура не хватает - блока сокращенной информации об организаторе и/или тренере со ссылкой на детальную - отзывов - ссылки на обсуждение, либо вопросов и ответов Пожалуй на сегодня хватит. Остальные соображения нет смысла высказывать до отработки этих. Слишком большие изменения потребуются - я пока не представляю во что это выльется. Огромнейшее спасибо за работу Fox! У меня анализ предложенного варианта занял больше двух часов. Вы явно потратили намного больше. Снимаю шляпу.

Кир Ш. Пока небольшое замечание насчет адаптивности - это было в брифе. Адаптивная верстка требует существенно больших усилий и компетенций как на проработку, так и на тестирование результата под разные экраны и концепции устройств. Поскольку это первая версия дизайна еще не существующего сайта, нам не хотелось бы увлекаться адаптивностью. Дизайн должен быть прост, понятен и легок. Как в использовании, так и в модификации.

Кир Ш. #1, Здравствуйте Fox! Спасибо большое за дизайн. Вы сходу внушили мне оптимизм, и веру в успешное завершение конкурса :) - Цветовой баланс и общая гармония элементов - хорошо - Набор элементов и взаимное расположение похуже, есть существенные несогласия. Но с этим можно работать дальше. Сегодня вечером распишу подробно.

Кир Ш. @Anton K. Здравствуйте, Антон! Я написал в задании, что использование логотипа в неизменном виде не является обязательным. Логотип для еще не разработанного сайта точно не является стоп-фактором. Предлагайте варианты. При этом стоит заметить, что если кто-то предложит интересный вариант с использованием этого лого, я буду считать это положительным фактором.

Кир Ш. Здравствуйте, дамы и господа! Приятно познакомиться. Это мой первый опыт работ с площадкой GoDesigner, поэтому прошу простить заранее за возможные огрехи относительно принятых практик. Рассчитываю на плодотворную работу в обстановке взаимного уважения, доверия, и конечно креатива.

GoDesigner Друзья, в брифе возникли изменения, и мы убедительно просим вас с ними ознакомиться.