Заказ закрыт
Дизайн одностраничника по продаже программного обеспечения

Бюджет: 12 000 руб/заказ
Победители конкурса
Дизайн одностраничника по продаже программного обеспечения на основании прототипа
1 место – 12000
Все участники получат положительные отзывы.
Дизайны будут комментироваться по мере поступления.

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

Результаты конкурса будут подводиться на основании предоставленного дизайна главной страницы (п.1). Победитель в течении 3х дней доделывает оставшиеся типы страниц по списку:

1) Главная
asnovikov.mybalsamiq.com/...
вместе с всплывающим окном "заказать звонок":
asnovikov.mybalsamiq.com/...
2) Каталог товаров (отличается только содержанием области 1)
asnovikov.mybalsamiq.com/...
3) Карточка товара (отличается содержанием области 1)
asnovikov.mybalsamiq.com/...
4) Карточка решения (этап 2)
asnovikov.mybalsamiq.com/...
5) Карточка наполнения (этап 3)
asnovikov.mybalsamiq.com/...
6) Всплывающее окно заказа.

Описание.
Вверху шаги (тип -> ниша -> наполнение -> оплата -> результат) следует сделать инфографикой.
Шаги в шапке кликабельны и ведут на соответствующие этапы.
Красным цветом подсвечиваются кнопки выбора текущего этапа, кнопки следующих этапов – серые. Как только на текущим этапе сделан выбор, его кнопка становится зеленой, кнопка следующего этапа – красной.
ОБЯЗАТЕЛЬНО: изображения автомобилей следует сделать отрисованными, что бы осталась аналогия с уровнем автомобиля, его типом и качеством сборки, но исчезло ощущение, что сайт продает автомобили.
Все изменения на сайте (переход по разделам каталога) производятся на одной странице с помощью JS. Нажатие на название этапа возвращает в верхний уровень каталога (на стартовую страницу соответствующего этапа).
1) Первый раздел (выберите тип сайта) состоит из 3 уровней: каталог -> список товаров -> карточка товара. При заходе в карточку товара кнопка "Выбрать" сменяется на "Выбрано". При этом кнопка следующего этапа становится красной.
При нажатии на ссылки статей "почему мы советуем битрикс" и "сравнение с другими системами" текст должен появляться во всплывающем окне на 4/5 от ширины окна браузера.
2) Второй раздел (выберите нишу): список в две колонки – радио-кнопки. Можно выбрать соответствующую радио-кнопку и нажать кнопку "выбрать" – они смениться на зеленую "выбрано". А можно нажать на ссылку – откроется карточка товара с кнопкой "выбрано". При этом кнопка следующего этапа становится красной.
Если список не вмещается по высоте, то должен появляться слайдер, который позволит листать список постранично влево-вправо (pagination типа слайдер).
3) Третий раздел: выбрать один из вариантов, он раскроется на всю ширину экрана, кнопка сменится на зеленую "выбрано".
4) "Заказать сайт" – открывается всплывающее окно с полями.
Ваш заказ: редакция "Стандарт", сайт клиники, наполнение до 10 страниц бесплатно.
Ваше имя:
Ваш телефон: (для решения неотложных вопросов)
Ваш электронный адрес: (для уведомлений о состоянии заказа)
Оплата от: физического лица/юридического лица
Способ оплаты: (VISA, webmoney, Яндекс.Деньги, банковским переводом)

Технические требования к дизайну: резиновый от 1024 (макет 980) до 1280 (картинка 1236) – т.е. 2 варианта на оба разрешения.
Обязательно, что бы хорошо смотрелся и нажимался на iPad. Желательно: адаптивный, сетка 12 колонок.

Расчет.
Победитель получит аванс за работу в течении 2х рабочих дней после подведения итогов конкурса на основании предоставленных PSD-файлов в размере 3000 руб. Окончательный расчет с победителем конкурса произойдет после предоставления всех перечисленных страниц и проверки их верстальщиком – в течении 3х рабочих дней. Возможны просьбы о незначительной корректировке дизайна.

Вместе с PSD-файлом дизайна заказчику передаются все исключительные права на дизайн главной страницы и всех остальных.
Участие в данном конкурсе означает согласие участника с указанными выше условиями.
Опубликован 21.05.2013 в 08:19 Последнее изменение: 24.05.2013 в 11:06

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

  • Антон Тырышкин  

    21.05.2013 | 10:01
    Постараюсь что-нибудь сотворить +
  • +
    а что так мало времени?
  • Мария Анфилатова  

    21.05.2013 | 13:12
    +
  • Артур Ермолаев  

    21.05.2013 | 14:16 обновлено: 22.05 2013 | 21:23
    +
    • Добавлено 22.05.2013 в 21:23
      Дизайн одностраничника по продаже программного обеспечения - фото 1
    • Алексей Новиков   

      22.05.2013 | 06:50  

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

      • Денис Ягупов   

        22.05.2013 | 13:02  

        "резиновый от 1024 (макет 980) до 1280 (картинка 1236)
        Обязательно, что бы хорошо смотрелся и нажимался на iPad. Желательно: адаптивный, сетка 12 колонок."
        Так Вам в итоге 3 варианта на каждую страницу нужно? Потому как ни 980, ни 1236 – это ни разу не сетка в 12 колонок.

        12т. за все 5 страниц (считай 10 страниц) + попап? Или это только на главную?

        • Алексей Новиков   

          22.05.2013 | 15:08  

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

          • Денис Ягупов   

            22.05.2013 | 15:30 обновлено 22.05.2013 | 15:42

            Как то Вы своим комментарием не ответили ни на один из моих вопросов.
            Перефразирую:
            1) "Резиновая" сетка не будет одинаково адекватно выглядеть во всех браузерах. По-моему это лишь лишние заморочки Вашим верстальщикам и программистам.
            2) Что потом надо сделать внутренние страницы понятно и так. Мой вопрос был в другом. Данный бюджет рассчитан на весь проект (включая внутренние) или это только на главную, которую надо представить в конкурсе?

            • Алексей Новиков   

              22.05.2013 | 15:47  

              1) Ваше утверждение не понял. 980 макет для стандартного разрешения 1024, 1236 – это 1200. Что адаптивная сетка не предполагает стандартных разрешений? Задал вопрос в личку, так же можем обсудить по скайпу, стучитесь: aleksey_new
              2) Бюджет рассчитан на весь проект. Структура "внутренних" страниц такая же, как "главной" с точностью до пикселей, отличаются заменой областей 1, 2 и 3. Пишу в кавычках, потому что по замыслу это будет одностраничник.

    • Денис Ягупов   

      22.05.2013 | 12:56  

      "ВысАкопосещЯемый" звучит круто! ;)

  • Анна Куц  

    21.05.2013 | 16:08
    +
  • Алена Иванова  

    21.05.2013 | 17:38 обновлено: 22.05 2013 | 20:23
    Здравствуйте! За что люблю конкурсы, за то что можно всё сделать как тебе хочеться. Вот что получилось:)

    Иконки отрисовать не успеваю
    • Добавлено 22.05.2013 в 20:22
      Дизайн одностраничника по продаже программного обеспечения - фото 2
  • Павел Хрушков  

    22.05.2013 | 10:03
    +
  • F A  

    22.05.2013 | 17:42 обновлено: 24.05 2013 | 20:00
    +
    • Добавлено 24.05.2013 в 12:13
      Дизайн одностраничника по продаже программного обеспечения - фото 3
    • Добавлено 24.05.2013 в 12:13
      Дизайн одностраничника по продаже программного обеспечения - фото 4
    • Добавлено 24.05.2013 в 20:00
      Дизайн одностраничника по продаже программного обеспечения - фото 5
    • F A   

      24.05.2013 | 12:14  

      Здравствуйте, Алексей!
      Доработал дизайн, жду комментарии.

      • Алексей Новиков   

        24.05.2013 | 19:32  

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

        • F A   

          24.05.2013 | 20:00  

          Еще один вариант для раздумий.))

  • Иван Андросов  

    22.05.2013 | 17:49 обновлено: 24.05 2013 | 21:12
    +
    • Добавлено 22.05.2013 в 23:17
      Дизайн одностраничника по продаже программного обеспечения - фото 6
    • Добавлено 24.05.2013 в 21:12
      Дизайн одностраничника по продаже программного обеспечения - фото 7
    • Алексей Новиков   

      24.05.2013 | 11:25  

      Мне нравится – просто и со вкусом. Номера шагов в шапке не очень читаются, может сделать их потолще (жирнее)?
      Иконки тенями хорошо получились, по этому хочу уточнить: сможете ли изобразить так же иконки каталога: asnovikov.mybalsamiq.com/...

    • Алексей Новиков   

      24.05.2013 | 19:14  

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

      • Иван Андросов   

        24.05.2013 | 19:16  

        Вы правы. Постараюсь успеть исправить.

      • Иван Андросов   

        24.05.2013 | 21:14  

        Поправил легковое авто и номера шагов.
        Не вижу сложностей нарисовать иконки каталога в таком же стиле, как на главной.

        • Алексей Новиков   

          24.05.2013 | 22:44  

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

          • Алексей Новиков   

            24.05.2013 | 23:09  

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

  • Сарке Интеркатив  

    22.05.2013 | 19:15 обновлено: 24.05 2013 | 22:36
    Еще один вариант)
    • Добавлено 22.05.2013 в 20:52
      Дизайн одностраничника по продаже программного обеспечения - фото 8
    • Добавлено 24.05.2013 в 22:10
      Дизайн одностраничника по продаже программного обеспечения - фото 9
    • Добавлено 24.05.2013 в 22:36
      Дизайн одностраничника по продаже программного обеспечения - фото 10
    • Алексей Новиков   

      24.05.2013 | 11:14  

      шаги в заголовке не ассоциируются с этапами в теле страницы

    • Алексей Новиков   

      24.05.2013 | 23:21  

      Не, не помогает. Ну не тянет покупать софт за 25'000 руб. на таком сайте – максимум за 1'990.

  • Дмитрий Гнатовский  

    22.05.2013 | 21:38 обновлено: 24.05 2013 | 20:00
    Здравствуйте, Алексей!
    Предлагаю Вам своё видение сайта.
    • Добавлено 22.05.2013 в 21:38
      Дизайн одностраничника по продаже программного обеспечения - фото 11
    • Добавлено 24.05.2013 в 20:00
      Дизайн одностраничника по продаже программного обеспечения - фото 12
    • Алексей Новиков   

      24.05.2013 | 11:12  

      не выполнены требования к дизайну, выделенные словом ОБЯЗАТЕЛЬНО. Из-за этого, сайт выглядит, как автомобильный

  • Денис Ягупов  

    24.05.2013 | 18:24
    • Добавлено 24.05.2013 в 18:24
      Дизайн одностраничника по продаже программного обеспечения - фото 13
    • Добавлено 24.05.2013 в 18:24
      Дизайн одностраничника по продаже программного обеспечения - фото 14
    • Алексей Новиков   

      24.05.2013 | 19:27  

      Малиновый эксперимент – не то. Второй – лучше.
      Все формальные требования вроде бы выполнены, но заказывать как-то не тянет. Покупатель подсознательно ассоциирует свой будущий сайт с тем, что он видит. В данном случае ассоциация эмоций не вызывает. Возможно потому что 2D.

      • Денис Ягупов   

        24.05.2013 | 19:53 обновлено 24.05.2013 | 19:54

        Да мне самому не нравится. Ни тот, ни другой. Делал как эксперимент, но результат, к сожалению, не оправдал ожидания. Не обязательно 2D хуже, чем 3D, просто тут оно не смотрится, а на отрисовку чего-то симпатичного времени нет, я только несколько часов назад увидел, что Вы конкурс продлили. Хоть бы в личку написали, я ведь Вас там спрашивал о возможности продления, было бы время подумать и нарисовать.

        • Алексей Новиков   

          24.05.2013 | 20:04  

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