
13 мая 2015 Секреты дизайна в Nethouse. Часть 2.




![]() |
|
В качестве подложки под логотип и меню используется полноценное изображение Подложка достаточно высокая, что позволяет вертикально разместить на ней логотип, триггеры-преимущества и довольного повара
|
Логотип сместился в левый угол, отчего сайт принял более классический вид, однако сам логотип утратил функцию ссылки на главную страницу. Изменен цвет подложки меню в общей цветовой гамме сайта Несмотря на то, что шапка содержит много информации, она не выглядит слишком перегруженной |
sofia-sulim.ru | |
![]() |
|
Более минималистический вариант
Прозрачная подложка под логотипом
Слоган-дескриптор дополняет логотип
|
Лаконичный вариант
Увеличенная по высоте строка меню
|
bonjur.kz | realty-karelia.ru |
realty-karelia.ru |
2. Украсить меню различными элементами, стрелками и орнаментами, расположенными по краям.
3. Меню может быть увеличено по высоте с ипользованием различных эффектов.
![]() |
4x4fabrication.ru |
4. Не нравится цвет? "Подложите" под меню тот цвет, который вам по душе.
![]() |
sofia-sulim.ru |
И, наконец, Вы можете совсем скрыть меню со своего сайта. Если Вам нужен немного расширенный сайт-визитка, то меню в таком случае может и не пригодиться. Вся основная информация о компании, включая контактную, будет содержаться на главной странице. При этом Вы сможете добавить ссылки на услуги компании. Кликая по ним, пользователь сможет более подробно узнать об этих услугах. Такая вот "Визитка плюс". Пример: daimelectro.ru
- Для иллюстрации баннеров можно использовать фото рекламируемого товара или услуги, а также фото счастливых обладателей всего вышеупомянутого
- Баннеры лучше создавать единообразными и в общем стиле Вашего сайта
- Промо-баннер может рекламировать определенный товар, раздел товаров, услугу, специальную акцию, способы оплаты, доставки и прочее
- Желательно создавать промо-баннер таким образом, чтобы человек успел прочитать и осознать содержащуюся на нем информацию
- Скорость прокрутки баннеров лучше выбирать среднюю
- Использование красивых изображений, слоганов и кнопок приветствуется
- Баннер должен вести на страницу исключительно вашего сайта
- Открытие должно происходить в том же самом окне (не в новом)
- При создании баннера лучше всего не прибегать к встроенному редактору текста, а создать его в графическом редакторе.
bonjur.kz | ||
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
![]() |
- Преимущества вашей компании
- Шаги заказа / этапы работы
- Рекламу определенного раздела, товара или услуги
- Ссылку на вашу страницу в социальных сетях
- Приглашение на консультацию
- Призыв к определенному действию
Самый простой способ, не требующий познаний специальных программ — установка в качестве иконок интернет-магазина красивых качественных изображений продаваемых товаров. Изображения должны сочетаться друг с другом и быть правильно кадрированы. |
Также можно обработать изображения в общем стиле Вашего сайта, кадрировать их, используя различные геометрические фигуры (квадраты, ромбы, круги и т.д.). На примере изображен рельеф бездорожья, сочетающийся с общим стиля сайта 4х4. |
|
![]() |
![]() |
|
santeh-gazteh.ru | 4x4fabrication.ru | |
В некоторых вариантах можно оформить иконки, используя логотипы продаваемых Вами брендов. Для придания единообразия логотипы можно разместить на геометрических фигурах, используя их фирменные цвета. Логотипы можно найти в Интернете. В идеальном векторном качестве большинство логотипов размещены на сайте brandsoftheworld.com.
|
Некоторые заказчики предпочитают фотографическим изображениям применение непосредственно отрисованных векторных иконок, что бывает оправдано, например, когда в магазине представлен довольно широкий ассортимент товаров. Из крупных сайтов как пример можно выделить интернет-магазин key.ru |
|
![]() |
![]() |
|
loveboots.ru | motor25.ru | |
Все вышеупомянутые варианты имеют свое право на существование, однако по моему скромному мнению, нет ничего лучше, чем фото, выполненное и обработанное профессиональным предметным фотографом на белом фоне. Обратите внимание на то, что во многих крупных и популярных интернет-магазинах (например, на сайте apple.com) присутствуют изображения именного такого плана.
|
Обработанное фото также можно разместить на фоне фирменных цветов Вашего бренда в ярких или пастельных тонах, в зависимости от того, какого эффекта Вы хотите добиться. Изначально из изображения должен быть убран фон. Такая тенденция иконок категорий в интернет-магазине набирает популярность в последнее время (см. оформление Яндекс.Маркета). |
|
![]() |
![]() |
|
bonjur.kz | topnailshop.ru |
![]() |
![]() |
|
Использованы фотографии мероприятий, оформленные в геометрические фигуры. Названия услуг — текст. |
Использованы фотографии, названия услуг — включены в изображения. Подложка — фирменный цвет. |
|
![]() |
||
Использованы мокапы рекламной продукции с живыми примерами работ, названия услуг — текст с подробной информацией. Изображения услуг дополнены кнопками оформления заказа. |
Использованы графические иконки, перекликающиеся с логотипом компании, названия услуг — текст.
|
|
realty-karelia.ru | ||
![]() |
||
Использованы фотографии, комбинированные с графическими иконками, названия услуг — текст. |
||
sadudachi.com |
Лучшие или специальные предложения компании
![]() |
||
Лучшие предложения по новым жилым комплексам на сайте realty-karelia.ru. Клик по иконке ведет нас к жилому комплексу в разделе «Новостройки» (раздел «Каталог товаров»). |
Специальные предложения школы обучения французскому языку ersa-etudes.ru. Клик по иконке ведет нас к избранной программе обучения (раздел «Каталог товаров»). |
![]() |
||
ersa-etudes.ru | sofia-sulim.ru | |
bonjur.kz | sadudachi.com | |
![]() |
![]() |
|
wgloves.ru | distriks.ru |
![]() |
||
![]() |
![]() |
|
Команда сайта / коллектив компании
![]() |
![]() |
![]() |
|
![]() |
||
![]() |
![]() |
|
![]() |
![]() |
|
P.S. Для самых внимательных пользователей, дочитавших статью до конца, небольшой бонус: в мае мы добавим во все шаблоны новый блок — удобную и красивую лид-форму, которая позволит Вам увеличить количество заявок с сайта.
Первая часть Секретов дизайна
Поделиться новостью
Последние новости

Возможности онлайн-оплаты, о которых вы могли не знать
Если вы уже принимаете оплату на сайте, проверьте, какие возможности еще не используете. Наш ТОП-7...

Как мы создавали логотип для нового демо-сайта + бонус
Мы сделали демо-сайт, показывающий новые возможности настройки дизайна в нашем конструкторе. Встречайте grill-food.ru! При разработке логотипа для сайта мы решили протестировать нейросеть Николай Иронов...

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

Nethouse.Академия: нам 2 года, розыгрыш призов, стикеры для Telegram
Сегодня, 02.03.2023, наш сервис для организации и продажи онлайн-обучения Nethouse.Академия отмечает второй день рождения...

Принимайте оплату на сайте за 0%
Подключите онлайн-эквайринг от ЮKassa прямо сейчас и получите комиссию 0% на первые 14 дней или 100 000 рублей оборота...

Запустите Рекламную подписку Яндекса и получите Яндекс станцию
Если вы еще не попробовали продвижение через Рекламную подписку от Яндекс Бизнеса, то сейчас самое время это сделать!