Заказ закрыт
Дизайн для интернет-версии "бумажной" газеты

Бюджет: 15 000 /заказ
Победители конкурса
2 место: победитель не выбран
3 место: победитель не выбран
Требуется разработать дизайн интернет-версии провинциальной газеты "Соседи. Люди и город." 
Для конкурса необходима предоставить вариант главной страницы с лого, адаптированным для веба. Надпись "Люди и город" не должна бросаться в глаза. При выборе цветовой гаммы желательно руководствоваться "шапкой" печатной версии газеты (файл header.jpg"). 
Ширина должна быть фиксированной (960px)

Мокап главной страницы в файле "1. Main.png". 

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

Сайты конкурентов:
vnnews.ru/
www.pryamayarech.ru/
www.gazetanovgorod.ru/
53news.ru/
www.velikiynovgorod.ru/

Сайты, удовлетворяющие эстетическим вкусам заказчика:
www.vesti.ru/
www.bbc.co.uk/russian/


Срок выполнения проекта – 2 недели с момента окончания конкурса
Опубликован 21.02.2012 в 10:58 Последнее изменение: 24.02.2012 в 23:21

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

  • Нарек Хачатрян  

    21.02.2012 | 11:05
    +
  • Влад Абрамов  

    21.02.2012 | 12:10
    +
  • Ирина Захарова  

    21.02.2012 | 12:23
    +
  • UI UX-Designer  

    21.02.2012 | 12:51 обновлено: 28.02 2012 | 23:36
    Публиковал версию дизайна. 

    — Дизайн фиксированной ширины 960 пкс. ( с "резиной" проблем не будет) 
    — Версии исходя вашему прототипу

    • Добавлено 24.02.2012 в 20:15
      Дизайн для интернет-версии "бумажной" газеты - фото 1
    • Добавлено 25.02.2012 в 22:25
      Дизайн для интернет-версии "бумажной" газеты - фото 2
    • Добавлено 27.02.2012 в 16:11
      Дизайн для интернет-версии "бумажной" газеты - фото 3
    • Добавлено 28.02.2012 в 23:34
      Дизайн для интернет-версии "бумажной" газеты - фото 4
    • UI UX-Designer   

      23.02.2012 | 22:53  

      Вопрос по прототипу: 
      Блок "популярное" будет название темы? или возможно описание к примеру 200 символов ? 
      По высоте блоки статьей должны быть вровень с рекламой "340x400" ?

      • Антон Иванов   

        23.02.2012 | 23:17  

        В популярном только заголовок статьи, без описания. Не совсем понял второй вопрос. Если имеется ввиду должна ли предпоследняя строка новость быть выровнена по вертикали с блоком рекламы, то – нет.

    • Антон Иванов   

      24.02.2012 | 23:18  

      Хорошая работа! Радует лаконичность и выдержанность в гамме печатного издания. Просьба внести небольшие правки: 
      - в лого использовать фирменное написание слова "Соседи", "Люди и город" сделать менее заметными. Цвет текста сделать белым без эффекта объема. 
      - в блоке "Публикации газеты" сделать "прозрачную" подложку теплого цвета
      - в блоке "Популярное" добавить номер позиции новости в рейтинге (1,2,3...)
      - в блоке "Курсы валют" добавить стрелки, отражающие изменение курса
      - в меню отразить "активированное" состояние любой кнопки

      • UI UX-Designer   

        25.02.2012 | 00:51  

        -> Публиковал правки.

        • Антон Иванов   

          25.02.2012 | 02:01  

          Спасибо! Получилось отлично. Извиняюсь, что слишком туманно выразил мысль – под "теплым" цветом я имел ввиду что-то типа #FFEBCD

  • Денис Мироненко  

    21.02.2012 | 13:10 обновлено: 28.02 2012 | 12:55
    Выкладываю черновой вариант макета гавной страницы.

    Мелочи и шапка нужаются в доработке, выкладываю в таком виде, так как сейчас убегаю. Хотелось бы услышать критику по макету, чтобы успеть доелать до окончания конкурса.
    Цветовое гамму решил не делать красочной, а выдержать в более строгой и газетной форме чтобы ничего не отвлекало от контента. (Узнаваемость планируется делать за счет шапки сайта)

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

    С уважением, Денис.
    • Добавлено 28.02.2012 в 12:55
      Дизайн для интернет-версии "бумажной" газеты - фото 5
    • Добавлено 28.02.2012 в 12:55
      Дизайн для интернет-версии "бумажной" газеты - фото 6
    • Добавлено 28.02.2012 в 12:55
      Дизайн для интернет-версии "бумажной" газеты - фото 7
    • Добавлено 28.02.2012 в 12:55
      Дизайн для интернет-версии "бумажной" газеты - фото 8
    • Антон Иванов   

      21.02.2012 | 15:25  

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

      • Cebanas Dima   

        23.02.2012 | 16:55 обновлено 23.02.2012 | 16:55

        это слишком маленький бюджет для 11 страниц. + еще и логотип...я думаю до 20к можно поднять

        • Антон Иванов   

          23.02.2012 | 22:34  

          Дмитрий, надеюсь вы обратили внимание на то, что более менее уникальных лейаутов около 7 шт., остальные имеют лишь небольшие изменения. Тем не менее, бюджет не является строго фиксированным. Если работа будет выполнена качественно и в срок, исполнителя ожидают премиальные. Приглашаю принять участие в конкурсе –  понравилась ваша работа in-ulyanovsk.

          • Cebanas Dima   

            24.02.2012 | 15:05  

            понятно, поучаствую.

    • Денис Мироненко   

      27.02.2012 | 13:19  

      Ближе к вечеру будет вариант

    • Ксения Демидова   

      27.02.2012 | 16:11  

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

    • Антон Иванов   

      28.02.2012 | 01:02  

      Денис, спасибо за ваш макет!Имхо, очень достойная работа. Просьба внести небольшие правки. Мы не планируем разделять курс на покупку и продажу, ограничиваемся только курсом ЦБ; уберите, пожалуйста, пагинатор, на его месте должна быть кнопка "Все новости"; также просьба убрать инфу о количестве просмотров – заказчик хочет оставить ее приватной. В шапке хочется сместить кнопки фейсбука и т.п. правее. Спасибо!

      • Денис Мироненко   

        28.02.2012 | 01:07  

        Хорошо, все доделаю и выложу вариант

      • Денис Мироненко   

        28.02.2012 | 12:56  

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

        Жду комментариев.
        С ув. Денис

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

    21.02.2012 | 13:44
    +
  • Денис Гончаренко  

    21.02.2012 | 16:48 обновлено: 21.02 2012 | 16:51
    +
    Работу выложу в течение 2 дней.

    Я так понимаю лого нужно тоже сделать? 
  • om om  

    21.02.2012 | 17:06
    +
  • Артём Балакин  

    21.02.2012 | 21:38
    +
  • Дарья Смелова  

    21.02.2012 | 22:26
    +++++
  • Инна Самсоненко  

    22.02.2012 | 06:17 обновлено: 27.02 2012 | 17:07
    +
    • Добавлено 27.02.2012 в 17:07
      Дизайн для интернет-версии "бумажной" газеты - фото 9
  • Elena Lisa  

    22.02.2012 | 13:18
    8)
  • Екатерина Васильева  

    22.02.2012 | 15:08 обновлено: 27.02 2012 | 09:44
    +
    • Добавлено 27.02.2012 в 09:44
      Дизайн для интернет-версии "бумажной" газеты - фото 10
    • Антон Иванов   

      27.02.2012 | 13:37  

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

      • Екатерина Васильева   

        27.02.2012 | 13:42  

        Здравствуйте! Прошу извинить, но я не вижу данное издание в этой цветовой гамме, мне кажется безвкусным такое сочетание цветов.  В т.з. прописано лишь желательное использование цветовой гаммы печатного издания, но не обязательное – воспользовалась данным "но".

  • Борис Майский  

    23.02.2012 | 01:15 обновлено: 28.02 2012 | 05:31
    Здравствуйте.
    Добавил свой вариант.
    • Добавлено 28.02.2012 в 05:31
      Дизайн для интернет-версии "бумажной" газеты - фото 11
  • Никита Белов  

    23.02.2012 | 12:56
    +
  • Che Max  

    23.02.2012 | 21:27
    +
  • Серафим Бахарев  

    24.02.2012 | 20:17
    +
  • Сергей Смирнов  

    25.02.2012 | 14:27 обновлено: 28.02 2012 | 23:11
    Вот набросал...
    Жду Ваших комментариев...



    P.S. Заранее Благодарен.
    • Добавлено 28.02.2012 в 23:11
      Дизайн для интернет-версии "бумажной" газеты - фото 12
  • Арина Воронина  

    25.02.2012 | 20:23 обновлено: 27.02 2012 | 18:58
    UPD    Приложила четвертый скриншот с внесенными правками – изменен шрифт заголовков, добавлены погодные пиктограммы, штампы дат перенесены вниз, под статью (кстати, так и правда лучше выглядит). Пятый скриншот отличается только шрифтом заголовков и верхней навигации, с одной стороны он не такой тяжелый, как Impact, с другой стороны – более свежий и очень, если позволите, «газетный» (если вы не против подключения веб-шрифтов, то можно попробовать вот такой интересный вариант).

    Добрый вечер! Вот что у меня получилось. Поскольку сайт задумывается как веб-версия газеты, хотелось сделать упор на приятное чтение статей, поэтому выбран спокойный оранжевый фон в шапке и футере и нейтральный же фон записей, заголовки достаточно привлекают внимание к статьям, сам текст в меру крупный, контрастный и удобный для долгого вдумчивого чтения. На втором скриншоте приведены примеры активного состояния основных элементов, третий скриншот — пример формы входа.
    • Добавлено 25.02.2012 в 21:17
      Дизайн для интернет-версии "бумажной" газеты - фото 13
    • Добавлено 27.02.2012 в 04:40
      Дизайн для интернет-версии "бумажной" газеты - фото 14
    • Добавлено 27.02.2012 в 04:40
      Дизайн для интернет-версии "бумажной" газеты - фото 15
    • Добавлено 27.02.2012 в 18:58
      Дизайн для интернет-версии "бумажной" газеты - фото 16
    • Добавлено 27.02.2012 в 18:58
      Дизайн для интернет-версии "бумажной" газеты - фото 17
    • Антон Иванов   

      27.02.2012 | 13:28  

      Здравствуйте, Арина! Вариант очень впечатлил, довольно оригинально, резко отличается от остальных конкурсных работ. Добавляют вас в кандидаты.  Не могли бы вы внести небольшие правки в макет: шрифт заголовков сделать менее "жирным" (текущий тяжело читается при невысоких разрешениях); временной штамп разместить после новости, уменьшить его шрифт и добавить "Комментарии" в этот же блок; Добавить пиктограммы с изображением осадков к "Погоде".

      • Воздушные Иконки   

        27.02.2012 | 13:36  

        Арина, скажите а как будет верстать верстальщик  этот макет? Это ж просто анриал ((

        • Арина Воронина   

          27.02.2012 | 15:36  

          Простите, что именно вам здесь кажется «анриал»? Даже я, занимаясь в основном отрисовкой макетов и зная основы css и html, прекрасно представляю, как это верстать. Я вообще не рисую то, что не знаю, как сверстать.

          • Ксения Демидова   

            27.02.2012 | 16:04  

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

            • Воздушные Иконки   

              27.02.2012 | 16:53  

              К примеру как будет верстать текст "название новости". 
              У вас же не вебовский шрифт, и что человек должен будет отдельно картинку для каждой новости верстать? Бред вообщем.

              Вы, как человек работающий 3 года в печатном издании, и подбирает такие шрифты и ужасный цвет, поясните нам =)
              Ничего личного, Арина Воронина =)

              • Арина Воронина   

                27.02.2012 | 17:09  

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

                >К примеру как будет верстать текст "название новости". У вас же не вебовский шрифт

                Названия новости набраны шрифтом Impact. Этот шрифт входит в ядро безопасных шрифтов, то есть тот самый стандартный пакет вместе с Arial и Georgia и т.д., что устанавливается с системой (Win и Mac). Это самый что ни на есть вебовский шрифт.

                >и что человек должен будет отдельно картинку для каждой новости верстать? Бред вообщем

                Опять же, вы сели в лужу. Картинки давно уже в прошлом, почитайте про @font-face. 
                И прошу вас, не нужно меня больше отвлекать на такие глупости. Прежде чем требовать пояснений от меня, поясните себе азы и основы того, о чем мы разговариваем, почитайте книги, справочники.

                • Воздушные Иконки   

                  27.02.2012 | 17:19  

                  Уважаемая, я руководитель крупной харьковской студии по разработке иконок для интерфейсов и веб сайтов.
                  Опыт работы более 5 лет студии.
                  Вы так и не ответили на мой вопрос о верстке, все ходите вокруг да около.
                  Слова типа "сели в лужу" были лишними.
                  Спасибо. До свиданья.

                  • Арина Воронина   

                    27.02.2012 | 19:02  

                    И каким образом разработка иконок делает вас экспертом в области верстки и знания тонкостей html и css? (которые у вас даже ниже начального уровня, судя по вопросам)

                    >Вы так и не ответили на мой вопрос о верстке

                    Что конкретно в фразах «Impact – безопасный шрифт» и «@font-face» вы не поняли?
                    И вам спасибо, и всего хорошего.

                    • Воздушные Иконки   

                      27.02.2012 | 19:35  

                      Блин, вы такой бред пишите. 
                      Сколько вам лет? Школота-школота делает сайты, с опытом 3 лет полиграфии. ну-ну
                      хаахахахах.

                      • Арина Воронина   

                        27.02.2012 | 19:43  

                        Прекращайте выставлять себя на посмешище. И вы вроде уже попрощались.

                      • Ксения Демидова   

                        27.02.2012 | 22:29  

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

      • Арина Воронина   

        27.02.2012 | 15:44 обновлено 27.02.2012 | 18:58

        Здравствуйте, Антон! Спасибо. Очень хотелось, чтобы у сайта было свое «лицо», запоминающиеся на фоне ваших газетных конкурентов. Несколько уточняющих вопросов – вы хотите шрифт в заголовках совсем другой? (кстати, что вы думаете о подключении веб-шрифтов? Не против такой возможности?) И про осадки – сколько должно быть пиктограмм: одна на весь день или три, на каждую часть дня? Правки предоставлю чуть позже.

        UPD   Правки внесены.

        • Ксения Демидова   

          27.02.2012 | 16:07  

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

          • Арина Воронина   

            27.02.2012 | 16:37  

            Спасибо за комментарий, Джон! Если возникают – то гоните их веником! :3 Я три года работала в печатном издании, и никогда капитель (вы же ее имеете ввиду?) не считалась чем-то принадлежащим только «ритуальному бизнесу». Капитель – всего лишь стилистический прием, способ разнообразить типографику внутри одной гарнитуры, в нем нет ничего страшного и и узко ассоциативного, как нет подобного в курсивном начертании или жирном.

            • Ксения Демидова   

              27.02.2012 | 16:55  

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

              • Арина Воронина   

                27.02.2012 | 19:04  

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

        • Антон Иванов   

          28.02.2012 | 00:42  

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

          • Арина Воронина   

            28.02.2012 | 22:12  

            Да не за что. На счет веб-шрифтов – в подключении для заголовков обычно нет ничего страшного, а свежий шрифт – как глоток свежего воздуха, учитывая что стандартный набор ограничен 5-6 безопасными шрифтами.

    • Серафим Бахарев   

      28.02.2012 | 22:46  

      Приятный дизайн. Мой +

  • Alexandr Karsakov  

    25.02.2012 | 23:09 обновлено: 28.02 2012 | 23:10
    • Добавлено 25.02.2012 в 23:09
      Дизайн для интернет-версии "бумажной" газеты - фото 18
    • Добавлено 27.02.2012 в 22:00
      Дизайн для интернет-версии "бумажной" газеты - фото 19
    • Добавлено 28.02.2012 в 23:10
      Дизайн для интернет-версии "бумажной" газеты - фото 20
  • Дмитрий Васильев  

    26.02.2012 | 16:57 обновлено: 27.02 2012 | 13:59
    • Добавлено 26.02.2012 в 19:10
      Дизайн для интернет-версии "бумажной" газеты - фото 21
    • Добавлено 27.02.2012 в 13:59
      Дизайн для интернет-версии "бумажной" газеты - фото 22
    • Антон Иванов   

      27.02.2012 | 13:39  

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

  • Darya Ilatovskaya  

    27.02.2012 | 22:40
    • Добавлено 27.02.2012 в 22:40
      Дизайн для интернет-версии "бумажной" газеты - фото 23
    • Антон Иванов   

      28.02.2012 | 00:47  

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

  • +
    • Добавлено 28.02.2012 в 16:17
      Дизайн для интернет-версии "бумажной" газеты - фото 24
  • Sergey DES  

    28.02.2012 | 21:59
    +