Если говорить о телефонных аппаратах, то в США и Европе (к слову, мода постепенно переходит и к нам) тщеславный брендинг дошел до шизофренических значений.
Как известно, там телефоны между собой делят сотовые операторы. Таким образом, каждый аппарат обречен на два ужасных логотипа на лицевой стороне. По мимо дизайна телефонов от этого страдают пользователи, т.к. ни один здравомыслящий человек не заинтересован в том, что бы платить деньги за то, что бы потом рекламировать своего сотового оператора и фирму-производителя.
В этом прекрасно отдает себе отчет Стив Джобс, поэтому в контракте операторов с «Эппл» присутствует пункт, не допускающий такой ерунды.
Для наглядности сравним «Айфон» и смартфон «Моторолла Дройд Икс», изуродованный тщеславным брендингом.

На случай, если это недостаточно очевидный пример, посмотрим насколько солидней и красивее смотрятся 2 варианта смартфона «Самсунг Гэлакси Эс» для операторов «Ти-мобайл» и AT&T без безвкусного нагромождения логотипов.

Расстановка логотипов на самых видных местах — самый банальный и дешевый способ придания продукту индивидуальности и увеличения узнаваемости бренда. Но далеко не самый эффективный.
Концептуальный продукт всегда будет легко узнаваем без подобных «подсказок».

Не бренд привлекает внимание к продукту, а продукт к бренду.

Логический блок — это фиксированная область или элемент веб-страницы, где действуют внутренние правила/принципы/законы.
Таким блоком может стать любое меню, модуль, виджет и даже баннер.
Логические блоки упрощают навигацию и делают сайт более гибким в вопросе общих правил.
Рассмотрим варианты правильного и неверного применения логических блоков на примерах реальных сайтов.






Перед вами всем известная внутренняя страница портала «Мэйл.ру». Возьмем за пример два логических блока.
Блок 1 (меню) содержит логическую ошибку — в конце этого блока стоит рекламный баннер, замаскированный под меню, но выделенный цветом для привлечения внимания. Хуже было бы только если его не выделяли цветом, т.к. у пользователя не оставалось бы шансов с ходу понять, что эта вкладка к меню не имеет никакого отношения.
Блок 2 (новостная лента) — корректный. Ссылки на новости одного цвета, ссылки на рекламу/сервисы — другого; все просто и понятно. Таким образом навигация внутри этого блока очевидна и удобна пользователю, он в ней не запутается, не смотря на то, что этот принцип навигации не распространяется на остальной сайт.

Взглянем на пару логических блоков новостного портала «Актуальные комментарии».
Блок 1 (меню) — максимально прост, удобен и корректен.
Блок 2 (темы) — неудобен, т.к. ссылки внутри него хаотичным образом разделяются на два типа, отличия между которыми, без углубленного знакомства с сайтом, понять не представляется возможным.

Перед вами сайт консалтинговой компании «Кор групп».
Блок 1 (меню) — прост и понятен, не смотря на то, что вообще на сайте цветом ссылок является красный.
Блок 2 (колонка новостей) отличается от прочих частей сайта тем, что ссылки в ней не подчеркнуты. Даже если пользователю не вполне очевидно зачем это нужно, это не делает такое решение неверным для этого логического блока, так как внутри него все абсолютно согласовано. Вряд ли кто-то не догадается, что текст, выделенный красным цветом в этом блоке — это гипертекст.

Вы смотрите на главную страницу русской версии мебельного магазина «Икея».
Блок 1, который трудно хоть как-то охарактеризовать, представляет из себя невнятную кашу разных ссылок, которые серьезно отличаются друг от друга как внешне, так и тематически. Чем это обосновано и почему они вообще поставлены рядом — совершенно непонятно. Вероятно, в этот угол сваливают все то, что не знают куда еще сунуть, но при том эти элементы являются важными ссылками и должны быть на видном и досягаемом месте. Кошмарное, катастрофичное решение во всех возможных смыслах.
Блок 2 (меню) обладает хромающей логикой, потому что кому-то взбрело в голову, что пункты «все товары» и «новинки» должны кардинально разниться с остальными пунктами меню. Возможно, хозяевам портала нужно, что бы по этим разделам чаще кликали, а может быть, они проанализировали трафик сайта и решили упростить навигацию, выделив наиболее востребованные пункты меню. Так или иначе, на деле это лишь осложняет навигацию и добавляет путаницы на сайте.
Блок 3 (вероятно, вспомогательные сервисы) корректен с точки зрения навигации, но с точки зрения наполнения это вновь сборная солянка, которую они не могли придумать куда поставить.

Все та же главная страница «Икеи», но промотанная до конца вниз.
Блок 1 представляет из себя набор из активно продвигаемых компанией предложений, объявлений, сервисов и пр. Тут все просто, удобно и понятно.
Блок 2 (похожий на дублированную навигацию, что бы не проматывать обратно вверх) логически верен внутри себя. Однако, ссылки внутри него выполнены неотличимо от обычного текста на сайте, что является критической ошибкой, т.к. пользователь не может знать гипертекст это или нет, пока не наведет на него курсор.



Вывод: Логические блоки удобны прежде всего своей автономностью, но действительно удобный сайт должна пронизывать система общих правил, подобно тому, как законы физики влияют на каждый элемент реальной жизни при всем их разнообразии. Чем очевидней эта система, тем удобней сайт.

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

Что бы понять суть проблемы, взглянем на ее корни, сделав небольшой экскурс в историю.
Когда пишущие машинки, а тем более компьютеры, еще и не мерцали на горизонте, основная часть записей делалась при помощи пера и чернил. Что бы не создавать клякс и писать быстрее, текст набирался без отрыва пера от бумаги, а по окончании написания уже расставлялись точечки, черточки и всяческая пунктуация (т.е. это являлось завершающим этапом работы, что и послужило основой для всем известного выражения). Точки над буквой «i» ставились не для издевки над писарями и не ради красоты, у этого явления была вполне практическая цель — сделать текст более читаемым, что бы визуально буква «i» более явно выделялась среди прочих закорючек (хотя в латиница и не так богата крючками, как кириллица).

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

Разумным ходом было бы оставить точку над «i» только в письменном варианте написания.

Было «прощупано» все, от сухого и строгого, до резкого и агрессивного.

Некоторые зарисовки баннеров и других страничек:

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

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

К каждой основной категории можно добавить подкатегории

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

На случай длинных в высоту страниц
в «подвале» сайта имеется продублированная вспомогательная навигация

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

Если бы сайты имели запах, то «Вальс цветов» пах бы нежным запахом роз

Сайт построен на гибкой и мощной системе управления контентом «SomeCMS: Shop» нашей собственной разработки, что обеспечивает повышенную безопасность.
Функционал CMS был заточен под нужны конкретного сайта, что дало нам возможность не нагромождать ее лишними неиспользуемыми опциями, которые в бесплатных системах управления являются камнем преткновения, создающим путаницу.
Кроме того, «SomeCMS: Shop» отличается приятным, продуманным и быстрым интерфейсом.

Для облегчения навигации на внутренних страницах громоздкое желтое меню сворачивается

Оформление заказа происходит на раз-два.

Айн

Цвайн

Сайт без 404-ой странички — как автомобиль без «дворников».

Никто не потеряется

Результатом наших стараний стал самый красивый и один из самых технологичных магазинов цветов в Рунете.

Когда, наконец, был найден верный вектор развития образа, начался долгий процесс полировки.

Отказываемся от палочек, бамбуковых салфеток и почти всех восточных ноток. Заменяем печеньки конфетками и медом. Тростниковый сахар заменяем на турок с кофе.

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

Последние штрихи. Стол накрыт, присаживайтесь!

Компании понадобился строгий, но яркий и насыщенный сайт, эффектно и эффективно представляющий ее деятельность в Интернете. Наша команда была рада помочь в этом.

Каждого посетителя сайта
встречает динамичная трехмерная заставка

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

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

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

Холодильник полон еды

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

Пора бежать за продуктами!

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

Ни рыба, ни мясо, но сыр, яйца и молоко

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



Свяжитесь с нами, если для вас представляет интерес контракт на производство и реализацию товара.

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

Работая над проектами, мы по возможности стараемся внедрять инновации и современные технологии, а также отказываться от бессмысленных штампов.
В данном случае при помощи сервиса @font-face мы использовали на сайте шрифт ChunkFive. Это позволило нам сохранить концептуальный дизайн проекта, не жертвуя при том удобством использования: элементы, выполненные этим шрифтом, можно выделить и скопировать, что часто используется, к примеру, для записи телефона.

Кроме того, на сайте отсутствует «подвал», в привычном понимании этого термина. Вместо него в правом нижнем углу мы сделали блок вспомогательной информации, включающий в себя контактную, копирайты и наш автограф

Сайт без странички 404 — как альпинист без страховки.