Заказ закрыт Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ?

Бюджет: 400 $/заказ
[03.05.2013 | 16:38] [внесены изменения: 10.05.2013 | 16:37]
Безопасных сделок: 13
Отзывы фрилансеров: + 16 - 0
Зарегистрирован на сайте 11 лет и 8 месяцев
Уважаемые дизайнеры, предлагаю вам нетривиальную задачу....

ПРОЛОГ:
Есть сайт – www.chistovie.ru, визитная карточка компании Чистовье в интернете. Мы занимаемся производством одноразовых расходных материалов (нетканка) для индустрии красоты и здоровья. Полотенца, простыни, тапочки, пеньюары, халаты, перчатки, итд итп. По совместительству мы также продаем средства дезинфекции для салонов красоты и медицинских центров.

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

НАШИ КЛИЕНТЫ:

1) Салоны красоты, парикмахерские, кабинеты косметологии, спа. 50% текущих клиентов. Заказ в основном делают администраторы, владельцы, иногда менеджеры по снабжению
2) Оптовые покупатели (дистрибьютеры, которые покупают нашу и чужую продукцию, а потом перепродают для beauty индустрии). 40% текущих клиентов. В данной категории заказ делают менеджеры по снабжению или владельцы.
3) Клиники, госпитали и больницы. Сейчас таких клиентов очень мало. Заказ делает старшая сестра.

ЗАДАЧА:
Для того, чтобы в кратчайшие сроки посетитель сайта разобрался с тем, чем же мы занимаемся и что могло бы его заинтересовать, была придумана инфографика (см. в аттаче). Инфографика в аттаче – это промежуточный вариант, финальный вариант будет более точно отражать ситуации, в которых используется наша продукция. На инфографике подсвеченным показаны товары, которые мы производим и продаем (кабинет маникюра-педикюра, кабинет парикмахера, спа-кабинет или косметологический кабенет).

Т.е. посетитель сайта подает на страницу с инфографикой и через 15 секунд ему станет понятно наше предложение. Далее, если посетитель заинтересуется, то он может навести курсор на конкретную позицию (бахилы, полотенца итд), в каком-то всплывающем меню появится описание категории и возможность перейте в каталог (меню "ПРОДУКЦИЯ" на сайте), где представлено подробное описание и прайслист.

Теперь о сложном. Где и как разместить инфографику? Каким образом будет повляться описание и как будет происходить переход в каталог? Как вернуться из каталога назад в инфографику?
Наша команда перебрала как минимум 2 десятка вариантов и сломала немало копий о данную проблему. Есть несколько условий:
1) Дизайн сайта менять не хочется. Во главе дизайна стоят юзабилити и простота
2) Вслывающее меню навигации трогать тоже не хочется, т.к. навигация предельно простая и позволяет быстро перейти в нужную категорию.
3) Переход на инфографику должен быть на видном месте, чтобы у посетителя возникало инстинктивное желание перейти и познакмиться с нашей продукцией поближе.

Предлагайте свои решения (желательно в графическом варианте), спрашивайте, если вам что-то непонятно. Я постараюсь сразу комментировать все варианты. Самая хорошая работа – вознаграждение $400, второе место – $200.

P.S. список конкурентов:
1. www.loreleya.ru/
2. igrobeauty.ru/
3. 1-touch.ru/
4. www.white-line.su/
5. www.profcosmo.ru/
6. www.neoesthetic.ru/
7. www.palante.ru/

P.P.S. Если данный конкурс непонятен, то обращайтесь и я обязуюсь ответить на ваши вопросы в крайтчайшие сроки.
Разделы:
Конкурс

Настоящий конкурс не является публичным конкурсом в соответствии с гражданским законодательством Российской Федерации. Участие в данном мероприятии не гарантирует определение победителя, а также выплату вознаграждения. Площадка FL не является организатором конкурса. Нажимая кнопку «Принять участие в конкурсе», вы подтверждаете, что согласны участвовать на описанных условиях.


Участники

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

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

Заказ закрыт Конкурс окончен 13.05.2013

Конкурс длился с 03.05.2013 до 13.05.2013

Победители объявлены

Первое место занял
Ро­ман Бе­ляков [Ro­man­Be]

Второе место занял
Алек­сей Фо­мин [Fom­-a]

Третье место занял
Сер­гей С­мир­нов [se­r1­337]

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

  • Nadezhda Pro   [03.05.2013 | 17:14] [внесены изменения: 08.05 2013 | 01:16]

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

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

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

    Это моё ИМХО, основанное на анализе поведения пользователей и 20-летнем изучении законов композиции.
    • Добавлено 07.05.2013 в 23:04
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 1
    • Добавлено 08.05.2013 в 01:16
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 2
    • Добавлено 08.05.2013 в 01:16
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 3
    • Добавлено 08.05.2013 в 01:16
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 4
    • Добавлено 07.05.2013 в 23:31
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 5
    • Добавлено 07.05.2013 в 23:31
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 6
    • Добавлено 07.05.2013 в 23:35
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 7
    • Сергей Артюшин    [08.05.2013 | 11:54]  

      полное измение дизайна (см условия конкурса)!!!
      ...но ваши аргументы имеют место быть. Если идти вашим путем, то нужно полнусть переделать слайдер на главной, и вместо названий бизнесов сделать названия кабинетов. вместо фотографий девочек и мальчиков сделать кликабельные куски инфографики. Неплохая идея, распишите её чуть подробнее и понятнее (для чайников), а мы на выходных поломаем над этим голову.

    • Сергей Артюшин    [08.05.2013 | 11:55]  

      +

      • Nadezhda Pro    [08.05.2013 | 20:00]  

        Сергей, в целом я сохранила заданный дизайн сайта: компоновку, цветовую гамму, местоположение и габариты форм. Единственное, что поменялось: на место малоинформативного цветового пятна (фотографии) встало информативное цветовое пятно (инфографическая карта).
        Я смонтировала короткий ролик, отображающий навигацию по сайту с внедрённой инфографической картой.
        Если Вы настаиваете на сохранении фотографий, то их можно включить в "листалку", что наглядно продемонстрировано в видео.
        rghost.ru/45856409 (пароль 1223)
        P.S. Для бОльшей простоты навигации разделы сайта действительно лучше переименовать в кабинеты.

  • Андрей Викторович   [03.05.2013 | 17:17] [внесены изменения: 10.05 2013 | 23:44]

    Для начала предлагаю заменить интерьер в инфографике на более реальный. Сейчас он непонятный и нереальный – какое-то помещение с закутками, в которых размещаются совершенно несовместимые службы, очень не сразу это можно понять. И он не слишком удобно вписывается на страницу из-за ромбовидной формы.
    Предлагаю более компактное изображение, вполне реальный интерьер – вокруг холла размещаются различные службы.
    Наводим курсор на медкабинет – он становится ярче, подсказка всплывает, кликаем мышью – переходим на его страницу.
    • Добавлено 10.05.2013 в 23:44
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 8
    • Сергей Артюшин    [03.05.2013 | 17:27]  

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

      • Андрей Викторович    [07.05.2013 | 11:38]  

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

        • Сергей Артюшин    [07.05.2013 | 11:42]  

          ВНЕЗАПНО! :)
          эпатажно и в принципе можно было бы рассмотреть, но полностью противоречит тому дизайну, который есть сейчас (чисто, функционально, минимум лишнего)

          • Андрей Викторович    [10.05.2013 | 23:45]  

            Добавлено предложение

            • Сергей Артюшин    [11.05.2013 | 02:07]  

              мне не нравится ваша реальность...

              • Андрей Викторович    [11.05.2013 | 02:10]  

                Ну и ладно.

  • Vitalii Fesenko   [03.05.2013 | 22:07] [внесены изменения: 07.05 2013 | 22:53]

    Окно 1
    Не навязчиво, как сквозь щель проглядывается изображение презентации...Нажав на кнопку (Наверное лучше и написать "Смотреть презентацию"), она выежает, это слайдер, в котором будут подобные избражения с заголовком и коротким описанием. Шапка сайта видна в низу, что дает понять посетителю что он "не сбежал с сайта", там же рядом будет кнопка "ВЕРНУТЬСЯ НА САЙТ". Кнопка в стиле презентации ....Вобзем вот такая идея....
    • Добавлено 07.05.2013 в 22:53
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 9
    • Добавлено 07.05.2013 в 22:53
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 10
    • Сергей Артюшин    [08.05.2013 | 11:58]  

      +

  • Максим Пышкин   [05.05.2013 | 18:48]

    +
  • Устим Л.   [06.05.2013 | 21:29] [внесены изменения: 06.05 2013 | 21:53]

    Сделать при переходе на сайт небольшое превью и выбор:

    "< Краткое описание> <Преймущества>"

    [ Кнопка больше информации] [Кнопка меньше информации]

    При нажатии на первую кнопку – переход на полную версию сайта
    При нажатии на другую – переход на ФЛЕШ версию, где собственно, предложенный Вами варант.
    Всегда есть кнопка типа – перейти на полную версию.
    При наведении – всплывающее окно с краткой инфой, при нажатии на ссылку в окне – переход на обычную страницу в полной версии
    • Сергей Артюшин    [06.05.2013 | 22:48] [изменен 06.05.2013 | 22:51]

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

      • Устим Л.    [06.05.2013 | 22:57]  

        Добавить галочку "<не предлагать вариант выбора сайта, преходить всегда на обычную врсию>"
        в сайте добавить ссылку – перейти на упрощенную версию.
        Если не флеш – js + css + html

        • Сергей Артюшин    [06.05.2013 | 23:00]  

          скорее нет, чем да

          • Устим Л.    [06.05.2013 | 23:06]  

            Вариатн 2:
            сделать фон – еле видным рисунком "легкого сайта", добавить фиксированный блок – "для перехода на "упрощенный" вариантнажмите за пределы сайта". При нажатии на фон – сайт пеекидывается на задний фон, аттач – на перед. Нажал на фон опять – обратно.
            Вариант 3:
            Добавить фиксированный блок внизу в углу- /видео/флеш, с предложением перейти на упрощенный сайт, с мини-презентацией упрощенного сайта . Можно, скажем, после 10 секунд "блуда" по сайту

            • Сергей Артюшин    [07.05.2013 | 11:50]  

              см. условия (кардинально не менять дизайн сайта)

  • Anatoly Burdin   [07.05.2013 | 17:37]

    +
  • Андрей Смирнов   [07.05.2013 | 17:53] [внесены изменения: 08.05 2013 | 19:43]

    Предлагаю один из вариантов (позже будет еще). Добавить инфографику в качестве заставки, т.е. человек до посещения самого сайта уже будет знать, что именно вы предлагаете. 1ое изображение – это то, что увидит посетитель сайта в первую очередь. На 2ом показано, в какой форме будет показана информация о продукции. Т.е. при наведении на "Для тела", все объекты, относящиеся к этой категории будут выделены другим цветом. После этого посетитель сможет навести на интересующий продукт и ознакомиться с его описанием. Для людей, кто уже знает о вас, и тем кому все это не нужно, могут просто пройти по ссылке "Войти на сайт".
    • Добавлено 08.05.2013 в 19:43
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 11
    • Добавлено 08.05.2013 в 19:43
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 12
    • Сергей Артюшин    [09.05.2013 | 03:31]  

      + просто и со вкусом.... а заставка не надоест тем, кто заходит на сайт в 10й раз? 10 раз отключать назойливую заставку... кукиз не у всех включены

  • mari bilerm   [07.05.2013 | 18:40]

    Вариант разместить инфографику между двумя блоками, чтоб при скролле инфографика прокручивалась с эффектом параллакса – быстрее остального сайта. Тогда пользователь, прокрутив 1 экран вниз просмотрит все изображение.
    • Добавлено 07.05.2013 в 18:40
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 13
    • Добавлено 07.05.2013 в 18:40
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 14
    • Добавлено 07.05.2013 в 18:40
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 15
    • Сергей Артюшин    [07.05.2013 | 18:48]  

      слишком топорно :(

      • mari bilerm    [07.05.2013 | 18:50]  

        это набросок, чтоб смысл показать, а реализовать можно не топорно

        • Сергей Артюшин    [07.05.2013 | 19:16]  

          хм... может быть, мы такой вариант не рассматривали

  • Нюра Шарова   [07.05.2013 | 19:38] [внесены изменения: 07.05 2013 | 20:07]

    реагирующее на мышку окно с левой стороны сайта, которое при *вытягивании* отображает вашу инфографику. в исходном состоянии гармонично вписывается в сайт.
    • Добавлено 07.05.2013 в 19:38
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 16
    • Добавлено 07.05.2013 в 19:38
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 17
    • Добавлено 07.05.2013 в 20:07
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 18
    • Сергей Артюшин    [07.05.2013 | 19:52]  

      интересно! такой вариант мы не рассматривали...
      вопрос: как сделать так, чтобы самый невнимательный пользователь:
      1) потянул "за язычок", ожидая увидеть описание продукции
      2) не побоялся потянуть "за язычок" – вдруг это левая реклама?

      • Нюра Шарова    [07.05.2013 | 20:13]  

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

        • Сергей Артюшин    [07.05.2013 | 21:10]  

          +

        • Вадим Юмадилов    [07.05.2013 | 22:18]  

          Нюра!
          Не буду придираться к тому, будут ли люди открывать или нет, но что будет, если у пользователя экран 1080p? Полоса будет далеко от контента.

          • Нюра Шарова    [07.05.2013 | 22:34]  

            а это может быть динамичный блок, который будет привязан к контенту.

  • Павел Скуматов   [07.05.2013 | 22:14] [внесены изменения: 08.05 2013 | 03:41]

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

    1) Как я понимаю на инфографике есть 4 комнаты, или 5.. Я говорю о том – зачем клиенту из парикмахерской знать что вы можете предложить больнице. Что предлагаю я – разбить инфографику на n картинок, для главной, то есть по комнатам и эти комнаты пихнуть в уже существующий дизайн.
    Если в 1 пункт меню попадает несколько комнат, то просто сделать 1 как иконку и она уже будет переходом на страницу продукции, где и представлена инфографика. Можно ещё переработать каталог ( у вас сейчас на главной делится на категории – парикмахерским, салонам и тд, а во вкладке продукция по-другому, может стоит и над этим подумать, хотя я не вникал в мотивы, может быть сейчас и так как нужно.)
    Либо просто сделать иконку для неё, единую на все пункты меню, соответсвующую рисованной стилистике сайта.

    Можно ещё немного покрутить композицию на главной странице, если есть возможность и достигнуть приемлемого варианта расположения элементов на странице. Просто при добавлении элемента на сайт очень сложно не нарушить общую картину. В предложенном варианте просто немного сокращаем расстояния (можно уменьшить также кегль текста) – это при минимальные вмешательства в дизайн.
    Инфографика, естественно, кликабельна, можно даже чуть угасить насыщенность, при наведении полная насыщенность, при клике – полный размер.
    Вообще у меня вопрос один возник – в чем у вас сделана инфографика и есть ли исходники? Если в 3д, то нужно немного поменять ракурс всего, если же плоский, то и такая пойдет.

    2) Сделать дополнительную вкладку в пункте "продукция", то есть типо вида сортировки. Списком и картинками, скажем. У вас сейчас есть список, делаете иконочку-переключалку и вопрос решен. Ну или не поп-ап окно, а новая страница, если не хотите в поп-апе.

    3) была идея сделать комнату вращающейся, но я не знаю как это реализовать технически, типо как на подиуме все 5 комнат и крутить их (располагаются полукгругом), но это в порядке бреда уже.

    Написано сумбурно, старался выделить основную идею, вторую часть попытался объяснить прямо на картинке. Есть ещё несколько дополнений и комментариев, если вопросы возникнут и если решение подойдет.
    • Добавлено 07.05.2013 в 23:05
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 19
    • Добавлено 08.05.2013 в 01:45
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 20
    • Добавлено 08.05.2013 в 02:31
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 21
    • Сергей Артюшин    [08.05.2013 | 12:01]  

      слишком сумбурно, не разобрался.

      • Павел Скуматов    [08.05.2013 | 13:35] [изменен 08.05.2013 | 14:01]

        Проще говоря делаем на сайте как на картинке 1 и по клике на неё открывается картинка 2 с каталогом. При клике же на ссылку "продукция" в шапке, открывается катаклог списком, как сейчас.

  • Сергей Смирнов   [07.05.2013 | 22:44] [внесены изменения: 09.05 2013 | 16:32]

    Предлагаю разместить инфографику во всплывающем окне "Продукция".

    1) В шапке окна "Продукция" есть кнопка переключения в режим инфографики и обратно, в режим списка;

    2) При наведении на какой-либо продукт на инфографике, появляется тултип с названием, ценой, картинкой и ссылкой на страницу товара.
    • Добавлено 09.05.2013 в 16:32
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 22
    • Добавлено 09.05.2013 в 16:32
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 23
    • Добавлено 09.05.2013 в 16:32
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 24
    • Сергей Артюшин    [09.05.2013 | 19:10]  

      +

    • Павел Скуматов    [10.05.2013 | 13:50]  

      то же самое что и у меня, только меня не поняли.

  • Здравствуйте! На мой взгляд фотографии малоинформативны и занимают много места. Инфографику предлагаю сделать более утилитарной, чтобы с нее клиент мог делать заказ. И разбить на участки по видам продукции. При кликах по верхним иконкам, в основном окне будет отражаться соответствующий участок. Есть PSD в слоях.
    • Добавлено 08.05.2013 в 15:38
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 25
  • Алексей Фомин   [09.05.2013 | 09:53] [внесены изменения: 09.05 2013 | 15:47]

    Добрый день, Сергей.
    Предлагаю такой вариант:
    - На главной странице использовать фирменный элемент логотипа в качестве ссылки на инфографику. Округлая форма среди прямоугольников акцентирует на себе внимание.
    - Саму инфографику разместить в окне "продукция". И интерактивно связать ее с каталогом. Таким образом, чтобы при выборе подкатегории продукции на инфографике "зажигалась" только эта подкатегория (в эскизе показал например "Для всего"). При этом можно будет "зажечь" сразу несколько подкатегорий. И легко их отключить. Получится очень наглядная схема. Работа каталога останется неизменной.

    В качестве дополнительных размышлений:
    мне кажется, вам нужно подкорректировать текстовый контент на главной странице. Поскольку вопрос "а что же они производят?" возникает именно потому, что об этом нигде на главной странице не сказано четко и громко.
    Например, если бы вместо "комфортного сотрудничества" было написано "Одноразовые полотенца, воротнички, перчатки, фольга", а дальше мелко "Быстрый заказ. Комфортное сотрудничество" – пользы было бы больше. На мой взгляд.
    • Добавлено 09.05.2013 в 09:53
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 26
    • Добавлено 09.05.2013 в 09:53
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 27
    • Добавлено 09.05.2013 в 15:47
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 28
    • Сергей Артюшин    [09.05.2013 | 11:50]  

      + близко к тому, что мы сами хотели сделать. минусы на второй картинке – слишком большое полотно получается (потребуется много скроллинга)

      • Алексей Фомин    [09.05.2013 | 15:50]  

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

  • Иван Савон   [10.05.2013 | 16:46]

    +
  • Григорий Поляков   [10.05.2013 | 20:58] [внесены изменения: 10.05 2013 | 21:17]

    Названия, текста и иконки только как пример.
    Если сдвинуть каждую категорию на 2 пикселя, спокойно помещается 7.

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

    Во втором варианте, инфографика на первом месте и сайт загружается с этой страницы. Так мы сохраним всё, а так же салонам красоты, клиникам и оптовикам не будет обидно что страничка загружается с парикмахеров а не с них.
    • Добавлено 10.05.2013 в 21:02
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 29
    • Добавлено 10.05.2013 в 21:17
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 30
    • Сергей Артюшин    [10.05.2013 | 21:04]  

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

      • Григорий Поляков    [10.05.2013 | 21:15]  

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

        • Григорий Поляков    [10.05.2013 | 21:19]  

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

        • Сергей Артюшин    [10.05.2013 | 21:22]  

          Другой вариант – это посвятить весь слайдер виртуальному каталогу.... Минус – большое изменение дизайна + лишит сайт женских фотографий (что на мой взгляд не есть гуд). Второй минус – это то, что каталог лежит в двух местах – сверху в плашке навигации (кнопки Продукция, Прайслист) и в слайдере на главной...

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

  • Alim M   [11.05.2013 | 01:48] [внесены изменения: 11.05 2013 | 01:49]

    Здравствуйте,
    как вариант предлагаю запилить еще один элемент слайдера, благо у вас там места достаточно.

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

    Реализовал топорно, но суть думаю можно уловить )
    • Добавлено 11.05.2013 в 01:49
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 31
    • Добавлено 11.05.2013 в 01:49
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 32
    • Alim M    [11.05.2013 | 02:05]  

      Вопрос закрыт, уже есть оказывается :)

  • Роман Беляков   [11.05.2013 | 01:57] [внесены изменения: 11.05 2013 | 20:48]

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

    Информацию о товаре можно узнать двумя способами: наведя на изображение товара, либо выбрав соответствующую позицию в раскрываемой панели («список товаров»). Затем появляется либо тултип/поповер с описанием товара, либо модал (открывается окно на этой же странице с кратким описанием товара), в котором ссылка, ведущая непосредственно в каталог.

    В каталоге есть ссылка «вернуться к инфографике», которая возвращает на главную, но с уже развернутой инфографикой (это делается с помощью get-запроса, например).

    P.S. могу нарисовать модальное окно с профилем товара для инфографики, если необходимо
    • Добавлено 11.05.2013 в 01:57
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 33
    • Добавлено 11.05.2013 в 01:57
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 34
    • Добавлено 11.05.2013 в 01:57
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 35
    • Добавлено 11.05.2013 в 20:48
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 36
    • Добавлено 11.05.2013 в 20:48
      Разместить инфографику на сайте. UPD ТОЛЬКО 6 УЧАСТНИКОВ? - фото 37
    • Сергей Артюшин    [11.05.2013 | 02:09]  

      + интересное предложение

      • Роман Беляков    [11.05.2013 | 02:31]  

        Надо ли нарисовать модальное окно с более подробным описанием товара или всё же стоит ограничиться тултипом?

        • Сергей Артюшин    [11.05.2013 | 10:19]  

          нарисуйте, конечно

          • Роман Беляков    [11.05.2013 | 20:49]  

            Добавил (последние две картинки) вариант с модалом. Теперь при наведении на объект появляются всплывающая подсказка, а при клике на объект открывается сам модал. Кроме названия и цены, могут быть добавлены пара строчек о товаре.

  • we can   [12.05.2013 | 21:34] [внесены изменения: 12.05 2013 | 21:47]

    1. Разместите блок с интерактивной инфографикой на главной странице над "популярной продукцией".
    Инфографика, будет сразу работать как 'витрина магазина'.
    Когда указателем мыши наводишь, пусть появляется подсказка(название товара, диапазон цен, и кнопка подробнее).
    При нажатии на кнопку подробнее – блок инфографики смещается вниз, и перед ним с помощью Ajax подгружается страница с товарами, фильтром товаров, ценами.

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

    3. Интерактивная инфографика внизу на каждой "стандартной" странице списка товаров.
    На инфографике подсвечивается товар который сейчас просматривает посетитель сайта. По аналогии с хлебными крошками.

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