Заказ закрыт
Дизайн ОДНОЙ страницы сайта (рейтинг)

Бюджет: 5 000 руб
Победители конкурса
1 место: Олег Чер­нов
2 место: победитель не выбран
3 место: победитель не выбран
Необходимо сделать редизайн страницы нашего сайта – www.st-par.ru/wmrating/ga...

Детали:
- это рейтинг. Его цель – помочь пользователю с выбором товара исходя из заявленных характеристик. В конечном счёте, страница должна склонять покупателя сделать выбор, зайти к нам в каталог и приобрести товар.
- данная страница является шаблоном для рейтингов, которые мы создаём. На данный момент создан только рейтинг – газобетона. Но названия могут быть различными, как и содержание рейтинга.
- страница должна быть выполнена в фирменных цветах сайта, как и сейчас (белый фон, оранжевые/зелёные элементы. Цвета можно увидеть на логотипе в шапке), шрифт – Tahoma. Размер шрифтов, вид ссылок  и общая стилистика страницы не должны контрастировать со стилистикой сайта.
- максимальная ширина страницы – 1200 пикс. Вы вольны располагать элементы по ширине страницы так, как Вам нравится, лишь бы это смотрелось органично с шапкой и футером, которые имеют ширину 970 пикс. Шапку и футер – не трогаем.
- дизайн должен адекватно адаптироваться под размер экрана – не нужно нагружать страницу картинками.
- число столбцов и строк рейтинга может быть произвольным, с произвольными же названиями и шириной, соотвественно страница должна выглядеть органично, если столбцов в рейтинге хоть 5, хоть 15.

НЕ нужно инвертировать строки со столбцами в таблице рейтинга! Нужно только оформить страницу так, что бы от неё не пахло 2007 годом, как сейчас)

Приоритеты:
- понятность интерфейса для неискушенного пользователя;
- простота и ненагруженность дизайна;
- создание имиджа надежной компании, подчеркивание профессионализма.

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

Один победитель после предоставления двух макетов с финальными правками получит заявленную сумму (5000 рублей) + предложение сделать дизайн некоторых других страниц (при желании).
Используем безопасную сделку, выплата гарантирована!
Выплата вознаграждения через сервис Безопасная Сделка
Опубликован 08.11.2016 в 10:48 Последнее изменение: 28.11.2016 в 09:33

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

  • Иван Окороков  

    08.11.2016 | 17:00 обновлено: 16.11 2016 | 21:17
    +
    • Добавлено 16.11.2016 в 21:17
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 1
    • Строй Партнер   

      10.11.2016 | 10:07 обновлено 21.11.2016 | 16:31

      Иван, спасибо за участие, но что-то не то) Не могу даже сформулировать конкретнее в чём проблема.

  • Олег Чернов  

    11.11.2016 | 08:29 обновлено: 25.11 2016 | 18:36
    • Добавлено 14.11.2016 в 15:27
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 2
    • Добавлено 14.11.2016 в 15:27
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 3
    • Добавлено 20.11.2016 в 21:10
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 4
    • Добавлено 22.11.2016 в 02:07
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 5
    • Добавлено 25.11.2016 в 16:03
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 6
    • Добавлено 25.11.2016 в 16:03
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 7
    • Добавлено 25.11.2016 в 18:36
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 8
    • Строй Партнер   

      15.11.2016 | 17:13  

      Олег, спасибо за работу! Не нужно инвертировать таблицу рейтинга, не написали об этом сразу, добавил сейчас это в описание конкурса. Понравился 3-й блок "Практические примеры" как реализовали. Но таблица совсем не та..

      • Олег Чернов   

        16.11.2016 | 09:11  

        Таблицу переделаю, но все же хочу пояснить такое решение: ширина страниц 970 и как то странно будет при переходе к рейтингу наблюдать увеличение ширины до 1200, поэтому я отталкивался от 970, т.к  число строк может быть и 15 , на планшете или телефоне, это будет длинная бессмысленная портянка которая уже к середине прокрутки потеряется в цифрах не привязанных к описанию значений.На просторах интернет нашел решения blog.mcsite.ua/responsive..., есть возможность отключать отображение мало важных столбцов при малой ширине и др. Мне кажется удобное отображение контента для мобильных  устройств занимает не последнее место.

        • Строй Партнер   

          16.11.2016 | 11:46  

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

          • Олег Чернов   

            20.11.2016 | 21:31  

            Добавил новый вариант, по макету: выпадающий список "выбрать рейтинг" для быстрого перехода перехода т.к меню слева у нас нет, наверное панель вкладок ( D300-D600) удобнее на мобильной версии так же сделать выпадающим списком, иначе на маленьких экранах кнопки в стопку поползут, таблицу сократил на сколько возможно, все лишнее вынес в подсказки при наведении, мимо точно никто не пройдет, в строке бренды так же дополнительную информацию вынести в подсказки, как вариант была задумка объединить строки бренды и производитель т.е при наведении на бренд в подсказке можно сделать карточку с логотипом, производителем, может количество  отзывов или  скидки-акции, вообщем все, что угодно. Таблицу выделил рамкой и свечением внешним, что бы приподнять её над общей сеткой. Блок "описание характеристик" можно отключить на десктопе и всю инфу вынести в подсказки, оставить только на мобильных т.к там только при нажатии окно появляется, вообщем все что успел.

            • Строй Партнер   

              21.11.2016 | 16:57 обновлено 21.11.2016 | 17:05

              Олег, последний макет добротный! Представление таблицы нам понравилось. Вместо слова "Рейтинги" надо попробовать поставить как раз название текущего рейтинга, справа от названия уже расположить кнопку с выбором рейтингов. А на освободившемся месте можно расположить фото тематическое газобетонных блоков, что бы визуально цепляло оно взгляд на странице. Возможно ещё стоит сделать шрифт в названиях столбцов чуть больше, места вроде хватает, если это не испортит визуально страницу. 
               
              По второму блоку – нравится разделение оранжевыми пунктами, но надо визуально как-то отделить его от "Практических примеров", которые ниже. Или выделить как-то начало третьего блока с примерами. 
               
              Третий блок примеров – тоже хорошо! Только плюсики раскрывающие надо сделать как были в первых двух макетах (или какие-то другие, текущие визуально смотрятся не очень) 
              И по содержанию этих раскрывающихся пунктов – в некоторых статьях у нас есть таблицы с данными, например – www.st-par.ru/info/articl... 
              Нужно оформить пример таблицы в одной стилистике со страницей. 
               
              И ниже у нас там кнопка "вернуться к таблице", надо тоже её вставить.

              • Олег Чернов   

                21.11.2016 | 17:23 обновлено 22.11.2016 | 01:30

                Добавил макет с изменениями.

                • Строй Партнер   

                  22.11.2016 | 13:32  

                  Спасибо! Сегодня обсудим с руководством и завтра выкатим финальные правки по макету. Плюс, после этого, от Вас ещё ждём макет под разрешение телефонов/планшетов (один, в общем виде вид страницы при небольшом разрешении, включая скролл таблицы и вид третьего блока). Как доделываем всё – объявляем Вас победителем и выплачиваем призовые as soon as we can)

                  • Олег Чернов   

                    22.11.2016 | 14:10  

                    Отлично!

                    • Строй Партнер   

                      24.11.2016 | 18:25  

                      Олег, согласование затянулось, завтра утром Вам отпишу правки, их минимальное количество.

                      • Олег Чернов   

                        24.11.2016 | 18:44  

                        Хорошо, жду.

                        • Строй Партнер   

                          25.11.2016 | 09:47  

                          Финальные правки – yadi.sk/d/yY7wvR6lzRdv5 
                          Ждём 2 макета: исправленный под десктоп, и под разрешение мобильного телефона (главные элементы, которые надо проработать в мобильном макете – скролл таблицы и вид третьего блока. В таблице у нас при недостаточном разрешении экрана скроллятся столбцы кроме первых двух.)

                          • Олег Чернов   

                            25.11.2016 | 12:55 обновлено 25.11.2016 | 16:04

                            Отправил

                            • Строй Партнер   

                              25.11.2016 | 18:11  

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

                              • Олег Чернов   

                                25.11.2016 | 18:20  

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

                              • Олег Чернов   

                                25.11.2016 | 18:37  

                                загрузил

                                • Строй Партнер   

                                  28.11.2016 | 09:42  

                                  Спасибо. Конкурс закончится по истечении суток, закрыть его иначе не получается. Завтра выберем Вас победителем и будем перечислять выигрышь)

                                  • Олег Чернов   

                                    28.11.2016 | 11:25  

                                    ЖдЁмс)

                                    • Строй Партнер   

                                      28.11.2016 | 12:17  

                                      Не понятно мне только как контактировать с Вами по завершении конкурса, возможно ли это вообще в рамках fl.ru Оставьте Ваш контакты скайп/почту для связи. Ну и макеты потом перешлёте на почту (или это как-то возможно будет сделать тут по завершению конкурса, я не в курсе если честно).

  • Елена Харлап  

    11.11.2016 | 16:06
    Здравствуйте!
    Вы писали: "В конечном счёте, страница должна склонять покупателя сделать выбор, зайти к нам в каталог и приобрести товар".
    Не могли бы вы привести примеры таких страниц.
    Спасибо.
    • Строй Партнер   

      14.11.2016 | 12:32  

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

  • Mакс Липин  

    16.11.2016 | 23:20
    +
  • Даниил Созыкин  

    17.11.2016 | 11:11
    +
  • Сергей БК  

    18.11.2016 | 00:08 обновлено: 18.11 2016 | 21:07
    такой вариант списком возможен? или строго таблицей?
    • Добавлено 18.11.2016 в 21:00
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 9
    • Строй Партнер   

      21.11.2016 | 16:34  

      Совсем не то, мы считаем что должна быть таблица, кардинально ничего менять не нужно в структуре.

  • Закир Магомедшерифов  

    18.11.2016 | 19:58 обновлено: 18.11 2016 | 20:01
    Работать не имея гарантий на победу, пустая трата времени. Я лишь даю пример как можно реализовать данную страничку  не применяя больших изменений. Если заинтересует, то можно поработать более подробно.
    Иконки можно дорисовать так же после того как стану победителем. 
    PS: тратить много времени в пустую не интересно
    • Добавлено 18.11.2016 в 19:58
      Дизайн ОДНОЙ страницы сайта (рейтинг) - фото 10
    • Строй Партнер   

      21.11.2016 | 16:37  

      Не зацепил Ваш вариант. Понятно, что Вы не отрисовывали ничего и тратить время впустую никто не хочет.