Конкурс на создание макета для сайта-визитки, 5000 рублей

PontiusPilate, а причем тут предыдущий конкурс? Мне не времени жалко, а людей, которые потом на такие сайты заходят.

Марго Чудная Поздравляю с победой.

Dobrodoov, Lenok2 Спасибо.

КонкурентДумаю не стоит так переживать, просто у человека вкус такой( а на вкус и цвет, как говориться...).

Всем большое спасибо за участие - было много интересных работ.

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

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

Общие замечания:

- У многих конкурсантов не выровнены по ширине блоки текста - прерывистый правый край затрудняет чтение и выглядит "неряшливо".

Раньше такой недочет исправлялся быстро - вставкой "P ALIGN=JUSTIFY", теперь, видимо, с повсеместным внедрением css на этом как-то перестали акцентировать внимание.

- По ТЗ страница должна располагаться в пределах 1-го экрана (без полосы прокрутки), причем некого "стандартного" экрана - сейчас обычно это разрешение 1024х768 (хотя некоторые продолжают использовать 800х600 из-за проблем со зрением).

У некоторых конкурсантов по высоте был превышен порог в 800, а то и в 1000 px, иногда и по ширине в 1100 px.

- Главная страница предполагает небольшой объем рассредоточенного текста и изображений, в пределах 1-го экрана - на мой взгляд, в таком случае нет необходимости дублировать в футере ссылки, которые размещены на крупных центральных элементах.

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

Arkvel

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

- Логотип не тот.

- Логотип теряется на фоне неба и облаков.

+ А вот использование градиента, противоположнонаправленного градиенту шапки, в фоне логотипа удачно.

-+ Использованы немного перекликающиеся, но все же разнотипные выделяющие блоки:

Логотип в прямоугольнике со скругленными углами;

Заголовки пунктов в прямоугольниках с перекрестными острыми/скругленными углами;

Дублирующие ссылки в футере в прямоугольниках с верхними острыми, нижними скругленными углами;

Новости просто в прямоугольниках.

+ Достаточно удачно использование заголовков 2-х тонов - синего и серого - в цвет ссылок и текста соответственно.

-+ Гипертекстовые ссылки возможно стоило бы сделать потемнее - ближе к синему, чем голубому.

- Избыточные в данном случае ссылки в футере.

P.S. Копирайтерский значок смахивает издалека на логотип BMW;))

ASCE

- Перевернутый текст на кнопках - неудачная идея, да и расположение кнопок не по ТЗ;)

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

- Массивная, темная (слишком "размытая" JPEG'ом;) шапка - не очень удачен вариант с большим блоком в правом нижнем углу шапки: хоть он и перекликается с левым верхним углом, все равно выглядит тяжеловесно - темный и незаполненный.

- Основной упор по виду сделан на заполнение пространства текстом (а ведь слово, фактически, - это набор малых <изображений> букв) - страница получается "тяжеловесной" и перегруженной, а ведь она фактически должно быть только "визиткой".

- * Текст не выровнен по-ширине.

Avius

- Не очень удачные картинки в центре, особенно изображение огня.

- Пиксельная графика - это стильно, но в сочетании с обычными изображениями она обычно теряет свой шарм - лучше было бы сгладить центр звезды с логотипа: особенно бросается в глаза

> на фоне темного пиджака бизнесмена в разделе "Для клиентов"

> <гладких> полос галстука в разделе "О компании".

- Идея со стрелками достаточно удачна, но возможно имело бы смысл их несколько продлить:

Левую начать по-ближе к блоку "Новости" и завести на клиентов - здесь все логично.

А правую стрелку, так и оставив от номера телефона, довести по-ниже к правому нижнему блоку - к подразделу "Контакты".

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

- * Текст не выровнен по-ширине.

Demils

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

* Ссылка "техподдержка" не очень хорошо различима на фоне цветного шарфа.

- Странная голубая полоса в шапке...

- * Текст не выровнен по-ширине.

Dook22

+ Картинки гармоничны между собой - горячие предложения навевают воспоминания о Героях 3;)

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

- * Текст не выровнен по-ширине.

P.S. Лично я больше минусов не вижу - легкий, воздушный, гармоничный дизайн, но руководство решило по-другому)

ecnaleerf

- Страница перегружена элементами и логотипами с аттрибутикой.

- "Унылые" в плане цветовой гаммы картинки.

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

- * Текст не выровнен по-ширине.

GluKoza

- Оранжевая полоса в заголовке блока "Услуги и цены" не вписывается в общую цветовую палитру. Да и по смыслу, если уж на то пошло, больше подошло бы к "Горячим предложениям";

- Кнопка "Новости" не перекликается с остальными элементами дизайна.

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

- Выравнивание текста по центру оригинально, - интересно, как бы такое выравнивание выглядело внутри основных 4-х блоков.

- Невыровненный текст новостей не очень органично смотрится с выровненным по центру основным текстом.

grn13

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

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

- Логотип не тот.

- * Текст не выровнен по-ширине.

Lenok2

-+ Интересный макет - красивый центральный элемент, но на мой взгляд, стоит немного перерисовать и добавить симметрии "соединительным проводникам":

"О компании" начать из "зацепа" элемента паззла - по аналогии с "Для клиентов", завершающихся как раз в "зацепе".

Соединительная линия к блоку "Для клиентов" выбивается из общего ряда - она разделена и перечеркнута горизонтальной линией.

Возможно было бы лучше, если взять линию от "Горячие предложения" и применить ее к "Для клиентов" и "О компании"; Линию от "Услуги и цены" перевернуть по-вертикале и применить к "Горячие предложения" и "Услуги и цены" - повысится симметричность (возможно и гармоничность;) при сохранении выровненности по ширине и высоте блоков гиперссылок.

- * Текст не выровнен по-ширине.

magnitik

+ Чистый, светлый, "позитивный" дизайн.

- Вернуть логотип.

- Спутник убрать, или раз на лого есть звезды, попробовать обыграть тему спутника со стратосферой, но не испортив общей концепции - если что, лучше уж не эксперементировать.

- Город в облаках в футере идея оригинальная, но спорная)

> Интересная идея размещения ссылок на картинках в соответствии не с каким-то порядком, а с наличием светлых пятен на изображениях.

- * Текст (новостей) не выровнен по-ширине, при чем его выравнивание возможно испортит картину, но и так тоже немного "неопрятно" выглядит.

markin

- Основной блок темноват;

- Неудачные текстуры и цвета углов блоков в центре, хотя идея интересна.

+ * А вот выровненный текст сразу представил в дизайне;)

markinyan

- Картинки гармоничны между собой, но в целом вместе с шапкой блекло:

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

- Неудачное расположение блоков - оба раза не по ТЗ, и, к сожалению, не смогло "убедить".

- Белый прямоугольник с пиктограммами "домой", "mailto" и "поиск" не очень удачно вписался в шапку.

- Футер в данном случае содержит избыточную информацию, а ссылка "вопрос-ответ", это часом не FAQ из раздела Техподдержка?)

P.S. Возможно, конечно, и дело в том, что в то время как другие участники представляли свои работы в полном размере, Вы разместили 2 варианта в пространстве, меньшем, чем страница иных конкурсантов - из-за этого картинки при уменьшении размылись, и общий вид побледнел - думаю, впредь, стоит представлять работы в натуральную величину - так и цвета сочнее и картинки контрастнее, а это привлекает;)

Midl-Web

-+ Логотип вернули, а фон в верхнем левом углу не разнообразили - все равно пустовато выглядит.

- * Текст не выровнен по-ширине.

P.S. Что-то девушка в шапке знакомо выглядит, как из рекламы какой-то...

photoshopik

v1

- "Пиксельные" стрелки выбиваются из общего вида (особенно на фоне таких >>>> в графе новости).

- Перегружены цветными полосами рамки у блоков.

- Текстура футера неудачна - остальные ведь блоки не текстурированы, да и сам футер содержит избыточные ссылки.

- В целом сайт темноват и по стилистике хорошо подошел бы в качестве skin'a к Winamp (особенно "регуляторы громкости" побокам блоков) - удачное решение для страниц, посвященных играм.

- Логотип не тот.

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

- * Текст не выровнен по-ширине в блоке новостей.

v2

- Без изюминки - простоват: упор по-прежнему на обилие ссылок, а их не предполагалось в таком количестве.

- Неудачная картинка "Для клиентов".

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

Хотя в целом прогресс - это уже более представительный вариант.

R_Igor

- Неудачная цветовая гамма - зеленый цвет "теряется" на фоне сине-голубых блоков.

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

- Неподходящий шрифт цифр в блоках.

- Логотип не тот.

- Футер содержит избыточные в данном случае ссылки.

P.S. Счетчик не вписывается в дизайн - раз указан, можно было бы тоже попробовать обыграть - это очень весомо, когда то, что обычно все портит (счетчики, баннеры и т.д.), удается органично вписать в дизайн.

Rappel

v2

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

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

- * Текст не выровнен по-ширине.

Ravl

v2

Несмотря на то, что дизайн не был утвержден - это прогресс)

-+ Дизайн стал "легче", но красный цвет заголовков - спорный вопрос.

- * Текст не выровнен по-ширине.

Strea_m

- Шапка красивая, но слишком большая, и ничего кроме нее на странице толком и не привлекает.

- Логотип не тот.

- * Текст не выровнен по-ширине.

P.S. В целом будь тематикой авиаперевозки - достойный вариант.

weBos

v1

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

v2

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

- Неоправданно большой размер макета - можно сжать, а то у большинства не влезет в 1 экран (см. выше).

x-system (стахановец - столько вариантов, - респект;)

v1

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

- Самолет не очень вписался в дизайн.

- Логотип не тот.

- * Текст не выровнен по-ширине.

+ Подсвеченные стрелки в кругах рядом с ссылками стильны - подошли бы для меню в какой-нибудь игре.

v2

- Фон был сильной стороной прошлого дизайна (он просто не совсем подходил по ТЗ) - отказавшись от него, дизайн, на мой взгляд, многое потерял.

- На белом фоне шапка не так "сияет", слегка поблекла, а синева низа шапки более нигде не обыгрывается.

- Не очень удачна комбинация цветов полос блоков.

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

v3

-+ Без самолета смотрится лучше и целостностнее, хотя и немного пустовато; вот только ассоциации скорее не с небом, а с подводным миром - красиво, но немного не по теме.

v4

-+ Попытка "разбавить" предыдущий дизайн - картинка "Для клиентов" имеет яркое пятно, гармонирующее с шапкой, остальные картинки темноваты.

v5

-+ Лучше, чем v2.

v6

-+ Здесь использование подобных изображений уже более оправдано, на мой взгляд, чем в v4.

Конкурент

+ Компактный макет.

- Но вот выбор картинок не очень удачен, хотя "Горячие предложения" - забавны)

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

- * Текст не выровнен по-ширине (да и попытка с расстановкой переносов не очень удачна).

Кубинец

- Пестрая цветовая гамма, даже "радуга" в шапке не спасает.

- Картинка в блоке "Услуги и цены" стильная, но выбивается из общего ряда.

+ В этом плане "выдавленные" фигурки смотрятся гармоничнее (кстати, может имело смысл нижние картинки переместить в верхние углы карт - сосредоточить все картинки в центре? А заголовки наоборот перенести ниже, как приблизительно сделали avius и ecnaleerf)

- * Текст не выровнен по-ширине.

-+ Ваша жена "притушила" гамму (хотя даже черезчур - дизайн слегка "побледнел") и внесла больше симметрии в расположение элементов внутри блоков, но по внутренней структуре "О компании" все равно отличается от "Для клиентов" и "Услуги и цены": в верхних блоках текст расположен над картинками, а в нижнем - на одном уровне с изображением; возможно стоило бы поэксперементировать...

- * Текст не выровнен по-ширине.

Марго Чудная

+ Удачная задумка в шапке c глобусом в руках (собственно она все и предрешила), необходимо лишь слегка изменить слоган - "С нашей связью весь мир в Ваших руках".

- * Текст не выровнен по-ширине.

dimmu-borgir добавил 29.03.2010 в 16:01

_________________

15 000 символов, для описания всех шаблонов, повторно)) Быстрее, пока не проиндексировалось, хватайте на сателлит))

Конкурент, остынь, извини что не выкупил твой шаблон. Как ты попросил, больше тебя не приглашу).

Если вы и эксперт, то только в аниме, наверное.

Не спорьте в схожей ситуации в будущем - вы в вопросах таких некомпетентны пока, к сожалению.

dimmu-borgir, благодарю, довольно интересно было прочесть последние два сообщения.

К слову, я высылал вам в личные в нормальном полном качестве одновременно с публикацией сообщения в теме.

Я хоть и не участвовал но мне кажется ваши минусы людям за "Текст не выровнен по-ширине."

это вобще не минус, тут уж как вам заверстают или точнее как попросите.

сверстают так, как дизайнер надизайнил :)

но выравнивание - действительно вопрос спорный, оно используется далеко не на всех сайтах сейчас.

ТС спасибо за такой детальный анализ, чувствуется ceрьезный подход к отбору, а это всегда приятно участникам конкурса

dimmu-borgir,

Некоторые макеты были даны превью, т.е. 80%, 70% и т.д. от оригинала. Вы как определили степень уменьшения?

За знание юзабилити сайта вам 2. Вот из-за таких "горе" заказчиков пользователи не понимают куда нажать и где нужный ему раздел.

ИГОГО: заказчик неадекватен, с ним лучше дел не иметь.

Ну это все не совсем верно, мне кажется.

dimmu-borgir, хорошо расписал)

потерто по просьбе markinyan =)