Заказ закрыт
Разработать новую версию шапки существующего сайта

Бюджет: 20 000 
upd
Увеличили бюджет!

Добрый день, уважаемые дизайнеры!
Необходимо разработать новую версию шапки для сайта компании, занимающейся производством и возведением фундаментов на винтовых сваях. Адрес сайта: www.fundex.su/

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

2. Логотип и синий цвет используем существующий

3. Сделать возможность выбирать город из списка.

4. Предложить свое видение главного меню

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

Логотип в векторе будет доступен для скачивания в ближайшее время. 

п.с.
Поскольку администрация ресурса так и не расширила функции при закрытии конкурса, в случае, если ни одна из работ не будет одобрена заказчиком, 3 участника с наиболее интересными работами получат поощрительные приз :)
Опубликован 29.01.2015 в 23:15 Последнее изменение: 30.01.2015 в 20:25

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

  • Igor Nikolaev  

    29.01.2015 | 23:32 обновлено: 30.01 2015 | 02:15
    +
    • Добавлено 30.01.2015 в 02:15
      Разработать новую версию шапки существующего сайта - фото 1
    • Александр А   

      30.01.2015 | 14:02  

      Игорь, благодарю за оперативность!
      Телефон и город по-прежнему не найти. Слайдера нет, меню старое. По сути Вы поставили другую картинку в шапку :)

      • Igor Nikolaev   

        30.01.2015 | 14:54 обновлено 30.01.2015 | 14:55

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

  • Дмитрий Овчинников  

    29.01.2015 | 23:58 обновлено: 02.02 2015 | 07:59
    +
    • Добавлено 02.02.2015 в 07:59
      Разработать новую версию шапки существующего сайта - фото 2
    • Добавлено 02.02.2015 в 07:59
      Разработать новую версию шапки существующего сайта - фото 3
    • Александр А   

      30.01.2015 | 00:40  

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

      п.с.
      Не прошу рисовать макет, но хотелось бы видеть именно ИДЕЮ
      Спасибо!

      • Дмитрий Овчинников   

        02.02.2015 | 08:00  

        Здравствуйте. Добавил новые варианты. Картинка в шапке + слайдер (с акциями, новостями и т. д.)

  • Артур Темуразян  

    30.01.2015 | 01:46
    Учавствую
  • Андрей Медведев  

    30.01.2015 | 04:06
    Мне кажется, что вашему сайту отлично подойдёт flat-modern стиль.

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

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

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

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



    P.S. без макета идею выразить сложно
    P.P.S. у Вашего сайта великолепная цветовая гамма,  в то время как дизайн остался году в 2008-м.  Если сделать полный редизайн, получится очень и очень приятный глазу современный выразительный сайт
    • Добавлено 30.01.2015 в 04:06
      Разработать новую версию шапки существующего сайта - фото 4
    • Добавлено 30.01.2015 в 04:06
      Разработать новую версию шапки существующего сайта - фото 5
    • Александр А   

      30.01.2015 | 14:03  

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

      • Андрей Медведев   

        30.01.2015 | 23:09  

        Спасибо!

        Касательно слайдера
        -----------------------------

        На СЕО не повлияет точно (поисковик не отдаёт значения размерам элементов, его интересует только семантическая составляющая верстки).

        Повлияет ли на внимание пользователей к контенту и к какому именно? – спорный вопрос. 
        Могу точно сказать, что на страницах со слайдером основной акцент будет именно на содержимом слайдера (на наиболее важных акциях и новостях, что, как правило, в приоритете). Большой слайдер (особенно на главной странице) играет очень значительную роль – он увлекает пользователя выразительной графикой, как бы "погружает в сайт", отвлекает внимание, внушает доверие и побуждает интерес к более углублённому изучению услуг, акций и новостей компании. 
        На современных западных сайтах совсем не спроста делают HD-Слайдер на главной – он значительно увеличивает конверсию при правильном расположении его элементов.
        Приблизительное соотношение пользовательского внимания к слайдеру/контенту будет составлять ~ 65%/35%.

        Хочу также заметить, что предоставленные превью макетов являются не более чем приблизительным концепт-артом шапки сайта (ИДЕЕЙ), высоту слайдера, понятное дело, как и размер/толщину шрифтов/ расположение баннера на слайдере можно довести до совершенства на окончательном макете. 



        Обычно в ситуациях с большим слайдером в шапки прибегают к следущим приёмам его юзабилизации:

        1. Слайдер фиксированной высоты (по моему опыту наиболее удобная высота слайдера ~ 400 – 500 пикселей) только на главной, на других страницах слайдер отсутствует или занимает значительно меньше места. Так мы сделали здесь – tcmcom.ru/ . Как правило, самый популярный и "ходовой" вариант.

        2. Адаптивный слайдер – высота расчитывается в зависимости от высоты клиентской области окна (читай экрана) таким образом, чтобы пользователь всегда видел, что под слайдером расположен определённый контент для чтения и не подумал бы, что на слайдере страница заканчивается. Приблизительно так мы сделали тут – beindesign.ru/ .

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

  •  
    +
  • Анастасия Смыченко  

    30.01.2015 | 10:38 обновлено: 02.02 2015 | 08:31
    Здравствуйте, что бы было меньше проблем с внедрением изменений на сайт, версткой, можно воспользоваться последним из предложенных способов, а именно, просто заменить существующую картинку, слайдером. Поиск города будет осуществляться с помощью выплывающего модального окна, сразу при входе на сайт. То-есть как только посетитель заходит на сайт, его просят выбрать свой город и ему не придется искать кнопочку перехода к своему городу. 
    Ну, а если смотреть на улучшение ресурса в целом, то конечно же нужно сильно поработать с навигацией, упорядочить пункты меню по подгруппам, так как, во первых, некоторые пункты повторяются, а во вторых две менюшки немного сбивают с толку, пугают. 
    Для начала нужно ответить на вопрос: 
    Что вы хотите от посетителя сайта? 
    1. Что бы он вам позвонил или связался с вами через обратную связь.
    2. Изучил информацию на сайте.
    3. Какое то другое действие.
    И опираясь на полученный ответ изменять структуру сайта. 
    Если говорить о дизайне, хотелось бы добавить акценты цветом, для большей привлекательности.

    P.S. Жду ваши комментарии...
    • Добавлено 30.01.2015 в 15:57
      Разработать новую версию шапки существующего сайта - фото 6
    • Добавлено 30.01.2015 в 15:57
      Разработать новую версию шапки существующего сайта - фото 7
    • Добавлено 02.02.2015 в 08:09
      Разработать новую версию шапки существующего сайта - фото 8
    • Добавлено 02.02.2015 в 08:31
      Разработать новую версию шапки существующего сайта - фото 9
  • Алексей Голованов  

    30.01.2015 | 14:13 обновлено: 30.01 2015 | 15:07
    • Добавлено 30.01.2015 в 14:24
      Разработать новую версию шапки существующего сайта - фото 10
    • Добавлено 30.01.2015 в 15:07
      Разработать новую версию шапки существующего сайта - фото 11
  •  

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


    • Добавлено 30.01.2015 в 15:51
      Разработать новую версию шапки существующего сайта - фото 12
    • Добавлено 30.01.2015 в 15:51
      Разработать новую версию шапки существующего сайта - фото 13
  • Фаниль Замалиев  

    30.01.2015 | 18:12
    +
  • Elena Silacheva  

    30.01.2015 | 20:45 обновлено: 04.02 2015 | 23:54
    вот такой получился набросок...еле успела.....
    остальное пришлю чуть позже уже , наверное, в ЛС
    • Добавлено 04.02.2015 в 23:54
      Разработать новую версию шапки существующего сайта - фото 14
  • Елена A  

    30.01.2015 | 21:02 обновлено: 03.02 2015 | 22:16
    Добавляю свои варианты-наброски.
    • Добавлено 02.02.2015 в 22:57
      Разработать новую версию шапки существующего сайта - фото 15
    • Добавлено 03.02.2015 в 22:16
      Разработать новую версию шапки существующего сайта - фото 16
    • Елена A   

      30.01.2015 | 21:06  

      Здравствуйте, Александр! Подлежит ли боковое меню видоизменению? Заметила, что некоторые пункты в главном и боковом меню у Вас повторяются....

      • Александр А   

        31.01.2015 | 13:04  

        Добрый день!
        Изменять можно, но пункты меню убирать не желательно

  • Ruslan Kasatkin  

    31.01.2015 | 10:23
    Здравствуйте, 

    меня заинтересовал ваш проект, 

    я буду участвовать в вашем конкурсе, 

    С Уважением Руслан!
  • Артур Леонов  

    31.01.2015 | 12:24
    =
  • Master Logo  

    31.01.2015 | 16:16
    • Добавлено 31.01.2015 в 16:16
      Разработать новую версию шапки существующего сайта - фото 17
  • Павел Бондарь  

    31.01.2015 | 16:35 обновлено: 02.02 2015 | 19:22
    Здравствуйте. С удовольствием приму участие в конкурсе. В зависимости от Ваших предпочтений можно выполнить любые правки.
    Представляю идею, если что-то понравится отрисую более детально
    • Добавлено 31.01.2015 в 16:35
      Разработать новую версию шапки существующего сайта - фото 18
    • Добавлено 31.01.2015 в 16:35
      Разработать новую версию шапки существующего сайта - фото 19
    • Добавлено 01.02.2015 в 16:14
      Разработать новую версию шапки существующего сайта - фото 20
    • Добавлено 02.02.2015 в 15:42
      Разработать новую версию шапки существующего сайта - фото 21
    • Добавлено 02.02.2015 в 19:22
      Разработать новую версию шапки существующего сайта - фото 22
  • Дмитрий Варламов  

    31.01.2015 | 18:32 обновлено: 31.01 2015 | 23:10
    • Добавлено 31.01.2015 в 23:08
      Разработать новую версию шапки существующего сайта - фото 23
    • Добавлено 31.01.2015 в 23:10
      Разработать новую версию шапки существующего сайта - фото 24
    • Добавлено 31.01.2015 в 18:32
      Разработать новую версию шапки существующего сайта - фото 25
  • Энвер Абдуллаев  

    01.02.2015 | 04:26 обновлено: 01.02 2015 | 13:28
    Здравствуйте! Представляю 2 варианта. По хорошему, переделывать нужно весь сайт, изменение одной шапки только корежит весь дизайн. Перебрать оба меню, попробовать логично сгруппировать различные пункты (как например, в1 вар.- в галерею переместил фото и видео с выпадением ).  Простейшим считаю поменять цвет полосы в горизонтальном меню и вместо статичной картинки установить слайдер (вар.2).  Есть еще 1 вариант, доработаю – выложу.
    • Добавлено 01.02.2015 в 13:28
      Разработать новую версию шапки существующего сайта - фото 26
    • Добавлено 01.02.2015 в 04:26
      Разработать новую версию шапки существующего сайта - фото 27
  • Екатерина Гривнак  

    01.02.2015 | 12:58 обновлено: 03.02 2015 | 21:40
    Добавила свои работы. Вторая – немного спрощенный вариант стилей первой. Погруппировала меню, убрала повторы в них, при наведении на верхнее меню, кнопка становится голубой; добавила слайдер. Важные кнопки и поиск переместила в шапку. Если что нужно исправить, учту Ваши пожелания и доработаю.
    • Добавлено 01.02.2015 в 18:39
      Разработать новую версию шапки существующего сайта - фото 28
    • Добавлено 03.02.2015 в 21:37
      Разработать новую версию шапки существующего сайта - фото 29
    • Добавлено 03.02.2015 в 21:40
      Разработать новую версию шапки существующего сайта - фото 30
    • Добавлено 03.02.2015 в 21:33
      Разработать новую версию шапки существующего сайта - фото 31
    • Александр А   

      02.02.2015 | 03:26  

      Екатерина, благодарю за труд – все довольно аккуратно!

  • Ольга Крамаренко  

    01.02.2015 | 14:21
    +
  • Виталий Нагорный  

    01.02.2015 | 17:54
    • Добавлено 01.02.2015 в 17:54
      Разработать новую версию шапки существующего сайта - фото 32
    • Александр А   

      02.02.2015 | 00:04  

      Виталий, добрый день!
      Благодарю за интересную работу!

  • Олег Щербина  

    02.02.2015 | 03:21
    +
  • Александр Ежов  

    02.02.2015 | 08:25 обновлено: 03.02 2015 | 12:43
    +
    • Добавлено 03.02.2015 в 12:43
      Разработать новую версию шапки существующего сайта - фото 33
  • Дмитрий Ряпосов  

    02.02.2015 | 09:33
    +
  • Фрилансер [Keiti_b]  

    02.02.2015 | 16:29
    Здравствуйте! Предлагаю Вам свои варианты. Если будут какие поправки, с удовольствием сделаю.
    • Добавлено 02.02.2015 в 16:29
      Разработать новую версию шапки существующего сайта - фото 34
    • Добавлено 02.02.2015 в 16:29
      Разработать новую версию шапки существующего сайта - фото 35
  • Андрей Фёдоров  

    02.02.2015 | 17:06
    Предлагаю шапку сделать со слайдером: 1-й основной слайд (если понравится, отрисую его более качественно) и 2-й слайд с акцией. Как то так:)
    • Добавлено 02.02.2015 в 17:06
      Разработать новую версию шапки существующего сайта - фото 36
    • Добавлено 02.02.2015 в 17:06
      Разработать новую версию шапки существующего сайта - фото 37
  • Iuliana Maxim  

    03.02.2015 | 09:35
    +
  • Здравствуйте!
    К сожалению поздно увидел данный конкурс и, к тому же долго не приступал к самой реализации макета моего видения дизайна сайта ((( Обдумывал каждую мелочь и пытался максимально точно и выгодно обыграть товар и услуги заказчика. На макет оставался один день, так что не все доработано. Поэтому постараюсь объяснить, что и с чем ассоциировано.
    Общее представление концепции.
    Так как продукт, предлагаемый фирмой, является конструктивным/строительным элементом, следовательно, в дизайне сайта необходимо подчеркнуть инженерную составляющую. Увидев сайт, клиент как минимум на уровне подсознания должен почувствовать, что данная фирма полагается на опыт и знания и продукт действительно может служить опорой/фундаментом.
    Весьма полезным это будет для клиентов, которые еще не определились с выбором, какого рода фундамент ему делать. Почувствовав надежность и конструктивный подход, клиент станет более расположен к выбору именно винтовых свай.
    Это конечно ближе к подсознанию, а вот грамотное описание продукта дополнит общую картину в сознании потенциального клиента.
    Теперь по элементам:
    - фон. Ваше пожелание использовать синий цвет – основным цветом сайта. Это даже помогает обыграть, как я уже говорил "инженерную тему". За основы я взял "блюпринт» – разновидность чертежных бумаг, используемых при светокопии в профессиональном строительстве, авто-авиа-кораблестроении, во всевозможных КБ и т.п.
    На сам чертеж поместил схемы винтовых свай, их конструктивные особенности/размеры и применения. Однако чтобы фон оставался фоном и не оттягивал лишнего внимания на себя – я сделал схемы черным цветом и слегка прозрачными. Добавив к этому легкую подсветку главных элементов сайта –  (логотип, слайдер, меню) я тем самым выделил элементы, на которые необходимо в первую очередь ориентировать посетителя сайта.
    Благодаря блюпринту и правильной подсветке элементов создается впечатления, что чертеж и в самом деле прикреплен к экрану монитора и просвечивается изнутри. Изначально глубокий синий цвет становится легким не давящим на восприятие.
    На случай облегчения сайта в плане реализации фон блюпринта с сеткой сделан лишь сверху с градиентным переходом в основной цвет, что позволит уменьшить размер страницы и соответственно скорость загрузки сайта.
    -Меню. Шрифт меню как нетрудно догадаться – ГОСТ (стандартный чертежный шрифт). Он вписывается в данную концепцию, легок для чтения и восприятия, к тому же, на мой взгляд, довольно красив своей лаконичностью. На экранах с хорошим разрешением смотрится восхитительно. Один минус – его лучше не стоит делать непосредственно как шрифт – лучше графикой, чтобы исключит некорректное отображение в браузерах пользователей.
    Верхнее меню стилизовано под линейку – намек на точный расчет свай. Градация линейки сделана так, чтобы разделить элементы меню. Стилизация "под стекло" сделана не только для красоты! Стеклянные лекала и линейки – одни из наиболее точных элементов черчения. К сожалению, не хватило места для описания спойлера (((
    • Добавлено 03.02.2015 в 18:52
      Разработать новую версию шапки существующего сайта - фото 38
  • Кирилл Лапшин  

    03.02.2015 | 19:27
    +
  • Rustam Kh  

    04.02.2015 | 03:01 обновлено: 04.02 2015 | 06:44
    • Добавлено 04.02.2015 в 06:44
      Разработать новую версию шапки существующего сайта - фото 39
  • Евгений Симагин  

    04.02.2015 | 11:04
    +
  • Никита Дизямба  

    04.02.2015 | 11:12
    +
  • Игорь Ладов  

    04.02.2015 | 13:35
    ...
    • Добавлено 04.02.2015 в 13:35
      Разработать новую версию шапки существующего сайта - фото 40
  • Азамат Газимов  

    04.02.2015 | 22:03
    • Добавлено 04.02.2015 в 22:03
      Разработать новую версию шапки существующего сайта - фото 41
    • Добавлено 04.02.2015 в 22:03
      Разработать новую версию шапки существующего сайта - фото 42
    • Добавлено 04.02.2015 в 22:03
      Разработать новую версию шапки существующего сайта - фото 43