![](/promo/img/dummy.jpg)
Секреты дизайна в Nethouse. Часть 2.
![Секреты дизайна. Часть 2.](http://nethouse.siteapi.org/promo/static/img/000/000/001/1_1235_3hnc1ct2qj.jpg)
![](http://integra.nethouse.ru/static/img/0000/0003/9729/39729423.3bu7o111ev.W665.jpg)
![](http://integra.nethouse.ru/static/img/0000/0003/9729/39729426.abmjnrex4c.W665.jpg)
![](http://integra.nethouse.ru/static/img/0000/0003/9729/39729432.e5hybfkjfv.W665.jpg)
![]() |
|
В качестве подложки под логотип и меню используется полноценное изображение Подложка достаточно высокая, что позволяет вертикально разместить на ней логотип, триггеры-преимущества и довольного повара
|
Логотип сместился в левый угол, отчего сайт принял более классический вид, однако сам логотип утратил функцию ссылки на главную страницу. Изменен цвет подложки меню в общей цветовой гамме сайта Несмотря на то, что шапка содержит много информации, она не выглядит слишком перегруженной |
sofia-sulim.ru | |
![]() |
|
Более минималистический вариант
Прозрачная подложка под логотипом
Слоган-дескриптор дополняет логотип
|
Лаконичный вариант
Увеличенная по высоте строка меню
|
bonjur.kz | realty-karelia.ru |
realty-karelia.ru |
2. Украсить меню различными элементами, стрелками и орнаментами, расположенными по краям.
3. Меню может быть увеличено по высоте с ипользованием различных эффектов.
![]() |
4x4fabrication.ru |
4. Не нравится цвет? "Подложите" под меню тот цвет, который вам по душе.
![]() |
sofia-sulim.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. Для самых внимательных пользователей, дочитавших статью до конца, небольшой бонус: в мае мы добавим во все шаблоны новый блок — удобную и красивую лид-форму, которая позволит Вам увеличить количество заявок с сайта.
Первая часть Секретов дизайна
Последние новости
Все новости2024
![](http://nethouse.siteapi.org/promo/static/img/000/000/001/1_1103_pu3cl9mr6i.jpg)
Nethouse.События и Академия: рассрочка от СберБанка и постоплата по счету для клиентов
Последние обновления сервисов: оплата событий и курсов в рассрочку от СберБанка, постоплата по счету, обновление интеграции с Ивентишес, часовой пояс Казахстана. Новые полезные материалы.
2024
![](http://nethouse.siteapi.org/promo/static/img/000/000/001/1_1102_q1b4hku31v.jpg)
На вашем сайте есть ошибки? Две услуги продвижения по цене одной до 08.09.2024
Традиционно 1 сентября начался не только учебный год, но и новый бизнес-сезон. Самое время подготовиться и проверить свой сайт. По нашему опыту, к сожалению, примерно у 90% ресурсов есть ошибки, мешающие продвижению в поисковых системах. Из-за них сайты получают меньше посетителей из Яндекса и Google.
2024
![](http://nethouse.siteapi.org/promo/static/img/000/000/001/1_1101_cgxhz4x83q.jpg)
Преимущества почты на вашем домене
Электронная почта — основа бизнеса. Наличие адреса электронной почты необходимо для общения с коллегами, клиентами и партнерами. Индивидуальный адрес с вашим доменным именем (info@vash-site.ru или director@vash-site.ru) — признак профессионализма и надежности компании, дающий множество преимуществ, от повышения узнаваемости до улучшения безопасности.
2024
![](http://nethouse.siteapi.org/promo/static/img/000/000/001/1_1100_oy40kposjn.jpg)
Обновления конструктора сайтов: доставка, готовые шаблоны, выбор заголовка H1
В августе наша команда разработки отлично потрудилась и внедрила целый ряд улучшений: международная доставка от Почты РФ, два новых готовых шаблона, выбор заголовка H1 в блоках, выбор тарифов в модуле доставки от СДЭК.