Заказ закрыт
Дизайн главной страницы информационного сайта района/города.

Бюджет: 15 000 руб
Победители конкурса
1 место: An­ton Ki­rilov
2 место: победитель не выбран
3 место: Ken K
Задание:
1 этап

а) Разработка дизайна шапки и подвала главной страницы сайта.
Бюджет: 5 000 руб.

б) Разработка дизайна главной страницы сайта. 
Бюджет: 10 000 руб.

в) Разработка дизайна главной страницы сайта + дизайн шапки и подвала. 
Бюджет: 15 000 руб.

Общий бюджет: 15 000 руб.
Исполнитель: Победитель конкурса.

После выбора победителя конкурса и оплаты, исполнитель предоставляет:
- Графический макет страницы сайта в формате JPEG и исходники (в слоях).
- Страницу на HTML + CSS на основе данного графического шаблона. 

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

О проекте:
Информационно-справочный сайт района (города).
Сайт о районе (городе) – Дома, Жители и Фирмы, живущие или работающие на территории этого района (города).
В основе построения сайта заложена идея социальной сети.

Описание:
Для описания концепции сайта прилагается черновой эскиз дизайна глав.страницы. 

Вверху (шапка): герб района (города), название сайта, слоган.
Внизу (подвал): лого компании, контакты, набор доп.ссылок (обратная связь и т.д.).
Справа (меню навигации): ссылки меню навигации.
Либо горизонтальная навигация вверху, как тут:
egorychev.com/tpl/

Контент главной страницы: 
Верх: визуально оформленные информационные блоки с HTML-контентом (списки ссылок – например, последние новости).
Центр: три выделенных цветных блока: «Фирмы», «Жители», «Дома» (цвета на эскизе не эталонные, но хотелось бы в этом ключе: фирмы – желтый, жители – синий/голубой, дома – зеленый/салатовый) с картинками, иллюстрирующими тип каждого блока (картинки на наброске – для примера расположения). Каждый из блоков так же будет содержать контент (HTML-текст, списки ссылок и т.д.).

На эскизе представлен один из вариантов расположения элементов на странице. Лучшие и более креативные предложения, подчеркивающие концепцию сайта (Фирмы / Жители / Дома) приветствуются.

Требования:
1) На глав.странице должна быть визуально отражена основная идея (концепция) сайта – сайт это социальная сеть района (города), которая состоит из трех элементов: Фирмы, Жители, Дома.

Пожелания:
1) При разработке концепции дизайна необходимо соблюдать основные правила:
- для информационного сайта главное его содержание (контент);
- удобная навигации и интуитивно понятный интерфейс (юзабилити).
2) Приветствуется простота и легкость дизайна. Излишняя перегрузка дизайна лишними элементами оформления и яркими красками не приветствуется.
3) Дизайн шапки и подвала должны быть объединены общим стилевым решением.

Примеры для подражания:
Сайты в стиле Web 2.0

Отрицательные примеры: 
Сайты mrm.ru, mitino.ru и проч. примеры неюзабельной информационной мешанины
Опубликован 22.05.2010 в 00:32 Последнее изменение: 31.05.2010 в 01:21

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

  • Виталий Алессин  

    22.05.2010 | 00:43
    *
  • Александр Programming  

    22.05.2010 | 00:51
    Участвую ждите работу 2-3 дня
  • Сергей Бодров  

    22.05.2010 | 01:05 обновлено: 25.05 2010 | 17:23
    +
    • Yury Zalesky   

      25.05.2010 | 17:19 обновлено 25.05.2010 | 17:31

      1) Дизайн страницы:   
      Александр, не уловил в чем разница между вашим макетом и нашим макетом, выставленным в качестве черновика?   
      Если вы предлагаете взять за основу наш же макет, то какой смысл нам было публиковать конкурс? :)   
      Раскрасить в разные цвета или поменять местами туда/сюда блоки в нашем черновом эскизе (ТЗ) мы можем самостоятельно не обращаясь к помощи уважаемых и уверен талантливых конкурсантов.   
        
      Еже раз, что нам нужно (это прописано в ТЗ):   
      Нам нужна идея! Креативная идея и за это мы готовы платить.   
      Идея заключается в том, что: "На главной странице должна быть визуально отражена основная идея (концепция) сайта – сайт это социальная сеть района (города), которая состоит из трех элементов: Фирмы, Жители, Дома." (см.ТЗ)  Эти три элемента объединяет то, что все они живут (жители) или работают (фирмы) в одном районе и взаимодействуют между собой. На этом принципе строится наша социальная сеть района или города. 
      И именно визуализацию этой ИДЕИ мы надеемся увидеть в конкурсных работах.   
         
      Дизайн шапки, подвала:   
      1) Идея с силуэтами домов в шапке понятна, но не подходит т.к. идея давно избита и присутствует на большом количестве сайтов.   
      2) В дизайне шапки необходимо также обыграть (дизайн) три элемента – название города, название района, слоган. Простое написание этих элементов в три строчки, курсивом вправо или влево, дизайном назвать сложно.   
      3) В подвале герб района не нужен, на этом месте должен располагаться логотип компании (см.ТЗ).

      • Сергей Бодров   

        25.05.2010 | 17:24  

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

        • Yury Zalesky   

          25.05.2010 | 17:49 обновлено 25.05.2010 | 17:50

          ТЗ разбито помакетно и финансово на две части: 
          1) дизайн страницы 
          2) дизайн шапки, подвала 
           
          Поэтому можно смело публиковать отдельный макет шапки и подвала без макета самой страницы. 
          И еще один нюанс касательно силуэтов домов – не все районы или города имеют высотную застройку, вернее большинство из них ее не имеют. Поэтому высотные силуэты домов на сайте например города Мышкин с населением 6 тыс. человек будет смотреться чуждо.

  • Юрий Кожушко  

    22.05.2010 | 01:55
    +
  • Adriana Feshak  

    22.05.2010 | 05:04
    +
  • темыч суменков  

    22.05.2010 | 06:45 обновлено: 28.05 2010 | 08:24
    мой вариант сетки. утверждаем, тогда делао за дизайном
    • Добавлено 28.05.2010 в 08:24
      Дизайн главной страницы информационного сайта района/города. - фото 1
  • Baha Turaev  

    22.05.2010 | 08:14
    AI+
  • Владимир Критов  

    22.05.2010 | 09:18
    ++
  • Артём Балакин  

    22.05.2010 | 09:26
    +
  • гуд монинг
  • Андрей Анашкин  

    22.05.2010 | 09:48 обновлено: 25.05 2010 | 22:16
    +
    Первый набросок. (Пожалуйста прокомментируйте, что нравится, а что нет, и стоит ли развивать эту тему)
    Второй набросок. (Дома (высотки) в шапке и в подвале использовались с фотографии района Митино. Макет в той или иной форме выполнен с наклонностью дизайна web 2.0. Так же постарался избежать излишней графики, об этом было сказано в ТЗ. Так же жду замечаний и пожеланий, думаю они все же будут)

    Добавил еще два варианта шапки, отличаются облаками)

    С Ув-м, Андрей.
    • Добавлено 23.05.2010 в 19:13
      Дизайн главной страницы информационного сайта района/города. - фото 2
    • Добавлено 25.05.2010 в 18:04
      Дизайн главной страницы информационного сайта района/города. - фото 3
    • Добавлено 25.05.2010 в 22:14
      Дизайн главной страницы информационного сайта района/города. - фото 4
    • Добавлено 25.05.2010 в 22:16
      Дизайн главной страницы информационного сайта района/города. - фото 5
    • Yury Zalesky   

      23.05.2010 | 19:49 обновлено 23.05.2010 | 19:55

      1) Не отражена основная идея (концепция) сайта: 
      ТЗ (цитата): 
      "На главной странице должна быть визуально отражена основная идея (концепция) сайта – сайт это объединение:  
      Фирмы, Жители и Дома в единую социальную сеть района (города)." 
       
      2) Примеры, на которые не стоит ориентироваться: mrm.ru, mitino.ru и проч. примеры неюзабельной информационной мешанины.

      3) В целях экономии места под контент в шаблоне допустима только одна вертикальная навигационная колонка.

      • Андрей Анашкин   

        23.05.2010 | 20:08  

        Ок, будем продолжать работать.

        • Yury Zalesky   

          25.05.2010 | 17:56  

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

          • Андрей Анашкин   

            25.05.2010 | 17:59 обновлено 25.05.2010 | 18:16

            Данные дома взяты с фотографии района Митино.

            • Yury Zalesky   

              25.05.2010 | 18:17  

              В ТЗ я везде написал "района/города" это значит, что сайт не касается конкретно района Митино.
              Идея дизайна шапки должна быть универсальным решением т.е. подходить для любого района или города.
              Район Митино просто взят для примера.

            • Yury Zalesky   

              25.05.2010 | 19:42  

              Идея с силуэтами жителей в шапке сайта интересная...

    • Yury Zalesky   

      26.05.2010 | 16:02  

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

      ПОДВАЛ
      Если у нас в шапке – небо, то в подвале небо смотрится нелогично...

      СТРАНИЦА
      - три блока – фирмы, жители, дома невозможно разместить в один ряд по горизонтали т.к. каждый из этих блоков имеет свой довольно длинный горизонтальный контент (см.эскиз в ТЗ). Отзывы, Блиги, Гостевые будут представлены текстовыми строками из заголовков постов. В случае горизонтально размещения поместится 2-3 слова, все остальное отрежется.
      - ленту последних новостей нужно отображать без превьюшек из-за экономии места по вертикали (аналог лента последних новостей на главной странице Яндекса).
      - главная страница должна быть скомпонована без скролинга вниз, за границу видимой части экрана может уехать подвал – это не критично.

  • Александр Лапцкий  

    22.05.2010 | 11:36 обновлено: 31.05 2010 | 23:43
    вот и мой вариант.
    попробую если успею сегодня сделать топ горизонтальнее


    вот вариант с немного другой структуркой
    • Добавлено 31.05.2010 в 21:00
      Дизайн главной страницы информационного сайта района/города. - фото 6
    • Добавлено 31.05.2010 в 23:43
      Дизайн главной страницы информационного сайта района/города. - фото 7
  • Алексей Иванов  

    22.05.2010 | 12:58
    +
  • Игорь Шкирник  

    22.05.2010 | 13:50 обновлено: 22.05 2010 | 13:51
    +
  • Дмитрий Зверев  

    22.05.2010 | 14:04
    ©
  • Студия Маслоу  

    22.05.2010 | 17:24
    +
  • Sunny Star-SPB  

    22.05.2010 | 17:36
    Так нужно не только нарисовать дизайн, но и сверстать?
    • Yury Zalesky   

      23.05.2010 | 19:37 обновлено 25.05.2010 | 19:48

      ТЗ (цитата):  
      "...исполнитель предоставляет:   
      - Графический макет страницы сайта в формате JPEG и исходники (в слоях).   
      - Страницу на HTML + CSS на основе данного графического шаблона."

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

  • Dima Oshmarin  

    22.05.2010 | 18:03
    +
  • Dmitry Comov  

    22.05.2010 | 18:42
    +
  • Ольга Саенко  

    23.05.2010 | 00:10
    участвую!

    +
  • Mihail Shelkunov  

    23.05.2010 | 09:46
    +
  • - -  

    23.05.2010 | 20:15
    Участвую!
  • Иван Удальев  

    23.05.2010 | 22:43
    +
  • Denis Manson  

    24.05.2010 | 05:02
    +
  • truffle design  

    24.05.2010 | 15:25 обновлено: 27.05 2010 | 11:19
    Приветствую. Вот Вам наш вариант Митино. Жду комментарии.
    • Добавлено 25.05.2010 в 13:05
      Дизайн главной страницы информационного сайта района/города. - фото 8
    • Добавлено 27.05.2010 в 11:19
      Дизайн главной страницы информационного сайта района/города. - фото 9
    • Yury Zalesky   

      25.05.2010 | 17:37 обновлено 25.05.2010 | 19:44

      Дмитрий, комментарий к вашему макету будет схожим с написанным выше – комментарий к макету "Александр Z", т.е. в макете отсутствует идея (идея прописана в ТЗ).

      • truffle design   

        27.05.2010 | 11:22  

        Юрий. Вот еще вариант. Баннер вверху 100рхХ100%. Мини-галерея в шапке сайта с фотографиями домов, фирм и жителей или новостей. Топы в отдельных рамках, показывают не топ 10, а произвольно 5 из 10 например, дабы пользователю было интересней посмотреть подробнее.

  • Антон Гоменюк  

    24.05.2010 | 23:36 обновлено: 29.05 2010 | 03:14
    Юрий, вот вам мой макет. На страницу вынесены самые нужные и «живые» блоки. Могу обосновать подробнее, если нужно.
    • Добавлено 29.05.2010 в 03:14
      Дизайн главной страницы информационного сайта района/города. - фото 10
  • Ken K  

    28.05.2010 | 09:02 обновлено: 31.05 2010 | 21:20
  • Anton Kirilov  

    29.05.2010 | 10:39 обновлено: 31.05 2010 | 19:57
    • Добавлено 29.05.2010 в 10:39
      Дизайн главной страницы информационного сайта района/города. - фото 11
    • Добавлено 31.05.2010 в 19:57
      Дизайн главной страницы информационного сайта района/города. - фото 12
    • Yury Zalesky   

      29.05.2010 | 14:15 обновлено 29.05.2010 | 15:18

      ТОП-10 Фирм, Жителей и Домов не получиться сделать в столбик по вертикали т.к. название у фирмы м.б. довольно длинным, а также перед названием будет превью логотипа. У жтелей перед ником аватарка или превью фотки, у домов длинный адрес – это все удлиняет конструкцию по горизонтали. Обрезать лого и аватарки/фотки нельзя т.к. это ведет к обезличиванию пользователей.