Заказ закрыт
Макет главной страницы работающего музыкального портала

Бюджет: 300 $/заказ
Победители конкурса
2 место: Ro­man K
3 место: Д­мит­рий webs
Результаты конкурса: 4ydo.com/SND%20-%20Result...

Адрес ресурса для ребрендинга: soundeo.com

Победитель получит заказ на разработку полного дизайна всего сайта с бюджетом до $3000 USD.

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

В данном конкурсе от вас требуется сделать дизайн только главной страницы, показать, как вы видите развитие дизайна данного ресурса. Логотип на этом этапе делать не обязательно, главное – index страница, на которой будет видна концепция дизайна и с которой будет определен победитель.

В текущем дизайне многое хорошо, так сказать, отработано временем. Перед тем, как что-то кардинально менять – подумайте несколько раз. Как говорится – 7 раз отмерь, один раз отрежь.

Что я хочу увидеть:

1) Минималистичный стиль.
2) Компактность элементов и информации из-за большого колличества информации.
3) Яркие, бодрые, но выдержанные фирменные цвета.
4) Минимум теней и градиентов.
5) Решенные вопросы с выделением данных о треке, меню, пользовательским меню и другими узкими местами текущего дизайна.
6) Умное расходование экрана пользователя и свободного пространства. Не надо наваливать всё в кучу, но и не надо оставлять кучу свободного места – у нас его впринципе быть не может в силу большого количества информации.
7) В списке треков обложка трека должна быть 30 на 30 пикселей. Допускается отклонение максимум в 5 пикселей.
8) В плеере обложка трека должна быть 50 на 50 пикселей, это оптимальный размер. Допускается отклонение максимум в 10 пикселей.
9) Узкую шапку с логотипом и плеером, т.к. они статичны при прокрутке и не должны занимать лишнее пространство на экране. Если они будут сильно высокими, то очень мало места останется под меняющуюся рабочую область – список треков.
10) Промотку трека в плеере высокой, чтобы легче было попадать по перемотке.

Что мне нравится, что может вам подсказать, в каком стиле нужен дизайн:

1) Люблю метро стиль.
2) Люблю гугловский стиль.
3) Люблю векторную графику.
5) Люблю чистый, выдержанный стиль, с изюминкой в виде фирменных цветов и правильного их применения.
5) Не люблю градиенты и кучу теней.
6) Люблю функциональную простоту.

Вы подходите нам, если:

1) Вы любите векторную графику.
2) Вы любите простые формы.
3) Вы не усложняете простое, но делаете простым сложное.
4) Вы чувствуете легкость в душе и у вас нет желания нагромоздить элементов и рюшечек, лишь бы было.
6) Вы умеете делать макеты так, чтобы их потом реально было сверстать без лишних наворотов. В идеале вы должны быть хорошим верстальщиком, но это не обязательно, главное хотя бы делать удобные для верстальщика макеты.
7) Вы внимательны к мелким деталям.
8) Вы умеете доводить дело до конца.

Похожие проекты, которые помогут вам понять концепцию и позаимствовать идеи:

beatport.com
traxsource.com

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

Отвечу на вопросы, если таковы имеются – спрашивайте.

Цена $300 USD указана только для стартового макета, который поможет определить человека на долгосрочное сотрудничество, дальнейший бюджет будет обговариваться отдельно и будет составлять порядком $3000 USD.

Мои контакты для связи:

ICQ: 6966696
Skype: soundeo-project
Email: info@soundeo.com

Ссылка на полное(90%, наверное) ТЗ, которое будет после конкурса: 4ydo.com/SND%20-%20T3/%D0...

Напомню, сейчас делаем только одну главную страницу.

У многих замечаю типичную ошибку, они начинают тягать функционал, которого у нас нет, с beatport.com и с traxsource.com. Этого делать не надо. Надо задизайнить только тот функционал, который в данный момент есть на soundeo.com . Не надо тащить Топ 10 и плиточки релизов с битпорта и траксоурса. Не придумывайте лишнего.

Обновил информацию по конкурсу 11.03.2013 23:47 по московскому времени. Завтра, ближе к полуночи по Москве, будет объявлен итог конкурса.

Результаты конкурса: 4ydo.com/SND%20-%20Result...

Архив с PSD примерами:
Опубликован 23.02.2013 в 20:38 Последнее изменение: 11.03.2013 в 23:48

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

  • Иван Савон  

    23.02.2013 | 20:49
    +
  • Алексей Гавриш  

    23.02.2013 | 20:50 обновлено: 01.03 2013 | 02:53
    Описание:

    (1:1) – Первый дизайн. Блок с названием трека в плеере растягивается в зависимости от длины названия трека за счет Waveform.
    (1:2) – Первый дизайн с изменённым синим цветом и убранным узором на фоне.
    (1:3) – На скрине показан первый дизайн прокрученный до футера, + к плееру и хедеру будет привязан статичный блок с названием даты и жанра плейлиста, т.е. в самом низу страницы пользователь может увидеть за какое число еще есть выше треки и какого они жанра. Если пользователь уже просматривает треки за другой день то блоки жанров из предыдущего дня исчезают и остаётся только блок с названием даты.В блоке справа остается статичным главное меню. Норм объяснил? :)

    (2:1) – Второй дизайн. В этом дизайне сайт получается фиксированной величины. В правом блоке между меню и блоком фэйсбука специально оставлено место т.к. у пользователей разные мониторы и их разрешения. Блок с плейлистом на мой взгляд на данном примере прокручивать стало удобнее, так же можно реализовать этот блок прокруткой ролика мыши. Так же в этом дизайне нарисован новый плеер, более облегченный в плане графики так сказать.
    (2:2) – Второй дизайн с изменённым синим цветом.
    (2:3) – Второй дизайн с плеером из первого дизайна и немного изменёнными цветами, а так же добавленным узором на фон.

    (3:1) – Начал рисовать, но увидев обновление вашего проекта убрал, вот скидываю бонусом :)
    • Добавлено 01.03.2013 в 02:51
      Макет главной страницы работающего музыкального портала - фото 1
    • Добавлено 01.03.2013 в 02:51
      Макет главной страницы работающего музыкального портала - фото 2
    • Добавлено 01.03.2013 в 02:51
      Макет главной страницы работающего музыкального портала - фото 3
    • Добавлено 01.03.2013 в 02:51
      Макет главной страницы работающего музыкального портала - фото 4
    • Добавлено 01.03.2013 в 02:51
      Макет главной страницы работающего музыкального портала - фото 5
    • Добавлено 01.03.2013 в 02:51
      Макет главной страницы работающего музыкального портала - фото 6
    • Добавлено 01.03.2013 в 02:51
      Макет главной страницы работающего музыкального портала - фото 7
    • Артур Руденко   

      01.03.2013 | 21:56  

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

      • Алексей Гавриш   

        02.03.2013 | 00:37  

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

      • Алексей Гавриш   

        02.03.2013 | 00:46  

        если вас не затруднит, не могли бы вы прокомментировать мои дизайны?

        • Артур Руденко   

          02.03.2013 | 04:41  

          Select styles смогут использовать только люди со сверх способностями. На другом примере Select styles нормальный по функционалу.
          Если делаете фон какой-то не однородный, обязательно должен быть фон под контентной областью. В вашем случае всё "лежит на полу". Это хорошо видно на примере меню.
          Шрифты везде разные, глаза ломаются.
          С waveform в плеере – молодец, правильная реализация.
          Прокрутка по середине страницы – пиз*ец. Даже техническая реализация будет проблематична, не говоря уже об эстетической и функциональной.

          За упорство и трудолюбие – 5+
          За результаты работы – 3-

          Добавьте белый фон под контентную область сайта, станет сразу в 500 раз лучше. Но таких мелких изменений надо делать сотню, чтобы макет пришел в рабочее состояние и не вызывал у пользователей плохую реакцию желудка.

  • Павел Березовский  

    23.02.2013 | 21:27 обновлено: 07.03 2013 | 20:01
    Добавил варианты.

    Подразумевается, что плеер постоянно снизу, и при скроллинге не изменяет своего положения.

    Задний фон думаю сделать с изображением логотипа. Данные фоны служат для примера.

    Размер альбома увеличил до 50х50 пикселей, поскольку так хоть что-то различимо на изображении.

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

    Можно плеер разместить вправо или вверх, меню разместить справа, фон сделать белым и еще много над чем поработать, просто хочется знать первоначальное мнение о дизайне.
    • Добавлено 02.03.2013 в 01:02
      Макет главной страницы работающего музыкального портала - фото 8
    • Добавлено 02.03.2013 в 01:07
      Макет главной страницы работающего музыкального портала - фото 9
    • Добавлено 02.03.2013 в 18:08
      Макет главной страницы работающего музыкального портала - фото 10
    • Добавлено 07.03.2013 в 04:57
      Макет главной страницы работающего музыкального портала - фото 11
    • Добавлено 07.03.2013 в 04:57
      Макет главной страницы работающего музыкального портала - фото 12
    • Добавлено 07.03.2013 в 20:01
      Макет главной страницы работающего музыкального портала - фото 13
    • Павел Березовский   

      02.03.2013 | 23:10  

      Комментарии будут?

      • Артур Руденко   

        03.03.2013 | 02:10  

        Обязательно.

        • Павел Березовский   

          03.03.2013 | 16:51  

          Хотя бы скажите, делать вариант без заднего фона, или так оставить.

          • Артур Руденко   

            03.03.2013 | 19:06  

            Оставьте так. Сегодня позже дам комментарии, в данный момент очень занят.

    • Артур Руденко   

      04.03.2013 | 03:18  

      Много места вокруг строки поиска, а сама строка такая мелкая, хотя это очень важный элемент.
      Плеер внизу – плохая задумка, пользователя никогда ничего не должно ограничивать внизу, психологическое правило в вебе. Пользователь мотает страницу вниз и ограничивать его должен только footer, который является концом страницы.
      Попробуйте применить статичный фон с однородным цветом или паттерном, растровые изображения на фоне это плохо. Весят много, отвлекают.
      Стили сдвинули вправо – плохо, информация должна быть сгруппирована слева. Человек не должен бегать глазами, вся инфа о треке, куда входит и обложка и прослушка, должны быть скомпанованы как можно ближе друг к другу. Вправа юзер должен тянуться за редкими действиями – добавить в избранное и скачать.
      Обложки сделали не по 30 пикселей – плохо, не подумали, почему же сейчас сделано 30 пикселей. А всё завязано на зрительном восприятии. Вот к примеру белый и грасный у вас с чем ассоциируется, если вы смотрите на витрину с газировкой? Правильно, кокакола. А синий, красный, белый? Да, пэпсикола. А вы читаете, что написано на этикетке газировки, если они постоянно крутятся перед глазами или вы знаете, что вы хотите именно кокаколу? Нет конечно, вы краем глаза не задумываясь замечаете красно-белый холодильник, покупаете краснобелую банку и пьёте, вы не читаете состав мелким шрифтом, не сморите даже на надпись coca-cola, у вас в голове уже есть зрительный образ основанный на цвете. Так и у нас. При выборе трека пользователю не надо видеть, что нарисовано на обложке, ему достаточно цветовой гаммы и крупных зарактерных элементов. Каждый лейбл имеет свою цветовую гамму и свой крупный логотип или другой узнаваемый элемент, таким образом человек не читая обложки, понимает, с каким лейблом имеет дело или чей это трек. Я наверное повторюсь, но дизайн это не просто открыть фотошоп, создать кучу папочек, слоёв, нарисовать элементы, раскидать по папкам и отдать на верстку. Дизайн – это целая философия, психология: надо чувствовать и понимать каждую мелочь и деталь.
      Кнопка добавления в избранное у вас пропала и осталась только в плеере.
      Отображение кнопок скачки при наведении – не самый лучший ход, вроде попытались разгрузить зрительно лишнюю информацию, но получился лишний квест для новых посетителей. Когда кнопки отображаются постоянно – любой человек видит, что мы предоставляем два формата, что в данный момент не делает ни один ресурс в интернете, кроме крупных магазинов, но тут он просто видит иконку и только при наведении покажет ему все прелести сайта. У людей психологически заложен только формат MP3, мы же пытаемся донести до людей lossless формат WAV, а если скрыть практически единственное его упоминание на странице, то теряется ся задумка. Спорное решение, вообщем.
      Шрифты использовали тоже спорные, не самое лучшее решение. Тяжело читается. При долгом посещении ресурса будут уставать глаза.
      В плеере кнопки скачки вы робко поставили справа, хотя для них прексрано место сразу перед кнопкой добавить в избранное, а кнопка add to favorites прекрасно поместится после ссылок на скачку.
      Полосочки разделения по датам у вас тоже потерялись. Остались только полосочки стилей.

      Работа гораздо лучше, чем многие здесь уже выложенные на данный момент, но, как видите, не всё так идеально, как хотелось бы.

      • Павел Березовский   

        06.03.2013 | 11:15  

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

        Решил загрузку форматов сделать кнопками для удобства пользования на планшете. И вообще в шапке все пункты находятся на достаточном расстоянии друг от друга, для удобного пользования сенсором.

        Картинки сделал 30 пикселей, хоть все равно считаю, что нужно их сделать больше. Даже приводя ваш пример с пепси и колой вы не учли, что все люди знают, как этикетки этих напитков выглядят, а в случае с альбомами, то их существует огромное множество, и причем каждый раз выходят новые. По крайней мере лично меня при входе на сайт только бесит набор пикселей вместо обложки, ведь хочется понять что там изображено, всматриваешься в самый притык монитора, а результата ноль. И я думаю, что многим людям свойственно такое любопытство. Я не утверждаю, что 50 пикселей намного решают эту проблему, но отчасти становится понятно, что изображено на обложке. К тому же если руководствоваться вашими аргументами,то большие обложки не мешают также воспринимать палитру цветов, как и маленькие, и время на визуальный поиск знакомых альбомов тоже затрачивается меньше, ведь не надо всматриваться в монитор. Но в любом случае вам решать, я просто высказал свое мнение.

        • Павел Березовский   

          06.03.2013 | 14:59  

          Добавил вариант с отображением размеров скачиваемых фалов.

          • Артур Руденко   

            07.03.2013 | 04:32  

            Большие обложки занимают много места, а маленькие нужны не для того, что в них всмастривались, а для визуальной иднетификации. Каждый лейбл имеет характерные цвета, как пепсикола и кокакола, за счет этого люди быстро определяют, что им надо.
            Понравилось визуальное разделение списка треков на колонки и каждый трек на две строчки. Звоеобразная сетка получилась, легко глаз находит, что надо. Правда с цветовым кодированием проблема, то, что в скобочках – название ремикса, не должно отличаться цветом от названия трека. Можно разделить по цвета артистов и название трека, но не ремикс. На битпорте сделано отеделение ремикса, а как показала практика за последние 2 года – это очень бесит и раздражает.

            Оставляйте последний вариант, только кнгопки скачивания в плеере сделайте перед кнопкой add to favorites и иконку закачивания перед каждым типом файла поместите: иконка mp3 66MB иконка wav 330MB.

            • Павел Березовский   

              07.03.2013 | 20:06  

              Добавил последний вариант. В нем есть небольшие погрешности в модульной сетке т.к. спешил на поезд. Можете его не комментировать, ведь все равно доделывать не буду (не будет доступа к компу).

  • Roman K  

    23.02.2013 | 22:39 обновлено: 11.03 2013 | 21:57
    ^
    • Добавлено 04.03.2013 в 04:21
      Макет главной страницы работающего музыкального портала - фото 14
    • Добавлено 04.03.2013 в 04:21
      Макет главной страницы работающего музыкального портала - фото 15
    • Добавлено 04.03.2013 в 04:21
      Макет главной страницы работающего музыкального портала - фото 16
    • Добавлено 04.03.2013 в 04:21
      Макет главной страницы работающего музыкального портала - фото 17
    • Добавлено 04.03.2013 в 04:21
      Макет главной страницы работающего музыкального портала - фото 18
    • Добавлено 04.03.2013 в 04:21
      Макет главной страницы работающего музыкального портала - фото 19
    • Добавлено 08.03.2013 в 07:00
      Макет главной страницы работающего музыкального портала - фото 20
    • Добавлено 11.03.2013 в 21:57
      Макет главной страницы работающего музыкального портала - фото 21
    • Roman K   

      04.03.2013 | 04:35 обновлено 04.03.2013 | 04:37

      1) плеер при необходимости "прячется", что бы не занимать лишнее место :)
      2) основное меню возле логотипа (частый прием, когда нужно сэкономить место), можно добавлять по необходимости дополнительные пункты
      3) в верхней строке отображены только нужные элементы (Player / Premium / Login / Search)
      4) отображаются только треки во всю ширину макета, удобный фильтр стилей и даты вверху
      5) простая цветовая схема и сами элементы, минимальные градиенты использованы только для больших кнопок
      6) каждый элемент (кнопки, поля ввода, иконки) отрисовано с нуля и у всех состояниях – нормальное, при наведении, при нажатии, активное

      Вроде все :)

    • Артур Руденко   

      04.03.2013 | 04:40  

      Во, достойные работы пошли. Есть косяки, опишу чуть позже.

    • Роман Гордеев   

      04.03.2013 | 17:51  

      Хорошая работа:)

    • Артур Руденко   

      05.03.2013 | 06:42  

      Вот я и до вас добрался.

      Зеленый не в тему. Синий крутой, но зеленый нет. Именно такой зеленый точно не оно.
      Я бы использовал еще один цвет к основному синему в качестве вспомогательного, который потом можно будет и в лого заюзать ну и фирменный стиль будет образовывать. И третий цвет в малом колличестве добавить на какие-то редкие элементы, так сказать запасной цвет бренда.
      Сейчас главная проблема всех дизайнов, что здесь представлены – нет фирменности, нет цветов фирменных. У вас почти получилось. Взяли крутой синий, который где-то я уже видел, но не добавили к нему ту самую изюминку, в качестве дополнительного цвета, с которым будет образован единый образ, фирменный стиль проекта. Подумайте над этим, чуть чуть не дотянули по цветовому насыщению. С зеленым полный промах.
      Меню – хорошая задумка, осталось придумать, как туда загнать пользователя, как ему узнать, что там есть меню.
      Плеер хороший. Кнопки скачки нравятся, но иконки можно было и поменять, а не брать от старого дизайна.
      В списке треков кнопку Play можно и больше сделать, раз уж столько места у вас свободного.
      Кнопки скачивания в списке треков у вас потерялись. Осталась одна несчастная иконка. Кстати растояние от информации о треке до кнопки скачать стало нереально огромное. Если не будут делать сайдбар, то лучше было разбить информацию на колонки, на сколько это возможно, но чтобы не было той пропасти, той дыры, что сейчас у вас между информацией о треке и кнопками скачки.
      В футере в кашу смешали информацию. Почему не вытянуть всё в строку? Есть же место свободное.

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

      Молодец, очень хорошая работа.

      • Roman K   

        08.03.2013 | 07:01  

        Немного обновил макет.

  • Anna Butikova  

    24.02.2013 | 00:55
    +
  • Lyubov K  

    24.02.2013 | 01:27 обновлено: 04.03 2013 | 16:42
    Добрый день!
    Предлагаю свое видение данного музыкального портала.
    • Добавлено 04.03.2013 в 16:42
      Макет главной страницы работающего музыкального портала - фото 22
    • Добавлено 04.03.2013 в 16:42
      Макет главной страницы работающего музыкального портала - фото 23
    • Артур Руденко   

      05.03.2013 | 06:29  

      В списке треков вроде попытались разделить данные, но получилось только хуже из-за больших пробелов между данными о треке.
      Самое интересное, что ваш дизайн будет очень хорошо работать, даже не смотря на то, что у вас каша в списке треков из информации и слабый дизайн. Сразу понятно что и где из элементов за счет пёстренького фиолетового и больших иконок скачки.
      Хорошо, что применили waveform с битпорта, видно как развивается трек и удобно пролистывать перемотку.

      Многие идеи слизаны с битпорта, а сам дизайн на слабую троечку.

  • Дмитрий Беляев  

    24.02.2013 | 01:56
    +
  • Эдуард Онуфриев  

    24.02.2013 | 11:05
    +
  • Михаил Зорин  

    24.02.2013 | 11:56
    +
  • Ильнар Сабиров  

    24.02.2013 | 12:26
    +
  • Oksana Klim  

    24.02.2013 | 17:08
    +
  • Сергей Рядовой  

    24.02.2013 | 21:18
    +
  • Anton Egorov  

    24.02.2013 | 22:13 обновлено: 25.02 2013 | 09:59
    UPD: 25/02/13

    Добавил версию с маленькими превью, добавил превью в плеер, добавил новый блок в сайдбар – Ексклюзив треки/релизы. Добавил hover состояние в слайдере с продвигаемыми треками/лейблами. И еще добавил версию с играющей композицией (с таймлайном)
    • Добавлено 24.02.2013 в 22:13
      Макет главной страницы работающего музыкального портала - фото 24
    • Добавлено 25.02.2013 в 09:39
      Макет главной страницы работающего музыкального портала - фото 25
    • Добавлено 25.02.2013 в 09:48
      Макет главной страницы работающего музыкального портала - фото 26
    • Добавлено 25.02.2013 в 09:59
      Макет главной страницы работающего музыкального портала - фото 27
    • Артур Руденко   

      24.02.2013 | 22:24  

      Есть хорошие идеи, но список треков – самую часто используемую часть сайта, сделали громоздой и неинформативной. Сотня треков будет смотреться плохо и будет занимать неоправданно много места по вертикали.

      • Anton Egorov   

        24.02.2013 | 22:27  

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

      • Anton Egorov   

        24.02.2013 | 22:32  

        Я показал стейт страницы как он есть, верхние баннеры это продвигаемые лейблы/треки, если допустим юзер введет что-то в поиске, длинна видимого трек-листа увеличится на высоту баннер-секции. Конечно, если категорически не нравятся большие блоки треков – могу сделать по компактней.

        • Артур Руденко   

          24.02.2013 | 22:36  

          Попробуйте сжать, всё же.

          Я дополнил пункт "Что я хочу увидеть:" в текущем конкурсе. Уточнения.

    • Артур Руденко   

      28.02.2013 | 03:45  

      Список стилей и главное меню в футере никто не найдёт, да и зачем оно там, если вверху есть SELECT STYLES. Лишь бы место занять, получается.
      Иконка в три полоски не понятна для чего, видимо, просто скопирована с битпорта, но у нас такой функциональности нет. Топ 10 также пока безсполезен, как и плитка релизов. Понятно, что с благими намерениями, но это время и внимание можно и нужно было уделить другим мелочам.
      К примеру перенесли кнопку проигрывания трека вправо, это крайне неправильно, т.к. пользователю удобнее идти мышкой по названию трека и сразу рядом кликать на Play, чем каждый раз тянуться вправо. Правило правой руки тут не работает.
      Главная проблема с разделением названия трека, стиля трека, названия релиза и названия лейбла не решена, а просто скопирована со старой версии.
      В целом почти все элементы расположены хаотично и не имеют строгой структуры. Элементы в плеере расположены хаотично, время болтается само по себе, кнопка в три полоски одиноко в углу с кучей пространства вокруг, кнопка Stop вообще не нужна, т.к. Play/Pause решает вопрос с остановкой проигрыша. Название релиза и лейбла болтается также в воздухе.
      Также пространство использовано довольно не разумно, много свободного места, которое можно было бы использовать рационально.
      Pixelperfect практически не соблюдён, растояния между элементами везде разное и не имеет четкой зависимости. Теже ссылки WAV и MP3 в списке треков имеют разные расстояния от верха и низа границы.

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

      Версию свою оставьте, я после конкурса буду раздавать небольшие поощрительные призы тройке финалистов.

    • Артур Руденко   

      04.03.2013 | 21:47 обновлено 04.03.2013 | 21:47

      Нехорошо применять чужие UI, тем более, так нелепо: graphicriver.net/item/aud...

      За это дисквалификация.

  • Artlex Team  

    24.02.2013 | 22:47 обновлено: 11.03 2013 | 23:19
    UPDATE: 11.03.2013 | 23:19
    • Добавлено 04.03.2013 в 01:49
      Макет главной страницы работающего музыкального портала - фото 28
    • Добавлено 06.03.2013 в 00:20
      Макет главной страницы работающего музыкального портала - фото 29
    • Добавлено 06.03.2013 в 01:18
      Макет главной страницы работающего музыкального портала - фото 30
    • Добавлено 08.03.2013 в 20:37
      Макет главной страницы работающего музыкального портала - фото 31
    • Добавлено 10.03.2013 в 15:20
      Макет главной страницы работающего музыкального портала - фото 32
    • Добавлено 11.03.2013 в 23:19
      Макет главной страницы работающего музыкального портала - фото 33
    • Артур Руденко   

      04.03.2013 | 03:44  

      Значек звука в меню вместо плеера – не понимаю, глупо, мне кажется.
      Нигде не указан размер файла, это очень важная информация. По размеру файла пользователи определяют длину трека, качество трек, битый или не битый, диджей микс это на 700 мегабайт или просто трека на 3 минуты.
      Строка с датой у вас только одна и в непонятном месте, интересно посмотреть, как будет выглядеть эта строка для 2 march, к примеру.
      Меого свободного места справа от Just Added. Можно было скомпоновать лучше, чтобы список треков начинался выше.
      Create accaunt -> Create account
      Строка поиска узкая, тяжело будет искать треки, т.к. они чаще всего длинее раза в два, чем сейчас строка поиска.
      В плеере кнопка play всё таки должна быть между prev. и next. Чисто психологически – кнопка play характеризует текущий трек, а кнопки назад и вперед соответственно предыдущий и следующий трек, за счет чего зрительный порядок треков нарушается.
      Правильное решение сделали вынести стиль трека первым во второй строке.
      Цветовая раскраска тоже хорошо идентифицирует инфорацию о треке.
      А вот со свободным местом между треками немного переборщили, У нас 2,700,000 треков, если растягивать, как вы растягиваете, то пользователю прийдется проматывать в раза два больше страницу, чем в идеале, т.е. количество просмотренных треков уменьшится раза в 1.5-2.

      В целом, довольно опрятно, чистенько.

      • Artlex Team   

        04.03.2013 | 04:25 обновлено 04.03.2013 | 09:42

        Спасибо за столь быстрый комментарий к моей работе. Буду работать дальше.
        1. Строка поиска
        Идея заключалась в том, что строка поиска будет расширяться вправо при клике на неё. В противном случае, как вы указали в комментарии, поиск треков затруднится. При этом выпадающий список в поиске тоже будет иметь сжатый вид.
        2. Кнопка play
        Идея: кнопка play в меню расположена на одной и той же вертикали со всеми остальными кнопками play
        Актуальность: обусловлена тем, что меню статичное, и при прокрутке вниз его элементы будут гармонировать с элементами списка треков
        3. White – space в списке треков.
        Благодаря white – space можно добиться чёткости отображаемой информации, а также и удобству её восприятия. В этом и заключалась основная идея.
        Как достигался эффект? Базируюсь на основах типографии в веб – дизайне, отступ в каждой строке списка снизу должен быть больше отступа сверху и другие нюансы.
        Допущенная ошибка: довольно большой отступ сделал сверху, что уменьшило количество потенциально просмотренных треков.
        Ещё раз спасибо за ваш комментарий. Ошибки будут исправлены.

        • Yury Kapelko   

          04.03.2013 | 16:26  

          Действительно хорошая работа. Только не совсем понял перемещение регулятора звука в шапку. А так работа достойная.

          • Artlex Team   

            04.03.2013 | 16:46  

            Спасибо большое и удачи в конкурсе!

        • Артур Руденко   

          05.03.2013 | 06:21  

          1) Желательно держаться сетки 960 пикселей и не делать элементов на всю ширину, в том числе и в плеере. Представьте на мониторе 27 дюймов куда уйдет ваша строка поиска и где будет иконка с тремя полосками справа.
          2) Идею понял, может быть.
          3) Знаю, что такое white space, но у нас не совсем сайт, у нас что-то среднее между сайтом и веб приложением. Какие-то законы применимы, какие-то нет. Мне кажется, что white space здесь плохо играет. Но вам виднее, ваше дело.

    • Артур Руденко   

      06.03.2013 | 00:16  

      На новый скриншот ошибка: Ошибка 404

      • Artlex Team   

        06.03.2013 | 00:22  

        Перезагрузил скриншот. Теперь должен открыться.

        • Артур Руденко   

          06.03.2013 | 00:31  

          Посик шире побоялись сделать? :) Место же есть.
          Добавить в избранное потерялось в списке треков.
          Стрелочку на кнопках скачки в плеере наверное стоит убрать, если вы не предусмотрели там какое-то ненужное меню.
          Продолжительность трека лучше сделать сразу после названия трека.

          • Artlex Team   

            06.03.2013 | 00:42  

            Не делал шире, чтобы избежать нагромаждённости блоков в верхней части.

          • Artlex Team   

            06.03.2013 | 01:19  

            Добавил исправленный вариант.

            • Артур Руденко   

              06.03.2013 | 01:23  

              Оставляйте. Ок.

              • Artlex Team   

                06.03.2013 | 01:51  

                Если Вас не затруднит, могли бы Вы дать оценку данной работе?
                Стоит ли мне представлять новый вариант в совершенно другом стиле?

                • Артур Руденко   

                  06.03.2013 | 04:06  

                  Что значит в совершенно другом?

                  • Artlex Team   

                    06.03.2013 | 07:55  

                    Иные цвета, иная композиция и другое

                    • Артур Руденко   

                      07.03.2013 | 04:53  

                      На ваше усмотрение.

                      Сейчас хорошая работа получилась.

                      • Artlex Team   

                        08.03.2013 | 20:45  

                        UPDATE: изменил шрифт, выделил заголовки.
                        Идея обложек треков, находящихся слева, заключается в том, что это порядок воспроизведения треков в плеере. Воспроизводимый трек стоит на первом месте. Данная группа фиксирована также, как и меню.
                        Актуальность: удобство переключения между треками

                        • Артур Руденко   

                          11.03.2013 | 01:20 обновлено 11.03.2013 | 01:20

                          Интересная задумка, спасибо. Но шрифты плохо читаются, лучше взять те, что сейчас на саундео.

                          • Artlex Team   

                            11.03.2013 | 02:30 обновлено 11.03.2013 | 02:32

                            Будет сделано. Также добавлю вариант с сайдбаром.

  • Евгения Каботова  

    25.02.2013 | 09:02
    +
  • Евгений Корчагин  

    25.02.2013 | 13:30 обновлено: 12.03 2013 | 00:27
    Мой вариант. Общая стилистика – стиль Win 8 + minimalism.
    Остались 2 момента, которые пока не приходят в голову:
    Как оформить переключение страниц и выбор по дате (можно ли сделать ползунок в последнем?)
    • Добавлено 12.03.2013 в 00:27
      Макет главной страницы работающего музыкального портала - фото 34
  • Станислав Кришталь  

    25.02.2013 | 14:45 обновлено: 01.03 2013 | 13:22
    Хотел бы услышать комментарии. Что нравится, а что нет? Что бы Вы хотели изменить? Спасибо
    • Добавлено 27.02.2013 в 13:59
      Макет главной страницы работающего музыкального портала - фото 35
    • Добавлено 27.02.2013 в 13:59
      Макет главной страницы работающего музыкального портала - фото 36
    • Добавлено 27.02.2013 в 17:43
      Макет главной страницы работающего музыкального портала - фото 37
    • Добавлено 01.03.2013 в 13:22
      Макет главной страницы работающего музыкального портала - фото 38
    • Артур Руденко   

      27.02.2013 | 15:22  

      Дублирование меню и, главное, выбора стилей в футере – неоправданно и не нужно совсем.
      Сомнительное по функциональности использование выпадающего меню напротив каждого трека, это усложняет главную функцию сайта – скачивание трека. Понятно, что оно экономит место, но кажый раз тянуться к выпадающему меню, чтобы скачать трек или добавить в избранное – нас проклянут сразу.
      Я бы сделал шрифт темнее. К примеру, шрифт в меню режет глаза, такое ощущение, что он сейчас исчезнет. Это при том, что у меня монитор откалиброван. На ноутбуках без калибровки будет выглядеть совсем прозрачным и глаза пользователя долго не протянут.
      Маленькие элементы плеера будут затруднять его использование. Тяжело попасть по значку вперед-назад и play/pause. Также часто люди используют промотку, попасть по такой тонкой линии очень тяжело.

      В целом чистенько, хорошо, но есть важные недочёты.

      • Станислав Кришталь   

        27.02.2013 | 17:45  

        Спасибо. Добавил вариант, с правками по вашим комментариям. Я так понимаю по функционалу на сайте ничего не добавится\не исчезнет и необходимо просто графически оформить то что есть на сайте сейчас?

        • Артур Руденко   

          28.02.2013 | 03:54  

          Да, ничего не добавляется на данной стадии. Делается ребрендинг главной страницы рабочего сайта.

          У вас, кстати, монитор откалиброван? Яркость/контрастность. У меня, к примеру, строка поиска сливается в одну черную полосу с TOP меню полоской. Серый цвет(#c7c7c7) шрифтов тоже какой-то непонятный, как буд-то исчезнуть хочет. Может серый так плохо с ярко-синим контрастирует. Ярко-синий слепит, может. Странный эффект, вырвиглазный, хотя только два цвета используется, по факту. Попробуйте цвета поменять, а остальное оставьте, как есть.

          • Станислав Кришталь   

            01.03.2013 | 13:22  

            UPD. Покрутил цвета, на моем мониторе стало менее "вырвиглазно"

            • Артур Руденко   

              01.03.2013 | 16:51  

              Да, сейчас цвета уже не так режут глаз.

    • Дмитрий Долгополов   

      01.03.2013 | 11:38  

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

  • Денис Шин  

    25.02.2013 | 16:46
    +
  • Дмитрий webs  

    25.02.2013 | 19:27 обновлено: 11.03 2013 | 23:59
    1.0
    Опубликовал первую версию.
    Ещё поработаю над концепцией.

    1.1
    Сделал шрифт Тахому. mp3 и WAV теперь большими. Сделал основной цвет красный (можно легко изменить на другой). Изменил плеер + добавил иконки для повторения трека и перемешивания (правда не знаю планируете ли вы такой функционал, но по-моему, это очень удобно). Есть ещё идеи, но сон одолевает. До среды постараюсь выложить ещё пару версий, но думаю, мой почерк вам понятен.

    1.2
    Оранжевый вариант. Выровнял текст и полосу прокрутки в плеере.

    1.3
    Зелёный вариант

    1.4
    Синий
    • Добавлено 10.03.2013 в 04:39
      Макет главной страницы работающего музыкального портала - фото 39
    • Добавлено 11.03.2013 в 06:50
      Макет главной страницы работающего музыкального портала - фото 40
    • Добавлено 11.03.2013 в 07:44
      Макет главной страницы работающего музыкального портала - фото 41
    • Добавлено 11.03.2013 в 23:39
      Макет главной страницы работающего музыкального портала - фото 42
    • Добавлено 11.03.2013 в 23:59
      Макет главной страницы работающего музыкального портала - фото 43
    • Артур Руденко   

      11.03.2013 | 01:24 обновлено 11.03.2013 | 01:24

      Хорошая работа, но шрифты, как и у многих, нечитаемы. Глаза вывалятся у наших клиентов.
      WAV и MP3 лучши писать большими буква, так правильнее.
      Цветовое насыщение мрачноватое.

      • Дмитрий webs   

        11.03.2013 | 02:40  

        1. Что вы имеете ввиду под нечитаемыми шрифтами? Это шрифт, который почти везде сейчас в Windows 8 и на сайтах Windows... Может быть вы про размер шрифта? Или про сглаживание? Если последнее, то в фотошопе нельзя сделать такое же сглаживание, как в браузере.
        2. Сделаю большими, не знал.
        3. Сейчас делаю пару альтернативных цветовых схем.

        • Артур Руденко   

          11.03.2013 | 02:44  

          1. Возьмите Tahoma, к примеру. Для списка треков. Там глаза пользователя чаще всего находятся и буду уставать от таких шрифтов.

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

          • Дмитрий webs   

            11.03.2013 | 06:51 обновлено 11.03.2013 | 07:46

            Добавил новую версию, интересен ваш комментарий.
            Есть ещё идеи, постараюсь до среды выложить.

            • Артур Руденко   

              11.03.2013 | 15:21  

              Конкурс заканчивается через 11 часов, до среды уже времени нет. Оставляйте, что успеете.

              • Дмитрий webs   

                12.03.2013 | 00:00 обновлено 12.03.2013 | 00:10

                Та конкурс до 13-го всё таки? То есть ещё почти 24 часа?

  • Элина Чаниева  

    25.02.2013 | 21:15
    +
  • Павел Плахотя  

    25.02.2013 | 23:31
    Пожалуй добавлю работу, если успею.
  • Shovkat Kukanbaev  

    26.02.2013 | 01:20
    +
  • Vladimir Vorfolomeev  

    26.02.2013 | 12:13 обновлено: 27.02 2013 | 16:11
    Да мне не стыдно показывать свои работы. Специально для показа вашего отношения к фрилансерам выставил.
    Но работа не участвует в конкурсе.

    PS. Восстановлю свой ранее сказанные слова для справедливости, если кто не читал. Работа не завершенная, и является предварительным макетом, который предполагал добавления дополнительных элементов, таких как полоса прокрутки трека, новые аудио записи и другие. Но за не добросовестного отношения Артура, Я снимаю кандидатуру с конкурса.
    • Добавлено 27.02.2013 в 16:08
      Макет главной страницы работающего музыкального портала - фото 44
    • Артур Руденко   

      27.02.2013 | 15:36 обновлено 28.02.2013 | 03:55

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

      Очень слабая работа, но хотя бы подробно описали ход своих мыслей, спасибо.

      • Vladimir Vorfolomeev   

        27.02.2013 | 15:42 обновлено 27.02.2013 | 15:50

        Не нужно делать догадок. Работа заняла более 4 часов работы. Имейте какое-то уважение. Половина иконок разработана лично мной для веб сайта распространения электронных продуктов и имеются разрешения в 2048x. Плеер кокраз похож на плеер из Windows 8. Элемент прокручивания изображений был взят с сайта для предложения самой идеи. И для макета актуально. Не устраивают. Так просто скажите нет.

        • Vladimir Vorfolomeev   

          27.02.2013 | 15:47  

          С таким подходом, фрилансеров которые захотят что то предложить – в один момент времени, просто не будет. Удачи в ваших проектах.

          • Артур Руденко   

            27.02.2013 | 16:00  

            Так вы бы оставили вашу работу, зачем удалили? Если удалили, значит стыдно, всё таки.

            А так вы меня выставили идиотом и работу удалили, что люди не могут судить, что же на самом деле произошло. Так не делается.

            Учитывая ваш профиль, я не первый, с кем вы спылили и показали свои амбиции.

            • Vladimir Vorfolomeev   

              27.02.2013 | 16:23 обновлено 27.02.2013 | 16:43

              Опять делаете предположения и догадки. Вы так и в жизни Артур поступаете? Большинство фрилансеров и работадателей знают, что новичков на этом веб-сайте не любят и ставят минусы при больших суммах на конкурсах, когда завидуют работе или ради чего-то еще. Конкурсы Я побеждал, но Я не буду доказывать Вам или кому-то еще. Честные фрилансеры так не делают. и Я никогда не мухлюю ради какого-то рейтинга, выйграша или денег. Вы первый "работодатель", к которому у меня такое отношение (за все время на Freelance). Как говориться, не судите и не будете судимы. Ваши слова, не придают Вам рейтинга – как работодателю и главное человеку. За это -1

        • Александр Горячев   

          27.02.2013 | 18:56 обновлено 27.02.2013 | 19:44

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

  • Anna Blankovskaya  

    26.02.2013 | 12:27 обновлено: 04.03 2013 | 18:44
    Добрый день. Хотелось бы услышать ваши комментарии.
    • Добавлено 04.03.2013 в 18:44
      Макет главной страницы работающего музыкального портала - фото 45
    • Артур Руденко   

      05.03.2013 | 06:16  

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

      Спасибо за попытку.

      • Anna Blankovskaya   

        05.03.2013 | 12:02 обновлено 05.03.2013 | 12:20

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

  • Юлия Мельникова  

    26.02.2013 | 14:03
    +
  • Вадим Семергей  

    26.02.2013 | 17:49
    +
  • Anna Tyulnikova  

    26.02.2013 | 18:10
    +
  • Мира Лаптева  

    26.02.2013 | 21:29
    +
  • Денис Мироненко  

    26.02.2013 | 23:21
    +
  • A P  

    26.02.2013 | 23:46
    +
  • Михаил Подкопаев  

    27.02.2013 | 16:36
    +
  • Борис Ветров  

    27.02.2013 | 16:43 обновлено: 08.03 2013 | 08:53
    Добавил готовый макет.
    • Добавлено 06.03.2013 в 08:06
      Макет главной страницы работающего музыкального портала - фото 46
    • Добавлено 08.03.2013 в 04:47
      Макет главной страницы работающего музыкального портала - фото 47
    • Добавлено 08.03.2013 в 04:47
      Макет главной страницы работающего музыкального портала - фото 48
    • Добавлено 08.03.2013 в 08:52
      Макет главной страницы работающего музыкального портала - фото 49
    • Добавлено 08.03.2013 в 08:52
      Макет главной страницы работающего музыкального портала - фото 50
    • Борис Ветров   

      01.03.2013 | 01:05  

      Здравствуйте, Артур.

      У меня один вопрос:
      В данный момент дизайн у Вас не тянется на ширину экрана, обязательно-ли оставить его статичным, или это не имеет значения?

      • Артур Руденко   

        01.03.2013 | 03:42  

        Желательно держаться стандартной сетки 960px.

    • Артур Руденко   

      07.03.2013 | 04:56 обновлено 07.03.2013 | 05:02

      А что у вас с поиском? Как буд-то верстка съехала, но это же не html+css...
      Для звездочки в плеере места пожалели? Или она еще не выросла? :)
      Дату со стилем в заголовке списка треков поменяйте местами.
      WAV и MP3 пишутся либо заглавными буквами либо прописными, но не разными.
      mb => MB правильно

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

      • Борис Ветров   

        07.03.2013 | 23:59 обновлено 08.03.2013 | 00:02

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

  • Александр Дорофеев  

    27.02.2013 | 22:32 обновлено: 11.03 2013 | 21:26
    +
    • Добавлено 08.03.2013 в 20:52
      Макет главной страницы работающего музыкального портала - фото 51
    • Добавлено 11.03.2013 в 21:26
      Макет главной страницы работающего музыкального портала - фото 52
    • Артур Руденко   

      11.03.2013 | 01:26 обновлено 11.03.2013 | 01:26

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

      • Александр Дорофеев   

        11.03.2013 | 02:12  

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

        • Артур Руденко   

          11.03.2013 | 02:15  

          В первую очередь цвета отталкивают. Остальное, вроде, нормально.

    • Артур Руденко   

      11.03.2013 | 21:56  

      Вторая версия значительно лучше.

      • Александр Дорофеев   

        11.03.2013 | 22:53  

        Спасибо, первая действительно была сыроватой

  • Иван Уваров  

    28.02.2013 | 15:12
    +
  • Yury Kapelko  

    28.02.2013 | 23:03 обновлено: 03.03 2013 | 13:55
    Доброй ночи. Представляю Вам свою работу.
    Комментарии к работе:
    Немного переосмыслил структуру Вашего старого дизайна. Основное меню находиться справа. Там же, при входе в аккаунт, будет пользовательское меню. Плеером решил не загромождать сайт, так как в любом случае, сайдбар будет неподвижен и плеер всегда будет находиться в поле зрения пользователя, собственно, поиск тоже.
    Идем дальше. Основная часть. В самом верху я добавил сортировщик музыки, нажатие по которому, открывает суб-меню, естественно там, где это необходимо. По-моему, довольно удачное решение. Теперь пользователь всегда сможет выбрать музыку по необходимому критерию "не отходя от кассы".
    Список песен прекрасно умещается в блок, название, альбом, группа, длительность. Справа от музыки находятся кнопки скачать. Я решил не загромождать их графикой и оставил в виде текста. Что же касается кнопки добавить в избранное, то я решил перенести этот функционал к плееру. При нажатии на кнопку доп.меню появляются иконки "Добавить в избранное" "Скачать" и "Добавить в плейлист".
    Далее, после списка песен есть кнопка "More". При нажатии на которую открывается еще n-ое количество песен.

    Собственно и все. Обязательно задавайте свои вопросы и комментируйте.
    С уважением, Капелько Юрий.

    P.S. Добавил вариант с другим фоном, который лично мне очень импонирует.

    P.P.S. Добавил новый вариант. Жду комментариев.
    • Добавлено 28.02.2013 в 23:03
      Макет главной страницы работающего музыкального портала - фото 53
    • Добавлено 28.02.2013 в 23:50
      Макет главной страницы работающего музыкального портала - фото 54
    • Добавлено 28.02.2013 в 23:03
      Макет главной страницы работающего музыкального портала - фото 55
    • Добавлено 28.02.2013 в 23:40
      Макет главной страницы работающего музыкального портала - фото 56
    • Добавлено 03.03.2013 в 13:55
      Макет главной страницы работающего музыкального портала - фото 57
    • Станислав Кришталь   

      01.03.2013 | 13:23  

      Хорошая работа

      • Yury Kapelko   

        01.03.2013 | 21:14  

        Спасибо Вам. Удачи в конкурс ;)

    • Артур Руденко   

      01.03.2013 | 22:25 обновлено 04.03.2013 | 03:46

      Sort by тут не применимо. Это не сортировка, а фильтр. Также Date не сортировка а фильтр. Сортировка может позже появиться по названию релиза, лейбла и т.д. Sort by downloads тоже не понятен, что делает.

      Много свободного пространства оставили. Меню мелкое, а вокруг куча места свободного.
      Поиск – очень важная часть интерфейса, а находится в какой-то жопе и выглядит невзрачно.
      Регуляция звука тоже пропала.
      Расстояние между треками также большое, надо больше треков на экран вмещать.
      Повторяющееся слово album нафиг не нужно.
      Размер обложки в списке не соблюден, 50 пикселей неоправданно много.
      Убрали Pagination – плохо для индексации и неудобно для пользователей, невозможно перейти на нужную страницу.
      Везде используются очень мелкие шрифты, хотя места навалом в итоге остается.

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

  • The Atoms  

    01.03.2013 | 11:22
    +
  • Aleksa Zainkova  

    01.03.2013 | 22:29 обновлено: 05.03 2013 | 22:39
    Психанула :)
    • Добавлено 03.03.2013 в 23:06
      Макет главной страницы работающего музыкального портала - фото 58
    • Добавлено 03.03.2013 в 23:06
      Макет главной страницы работающего музыкального портала - фото 59
    • Добавлено 05.03.2013 в 22:39
      Макет главной страницы работающего музыкального портала - фото 60
    • Добавлено 05.03.2013 в 22:39
      Макет главной страницы работающего музыкального портала - фото 61
    • Добавлено 05.03.2013 в 22:39
      Макет главной страницы работающего музыкального портала - фото 62
    • Добавлено 05.03.2013 в 22:39
      Макет главной страницы работающего музыкального портала - фото 63
    • Добавлено 05.03.2013 в 22:39
      Макет главной страницы работающего музыкального портала - фото 64
    • Добавлено 05.03.2013 в 22:39
      Макет главной страницы работающего музыкального портала - фото 65
    • Артур Руденко   

      04.03.2013 | 03:57  

      Видно, что светлая версия была первая.
      В целом, светлая версия выглядит лучше, чем тёмная, т.к. цвета от светлой версии в тёмной не канают вообще никак. Я про светло-серо-синий.
      В светлой версии очень хорошо смотрится звездочка добавления в избранное. Зрительно выступает разделителем между информацией о треке и кнопками скачки.
      В тёмной версии у вас хорошо подобран размер шрифта в меню, в светлом макете он очень мелкий.
      В тёмной версии лучше скомпановано топ меню, есть разделители, более плотно всё. В светлой как-то неряшливо.
      В светлой "to download tracks buy premium" – хороший ход, правильный, но реализация подкачала.
      Если вы берете фон и на нём пишете надписи, то этими надписями максимум могут быть крупные заголовки, заголовки меню, но просто текст писать на фоне нельзя, всегда должна быть подложка. У вас же есть подложка для текста в плеере и в списке треков. Вот такая же подложка должна быть под любым блоком текста, который вы хотите нанести на фон. Это касается блоков в сайдбаре, это касается и футера.
      Одинаковые значки для стиля, лейбла и релиза – плохое визуальное восприятие.
      Я бы оставил светлую версию и поигрался бы на ней с цветом. Сейчас он очень мрачный, хоть и не вызывает плохих эмоций, но не стреляет, так сказать.

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

    • Артур Руденко   

      06.03.2013 | 00:23  

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

      Оставляйте. Хорошо.

      • Aleksa Zainkova   

        06.03.2013 | 01:46  

        Шутите? Над зелёным дольше всех сидела, возможно и "попала" в какой-то...
        Спасибо.

  • Олег Чернов  

    02.03.2013 | 13:56
    +
  • Сарке Интеркатив  

    03.03.2013 | 01:52 обновлено: 11.03 2013 | 16:01
    Обновил и внес коррективы
    • Добавлено 04.03.2013 в 16:26
      Макет главной страницы работающего музыкального портала - фото 66
    • Добавлено 08.03.2013 в 03:17
      Макет главной страницы работающего музыкального портала - фото 67
    • Добавлено 08.03.2013 в 03:17
      Макет главной страницы работающего музыкального портала - фото 68
    • Добавлено 10.03.2013 в 15:08
      Макет главной страницы работающего музыкального портала - фото 69
    • Добавлено 10.03.2013 в 15:08
      Макет главной страницы работающего музыкального портала - фото 70
    • Добавлено 10.03.2013 в 15:08
      Макет главной страницы работающего музыкального портала - фото 71
    • Добавлено 11.03.2013 в 02:16
      Макет главной страницы работающего музыкального портала - фото 72
    • Добавлено 11.03.2013 в 02:16
      Макет главной страницы работающего музыкального портала - фото 73
    • Добавлено 11.03.2013 в 12:10
      Макет главной страницы работающего музыкального портала - фото 74
    • Добавлено 11.03.2013 в 11:57
      Макет главной страницы работающего музыкального портала - фото 75
    • Добавлено 11.03.2013 в 12:58
      Макет главной страницы работающего музыкального портала - фото 76
    • Добавлено 11.03.2013 в 14:35
      Макет главной страницы работающего музыкального портала - фото 77
    • Добавлено 11.03.2013 в 16:01
      Макет главной страницы работающего музыкального портала - фото 78
    • Добавлено 11.03.2013 в 16:01
      Макет главной страницы работающего музыкального портала - фото 79
    • Добавлено 11.03.2013 в 16:01
      Макет главной страницы работающего музыкального портала - фото 80
    • Алексей Веселков   

      04.03.2013 | 18:44  

      Отлично!

    • Артур Руденко   

      05.03.2013 | 06:14  

      На первый взгляд всё кажется очень хорошо, но есть недостатки.
      Главный состоит в том, что вы плеер, который будет статичный вынесли третим рядом, а вторым поставили меню и выбор стилей и даты, которые статичны не должны быть, т.к. в этом нет необходимости, но вот строка поиска наоборот должна быть статична. Если делать статичными три полоски, то они будут занимать на экране неоправдано много места и для контента останется довольно мало пространства.
      Что касается меню, так тут тоже недочет – все пункты меню, которые у нас сейчас есть, не влезут в ваш вариант. К примеру у нас есть еще пункт Upcoming tracks и могут появиться другие пункты.
      Select styles делать выпадающим списком наверное тоже не стоит, т.к. человек не будет видеть, какие у него стили выбраны на данный момент. Кажется глупым, но часто люди выставят какой-то стиль и забудут, а потом переживают, что многие треки у них не отображаются.
      Повторяющиеся слова Add to favorites в каждом треке тоже лишнее. Многим и так понятно с первого раза, достаточно оставить звездочку только.
      Строка-разделитель с датой потерялась, остались только разделители по стилям.
      Хорошие фоновые цвета в шапке использованы, но синий и зеленый я бы подкрутил. Наверное даже только зеленый, немного тусклый он.
      Кнопки в плеере и кнопка Play в списке треков тусклые, как буд-то у них статус disabled и они неактивные.
      Кашу из информации о треке не разобрали, так и осталась куча из названия лейбла релиза.

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

    • Артур Руденко   

      06.03.2013 | 00:26  

      Оставляйте. Хорошо.

      • Павел Суслов   

        06.03.2013 | 01:43 обновлено 06.03.2013 | 01:44

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

        • Борис Ветров   

          11.03.2013 | 00:07  

          Да, хорошая работа. И подача тоже.

  • Iuliana Maxim  

    04.03.2013 | 09:34
    +
  • Артем Коршунов  

    04.03.2013 | 15:23
    • Добавлено 04.03.2013 в 15:23
      Макет главной страницы работающего музыкального портала - фото 81
    • Артур Руденко   

      05.03.2013 | 05:57  

      Нет выдержанности и сдержанности. Где-то всё курпное и кричащее, а где-то мелкое и забитое. Либо делали в разное настроение, либо у вас внутри эмоции быстро переменчивы.

      Видно, что старались, делали, но итог глаза нерадует.

  • Роман Гордеев  

    04.03.2013 | 17:29 обновлено: 04.03 2013 | 17:45
    Вот что у меня получилось:) Мне было бы любопытно продолжить.

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

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

    Впрочем, самое интересное здесь будет в фильтре каталога и на этапе верстки, когда все это начнет оживать:) Еще логотип бы освежить, и будет совсем хорошо.
    • Добавлено 04.03.2013 в 17:29
      Макет главной страницы работающего музыкального портала - фото 82
    • Артур Руденко   

      05.03.2013 | 05:42  

      Да, желательно держать статичным элементы, чтобы пользователи планшетов могли нормально пользоваться.
      В целом чистенький, спокойный, приятный глазу дизайн. Вы наверное первый, кто не поленился показать, как будет выглядить кнопка Vote и текст наподобие Restricted. За это большой респект.
      Не разобрались с кашей информации о треке в списке треков – плохо, хотя бы сыграли на наклоне шрифта, жирности, яркости или цвете.
      Колонку с ссылками скачивания я бы сделал ярче, это всё таки важная функция сайта и должна быть более заметной. Плюс тот цвет и яркость, что сейчас нагнетают уныние, в сравнение с цветами из шапки.
      В футере немного бардак, логотип танцует сам на себе, копирайт задрался вверх, меню в самом низу. Сумбурно. Зачем? Места много, можно спокойно разнести по всей ширине в строку.
      Также в футере логотип хорошо смотрится как сейчас – справой стороны, зря влево перенесли, как по мне. Это как раз избавит от большой белой дыры в правом нижнем углу сайта.
      У вас сетка 960px и скриншот макета тоже 960px идет, а как будет смотреться сайт с боковыми белыми полосами?
      Меню боковое убрали и перенесли в шапку, вроде стало легче и понятнее, но все пункты меню туда не влезут. Я бы там больше места уделил строке поиска, а для меню придумал другое место.
      Огромная белая пустота между контентной частью и сайдбаром немного пугает, целая пропость. В других частях сайта всё более скомпановано, а тут дыра.
      В плеере плохая центровка по горизонтальной оси. Хорошо заметно на центрировании кнопки Play. Она смещена вверх.

      Так в целом хорошо, приятный спокойный дизайн.

  • Алексей Веселков  

    04.03.2013 | 18:42
    Я оставил наиболее важные функции для музыкального магазина на мой взгляд, если их еще нет их нужно заиметь для повышения продаж и удобства пользователя:)
    Если вам интересен мой дизайн и концепция готов сотрудничать.
    Сам являюсь дж и музыкантом www.beatport.com/artist/a...
    Так же владельцем лейбла www.beatport.com/label/be...
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 83
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 84
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 85
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 86
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 87
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 88
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 89
    • Добавлено 04.03.2013 в 18:42
      Макет главной страницы работающего музыкального портала - фото 90
    • Артур Руденко   

      05.03.2013 | 05:54  

      Как я вам сказал в скайпе: "Поздравляю, вы сделали редизайн главной страницы битпорта с логотипом Soundeo :)"

      • Алексей Веселков   

        05.03.2013 | 12:43  

        Добрый день Артур. Хочу вас поправить, я не делал редизайн битпорта. Я старался разместить на одной странице весь основной функционал любого музыкального интернет магазина. Что и было сделано.

  • Иван Никитин  

    06.03.2013 | 10:32 обновлено: 06.03 2013 | 15:13
    • Добавлено 06.03.2013 в 15:13
      Макет главной страницы работающего музыкального портала - фото 91
    • Артур Руденко   

      06.03.2013 | 13:46  

      4267x4217 ??? Вы издеваетесь? Я даже нормально посмотреть макет не могу.

    • Артур Руденко   

      07.03.2013 | 05:07  

      Топорно очень + многие детали упустили.

  • Vita Krugliakova  

    06.03.2013 | 14:05
    Добрый день!
    Мой вариант
    • Добавлено 06.03.2013 в 14:05
      Макет главной страницы работающего музыкального портала - фото 92
    • Добавлено 06.03.2013 в 14:05
      Макет главной страницы работающего музыкального портала - фото 93
    • Артур Руденко   

      07.03.2013 | 05:11  

      Белый фон зря не сделали, как мне кажется.
      Топорно.
      Нет pixelperfect – нет выравнивания по сетке, элементы плохо отпозиционированы по отношению к границам.
      Ощущение, что часть где-то взяли и нанесли на макет, а что-то делали сами. Видны контрасты, особенно между UI элементами плеера и списком треков.
      Зведочка в плеере крутая, как для этого дизайна, понравилась, но где-то я её уже видел, кажется.

      Слабо. Исправлять не пробуйте, завтра уже конец конкурса. Спасибо за попытку.

      • Vita Krugliakova   

        07.03.2013 | 11:32  

        Спасибо, Артур, за замечания.

        А исправлять я все же буду (и не важно что не успею до конца конкурса) я это буду делать для себя, потому что я только учусь, тренируюсь. Ошибки ведь любят когда их исправляют =)

  • Julia Shatova  

    07.03.2013 | 12:31 обновлено: 11.03 2013 | 15:39
    В макет добавлены изменения в соответствии с Вашими замечаниями
    • Добавлено 07.03.2013 в 12:31
      Макет главной страницы работающего музыкального портала - фото 94
    • Добавлено 11.03.2013 в 15:39
      Макет главной страницы работающего музыкального портала - фото 95
    • Артур Руденко   

      07.03.2013 | 14:38  

      Фон под кнопками play next prev в плеере и списке треков лишний, я считаю. Утяжеляет только.
      В выборе стилей надо всё таки визуальный не radio button использовать, а checkbox. В выборе даты можно радио баттан, т.к. выбирается оидн пункт, а вот в стилях выбираться может несколько стилей и радио баттан визуально не клеется, сбивает с толку еще не знающих людей.
      pagination забитое и мелкое, робкое.
      searh... => Search...
      Важный разделитель треков по датам потерялся.

      Остальное хорошо, оставляйте.

  • Даниил Гитерман  

    07.03.2013 | 16:16 обновлено: 11.03 2013 | 23:49
    К сожалению не успел потратить на макет столько времени, сколько хотелось бы, поэтому выкладываю работу в очень сыром виде. Многое нужно доделать и переделать, но, надеюсь, общая стилистика просматривается.
    • Добавлено 11.03.2013 в 23:49
      Макет главной страницы работающего музыкального портала - фото 96
  • Елена Харлап  

    08.03.2013 | 18:43 обновлено: 11.03 2013 | 02:34
    +
    • Артур Руденко   

      11.03.2013 | 01:32  

      Чекбоксы и радиобаттаны не оформили – плохо.
      Серый цвет у вас мрачный, очень мрачный...
      Синий наоборот на фоне этого серого пестрит слишком.
      Т.е. цветовое насыщение уже минус.
      Шрифты – глаз можно сломать при долгом использовании.

      Довольно слабая работа, извините.

  • Maxim Ar  

    11.03.2013 | 11:48
    +
    • Добавлено 11.03.2013 в 11:48
      Макет главной страницы работающего музыкального портала - фото 97
    • Артур Руденко   

      11.03.2013 | 15:31  

      Прохладно.

      Отдельная колонка под стиль – плохое решение. Эти данные не статичны, и колонка будет плясать всё время.
      Разницы в иконке у выбора даты и выбора стилей нет никакой.
      Кнопки в боксе логина не отличаются визуально от лейблов.
      Большая куча места под 3 пункта меню – не самое хорощее решение.
      Выравнивания по сетка тоже храмает.
      И еще куча всего по мелочи.

      Не оно, извините.

  • Никита Бекетов  

    11.03.2013 | 23:35 обновлено: 12.03 2013 | 15:03
    +
    • Добавлено 12.03.2013 в 02:36
      Макет главной страницы работающего музыкального портала - фото 98
    • Добавлено 12.03.2013 в 15:03
      Макет главной страницы работающего музыкального портала - фото 99