Картинки для интернет магазина


Изображения в электронной коммерции – настоящий катализатор продаж.

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

В этом отношении только видео может сравниться с картинками по эффективности.

Предприниматели используют фотографии товара повсюду:

·         На страницах товаров

·         На страницах категорий

·         На главной странице магазина

·         В сообщениях с брошенной корзиной

·         Для рекламы в социальных сетях

·         В корпоративном блоге

Правда об оптимизации изображений и скорости загрузки 

Пользователи любят скорость, а Google любит пользователей.


Поисковик №1 – первый критик, кто заинтересован в оптимизации изображений.

В январе 2018 года компания анонсировала, что мобильные поисковые алгоритмы начнут учитывать скорость загрузки веб-страниц уже с июля – через 3 месяца!

Между тем, картинки – это один из важнейших активов любого интернет-магазина.

И все же ими часто пренебрегают, забывая о размерах, качестве и скорости.

Почему так происходит?

Потому что оптимизация изображений – это очередная галочка в бесконечном списке дел.

Потому что ей присваивается низкий приоритет на фоне, скажем, наполнения каталога.

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

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

Зачем нужны изображения для интернет-магазина

Прежде чем приступить к практике, давайте разберемся: зачем все это нужно?

1.      Первое впечатление клиента

Картинка – это первая вещь, которую потенциальный покупатель видит на сайте.

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


Исследование Comprehensive Modern Consumer Shopping Habits Study, проведенное в 2017 году среди американских онлайн-покупателей, дало весьма любопытные результаты:

Что вы хотите видеть на сайте интернет-магазина?

·         Фотографии товара – 78%

·         Подробные обзоры – 69%

·         Сравнение продуктов – 46%

·         Отзывы пользователей – 42%

·         Видео обзор (распаковка) – 30%

·         Онлайн-консультант – 22%

·         Ссылки на соцсети – 9%

Учитывая среднегодовой рост электронной коммерции в 20-25%, успешное внедрение перечисленных элементов принесет вам впечатляющие преимущества и дивиденды!

2.      Картинка стоит тысячи слов

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


Онлайн нельзя «пощупать» вещь, как в традиционном магазине, поэтому фотография стала продолжением витрины. А кто будет покупать товар, который нельзя рассмотреть?

Что вам не нравится в онлайн-торговле?

·         Оплата за доставку – 58%

·         Покупка товара вслепую – 49%

·         Проблемы с возвратом – 34%

·         Ожидание доставки – 34%

·         Нарушение приватности – 29%

·         Проблемы с навигацией по сайту – 21%

·         Ввод платежных данных – 19%

·         Избыток товаров – 10%

·         Плохой поиск – 9%

В подтверждение приводим вторую часть результатов упомянутого исследования Square и BigCommerce, где 49% покупателей жалуются на невозможность посмотреть товар.

3.      Мобильные покупки

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


Пользователь все чаще судит о товаре не по тексту, а по качественным фото.

Четкие и привлекательные образы – залог высоких продаж.

4.      Изображения могут навредить сайту

Некоторые наивно полагают, что любая фотография на сайте – это здорово.

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

·         Ваши изображения загружаются медленно?

·         Вы не добавляете релевантные мета-описания?

·         Посетители быстро покидают страницу?

Если хотя бы на один вопрос ответ «Да» — пересмотрите визуальные элементы!

Во избежание проблем картинка должна соответствовать простым критериям:

·         Профессиональное качество

·         Грамотная поисковая оптимизация

·         Высокая уникальность

·         Разумный объем

фотографии-товара-с-разных-ракурсов

Руководство по оптимизации веб-изображений


Оптимизация изображений дает стратегические преимущества в UX и ранжировании.

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

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

1.      Делайте качественные снимки

Успешная электронная коммерция начинается с фотоаппарата.

Вам не обязательно покупать навороченную профессиональную фотокамеру за $3000.

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

·         Цифровой зеркальный фотоаппарат (DSLR) или смартфон. Сегодня у большинства смартфонов есть камера, которой более чем достаточно для получения стандартных фотографий продукта на первых этапах работы интернет-магазина.

·         Источник света. Правильная установка источника света обеспечивает равномерное освещение вашего товара и будет иметь огромное значение для качества снимка. Начинающим фотографам проще работать с естественным источником света.


·         Белый фон для фотографирования. Установка фона – белоснежной ткани или рулона бумаги – поможет равномерно распределить освещение и упросит редактирование.

·         Устойчивая поверхность. Если вы делаете серию снимков товара, наличие устойчивой поверхности и штатива просто необходимо. Занимаясь продажей мелких вещей (монеты, ювелирные украшения), подумайте о рельсах для микрофотографии.

2.      Покажите продукт под разными углами

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

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

Разные снимки товара демонстрируют разные аспекты:

·         Фотографии на дальней дистанции показывают вещь на модели, помогая клиенту представить ее в различных жизненных ситуациях (применение)

·         Фотографии на средней дистанции акцентируют внимание на общем виде товара


·         Снимки с увеличением демонстрируют качество изделия (ткань, пошив)

3.      Используйте белый фон для фотографирования

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

·         Товары выглядят более привлекательно

·         Вы можете составлять серии однотипных снимков

·         Вы экономите деньги и время на редактировании

·         Вы можете легко заменять фон любой фотографии

·         Многие площадки сегодня требуют белый фон

·         На белом проще сравнивать вещи

Чтобы вручную заменить фон изображения, вы можете воспользоваться стандартными программами вроде Photoshop или Pixlr.

4.      Выбирайте подходящий размер

Размер изображения имеет ключевое значение для вашего бизнеса:

·         Слишком тяжелые картинки замедляют загрузку и повышают отказы


·         Слишком маленькие картинки не внушают доверия покупателям

Для оценки размеров изображений ориентируйтесь на пиксели.

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

Много это или мало? Для сайтов электронной коммерции это с головой.

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

Кстати, делая снимки «квадратными», вы способствуете их корректному отображению.

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

5.      Выбирайте формат для быстрой загрузки

При сохранении файла проще выбрать формат по умолчанию, но за привычными расширениями gif, png и jpeg стоят существенные отличия. Каждый из этих форматов обладает своими плюсами и минусами, определяющими сферу его использования:

·         Файлы GIF ниже по качеству, но и занимают меньше места. Если вам нужно создать изображение специально для небольших значков или миниатюр, стоит использовать GIF. Это также единственный формат, который поддерживает анимацию (не забудьте APNG). По мере увеличения размера обработка цветов GIF становится менее эффективной.


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

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

6.      Экспериментируйте с качеством изображений

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

Он предлагает оптимальный баланс между качеством картинки и ее объемом: настройка параметров сжатия позволяет уменьшить размер файла за счет качества изображения.

Когда не нужно использовать JPEG на сайте:

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

·         Когда картинка – это в основном линии, значки или резкие контуры: сжатие JPEG может размыть линию между изображением и фоном, сделав контраст менее отчетливым.


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

7.      Оптимизируйте объем

Типичный размер файла фотографий iPhone 7 составляет примерно 3 МБ, что соответствует тридцати веб-изображениям оптимального размера! Теперь представьте, что в интернет-магазине появилась галерея из 10-15 снимков такого размера. Начинаете понимать, почему размер решает?

Отрегулировать уровень сжатия файлов JPEG несложно – для этого используются многочисленные платные графические редакторы и бесплатные онлайн-сервисы. Например, оптимизатор TinyJPG, который производит интеллектуальное сжатие снимков в JPG и PNG.

Вместо того чтобы угадывать таинственный баланс между качеством и размером, достаточно загрузить снимки на подобный сервис, и сразу получить результат. Наслаждайтесь!

Оптимизация-изображений-TinyJPG

Поисковая оптимизация изображений для интернет-магазина

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

Вот несколько вещей, которые стоит сделать перед публикацией картинок на сайте:

1.      Используйте информативные имена файлов

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

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

2.      Включите alt изображений

Alt текст представляет собой альтернативное описание картинки.

Если у человека слабое зрение или файл невозможно загрузить, на экране появится alt текст.

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

3.      Окружите картинку контентом

Релевантное окружение графического объекта необходимо и людям, и машинам.

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

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

4.      Продумывайте размер и положение

Стремитесь максимально усилить пользовательский опыт:

·         Публикуйте самые удачные и четкие снимки. С появлением бесплатного софта для редактирования фото на смартфонах, фотоляпам уже нет оправдания.

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

·         Установите высоту и ширину каждого веб-изображения. Если браузер знает, какого размера должно быть фото, он расставит остальной контент на свои места, пока ждет завершения загрузки массивного файла. Скорость – это продажи!

5.      Настройте Open Graph для социальных сетей

Последняя вещь в оптимизации – Open Graph, подсказывающий социальным сетям с помощью мета-тегов содержимое страниц. Благодаря этому инструменту людям будут демонстрироваться ваши лучшее образы, а не случайная картинка или лого.

sdvv.ru

Сравните две пары изображений одной и той же модели часов – взятые с двух порталов реальных интернет-магазинов:

Картинки для интернет магазина

Это плохой пример. Хоть фото и собственное, уникальное, и даже виден цвет и общая форма часов – но рассмотреть товар детально при таком качестве изображения невозможно, а пряжка-застежка ремешка не показана. А речь идет о тонком точном приборе, который является заметным аксессуаром, почти украшением. Потому покупателю нужно видеть все эстетические и функциональные микронюансы – как циферблата, так и ремешка с пряжкой,

Картинки для интернет магазина Картинки для интернет магазина

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

Итак, формулируем два первых правила фотографирования товара для интернет-магазина:

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

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

Где брать фотографии товаров для интернет-магазина?

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

Можно использовать такие варианты создания фотоконтента:

Как выбирать фотографии товаров

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

Помимо того, желательно, чтобы предмет располагался в кадре по центру, не обрезался ни с одной из сторон, занимал 60-80% изображения; оставьте свободные поля по всем сторонам. На изображении не должно быть лишних предметов и элементов, рамок и орнаментов, подписей (кроме ваших ватермарок).

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

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

А напоследок даем еще два иллюстративных примера:

Картинки для интернет магазина

Это неправильное фото: товар размещен не по центру; добавлены рамка, надписи; цвет явно профильтрован, притом до неестественности.

Картинки для интернет магазина

Это правильное продающее фото. Согласитесь, этот товар хочется купить.

evo.business

Размеры и пропорции картинок

Размер

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

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

У картинки два размера:

  1. Пространство, которое она занимает на экране. Этот размер измеряется в пикселях (px) — точках, из которых состоит экран.
  2. В Эквид-магазин можно заливать картинки любого размера, они всегда оптимизируются под ширину окна браузера и загружаются одинаково быстро.

    Если ваш магазин не на Эквиде и вы не знаете, оптимизирует ли он размер картинок, не пожалейте времени и уменьшите изображения товаров примерно до 1000*1000 px. Такой размер достаточно велик, чтобы рассмотреть товар, и достаточно мал, чтобы быстро загружаться.

  3. Место, которое картинка занимает в памяти устройства. Память измеряется в килобайтах (kB).

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

Подходящий размер для фотографий товаров — 1000*1000 px на 200 kB

Однако сильное сжатие ухудшает «качество» картинки: появляется характерный шум или резкие переходы цветов. Чтобы такого не произошло, достаточно сохранить картинки в правильном формате. Для файла габаритов порядка 1000 px хорошим результатом будет вес в 200 kB. Как для этого выбрать формат, мы расскажем ниже.

Кадрирование

  • Картинка стала меньше, но пропали мелкие элементы, которые я хотел показать!

Вы правы! Детали важны. Откадрируйте важные детали товаров, вырезав их из основного изображения. Залейте дополнительные картинки в галерею.

Миниатюры товаров

Мы разобрались с главным изображением товара, но для витрины нужны миниатюры. Об этом Эквид заботится сам. Миниатюры товаров создаются автоматически. Размер по умолчанию 230 px. Вы можете изменить его в настройках контрольной панели.

Если у вас не Эквид, сделайте миниатюры размером до 40-50 kB.

Пропорции

Исследования показали, что не любое соотношение сторон приятно глазу. С годами был определен «стандартный» набор пропорций, пользуюсь которыми вы всегда получите приятный результат: 1:1, 4:3, 3:2, 16:9.

идеальные пропорции иллюстраций

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

Резкость

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

Простой способ

В большинстве современных редакторов при сохранении для Web можно задать новые размеры снимка и алгоритм уменьшения, который напрямую влияет на резкость. В Фотошопе установив правильные параметры (Image Size не больше 1000 px и Quality = Bicubic Sharper), мы получим результат, не нуждающийся в последующей корректировке.

простой способ увеличить резкость изображения

Если изначальное изображение было очень большим, например более 5000*5000 px, не уменьшайте его сразу до нужного. Сделайте это в 2-3 этапа, поправляя после каждого резкость.

Способ для опытных

  1. Уменьшите картинку до нужного размера: Image → Image Size + выберите Bicubic Sharper.
  2. Уменьшите картинку до нужного размера

  3. Копируйте изображение на второй слой (Layer → Duplicate Layer).
  4. Копируйте изображение на второй слой

  5. Повысьте резкость второго слоя (Filter → Sharpen → Sharpen).
  6. Повысьте резкость второго слоя

  7. Откорректируйте прозрачность слоя, чтобы отрегулировать резкость (в окне Layer → Opacity), и готово.
  8. Откорректируйте прозрачность слоя

Маленькие хитрости:

  • Второй слой наложите в режиме luminosity, это позволит избежать возникновения цветных ореолов.
  • Второй слой наложите в режиме luminosity

  • Нежелательную резкость уберите протерев второй слой стёркой (или маской).

Нежелательную резкость уберите протерев второй слой стеркой

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

повышение резкости изображения: до и после

На тему резкости написано много статей, вы найдете их в поисковиках по запросу «как увеличить резкость фотографии».

Выбор формата

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

Самые популярные форматы:

  • GIF (англ. Graphics Interchange Format — «формат для обмена изображениями») способен хранить сжатые данные без потери качества в формате не более 256 цветов. Формат поддерживает анимационные изображения. Долгое время GIF был самым распространённым форматом в интернете, пока не был создан формат PNG.
  • PNG (англ. portable network graphics) использует сжатие без потерь и хранит неограниченное количество цветов.
  • JPEG (англ. Joint Photographic Experts Group, по названию разработчика) — самый распространенный формат для хранения фотографий и других изображений. Алгоритм JPEG позволяет сжимать изображение как с потерями, так и без потерь. Чем меньше потери, тем больше размер файла.

Так что же выбрать?

Действуйте по следующему алгоритму:

  1. Если у вас фотография, выбирайте JPEG со значением качества порядка 50-80 единиц.
  2. Если иллюстрация с большими ровными заливками, JPEG не подойдет. На ровных поверхностях будут видны артефакты (искажения изображений). Выбирайте PNG.
  3. Анимированная картинка? Ваш выбор GIF.

И не используйте в интернете TIFF. Этот прекрасный формат создан для печати, но не подходит для web.

А можно еще меньше? — Да!

Сжатие файлов без потери качества делают специальные сервисы: TinyJPG, JPEGmini, TinyPNG.

Если нет Фотошопа

У Фотошопа есть бесплатный онлайн редактор, в нем доступны базовые манипуляции с изображениями (например, обрезать картинку или изменить размер). Или можно купить минимальную версию за 644 рубля в месяц.

Для наших целей ничем не хуже бесплатные графические редакторы:

GIMP

Программа подходит для Windows, Mac и Linux. Есть всё необходимое для профессиональной обработки рисунков и фотографий: работа со слоями и масками, инструменты для цветокоррекции, ретуши и рисования. Gimp поддерживает все основные форматы графических файлов.

редактор изображений GIMP

Paint.NET

Графический редактор для Windows. Простой, интуитивный и удобный интерфейс. Набор инструментов уступает Фотошопу, но для редактирования фотографий для интернет-магазина достаточно. Сохраняется вся история изменений, любое действие можно отменить. Редактор поддерживает работу со слоями, имеет большой набор инструментов и фильтров с гибкими настройками.

редактор изображений Paint.net

PicMonkey

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

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

редактор изображений PicMonkey

www.ecwid.ru

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

Это первая статья. Всего их будет 3.

image

Вступление

Сегодня всё больше людей совершают покупки в интернет-магазинах. Процент таких покупок с каждым годом растёт и всё больше набирает обороты. В России 22 млн. человек покупают в онлайне (по данным агентства Data Insight 2013 г.). Сейчас практически всё можно купить в Интернете, и все те товары, за которыми раньше мы традиционно ходили на рынки и в супермаркеты, теперь мы можем найти и купить, не выходя из дома. Масштабы интернет-магазинов самые разные, от крупных мировых лидеров, таких как Amazon, Ebay, Alibaba и др., где можно найти самые различные группы товаров, до небольших тематических магазинов.

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

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

Пожалуй, мало таких людей, которые, зайдя первый раз в новый интернет-магазин, решат, что им вдруг срочно нужно купить электрокомбайн, непременно сейчас, и что жизнь без него теряет все краски. Конечно же нет! Но важно сделать магазин запоминающимся, интуитивно понятным, чтобы человек, зайдя сюда в первый раз, почувствовал себя комфортно, мог с легкостью найти необходимую ему вещь, информацию, да и вообще – не попадал на сайте в ситуации, из которых бы не видел выхода. Всё должно быть предельно просто и доступно для понимания. Если это сработало – процесс пошёл. Человек запомнит магазин, и, пусть даже не совершив покупку сейчас, вернётся за ней позже. И вот тогда уже крайне важно ничем не спугнуть нашего покупателя и довести его до конечной цели – совершения покупки, которой он должен будет остаться доволен.

В этом случае он с высокой долей вероятности станет постоянным покупателем. И вот у нас есть довольный клиент, который будет делиться мнением о хорошем интернет-магазине со знакомыми и друзьями, которые тоже придут и будут делать покупки. Останется лишь поддерживать сервис на высоте, предлагать выгодные условия и развивать лояльность клиента. Постоянных покупателей, довольных покупками, будет становиться всё больше и больше, пойдёт рост продаж и прибыли. И вот он, долгожданный успех!

Почему дизайн так важен для интернет-магазина?

Мы сегодня не будем говорить «обо всем», а сосредоточимся только на одной стороне создания успешного интернет-магазина, а именно – на дизайне. Поговорим о визуальной оболочке, интерфейсе. Затронем, конечно, и юзабилити, как же без него?

А начнём мы с того, что главная цель любого интернет-магазина – продавать. А цель дизайна – помочь магазину продать что-то покупателю. Разработка интернет-магазина обычно состоит из таких основных этапов, как исследования и аналитика, проектирование, дизайн, верстка, программирование, контроль качества, запуск проекта, продвижение и поддержка. Несмотря на то, что этапов создания так много, в конечном итоге простой пользователь не увидит, например, аналитику или проектирование, верстку или программирование. Это невероятно важные и незаменимые процессы, без которых сайт попросту не будет эффективно работать, но о них простой пользователь может даже не знать, о них знаем мы, разработчики. Простой пользователь увидит дизайн, увидит удобство или неудобство пользования. А это – интерфейс, дизайн, юзабилити. Хороший дизайн будет способствовать продажам и наша с вами цель будет достигнута.

Как мы уже сказали, первое, что видит человек, заходя на сайт – это дизайн. С юзабилити, удобством пользования и другими важными нюансами он столкнется позже, но самое первое, что он видит, заходя на сайт, (особенно на новый сайт, неизвестный) – это непременно дизайн. Это важнейшая составляющая сайта, формирующая первое впечатление у человека и очень важно, чтобы это впечатление не было испорчено. «У вас не будет второго шанса произвести первое впечатление», как говорила Коко Шанель.

Рис. 1. Примеры интернет-магазинов с хорошим дизайном: goodlife.com, flipkart.com, beauty.com.

image

image

image

Каким должен быть успешный дизайн для интернет-магазина?

Первое, что мы должны понять и признать, – это то, что мы делаем дизайн для широкой аудитории. Пользователи интернет-магазинов самые разные: люди разных возрастов, взглядов, вкусов, разного социального положения. Конечно, есть узкотематические интернет-магазины с узкой ЦА, но это скорее исключение, чем правило. Так что, кроме уникальности, о которой мы писали выше, крайне важно сделать наш дизайн универсальным и понятным любому пользователю, будь то ультрамодный тинэйджер, успешный бизнесмен, или сердобольная старушка. Всем должен быть понятен наш сайт. Каждый человек уникален и индивидуален, у всех нас свои вкусы и взгляды. Но в дизайне, как и в любом другом виде искусства, есть своя классика, то, что проходит через время, поколения и не меняется.

«Мода проходит, стиль остается», как гласит известное высказывание. Мода диктует новые тенденции дизайна, в том числе и в веб-индустрии. Сегодня актуально что-то одно, завтра оно сменится другим. Но, если мы хотим приблизиться к универсальности, нам нужно делать упор на то, что признает каждый из нас, несмотря на время и тенденции моды. Это классика. Она есть во всём. Простота и в то же время богатство, однородные цвета, простые формы, внимание к деталям. Это всегда будет актуально. Возьмите, к примеру, автомобили Mercedes Benz классического черного цвета. На одном из них ездил Штирлиц, а сегодня ездят главы государств и многие другие. Мерседес не нужно красить красным цветом в белый горошек, чтобы угодить моде. Это классика, эталон дизайна, это выражение бренда, то, что всегда было актуально, то, что всегда будет на уровне и на ступень выше любого другого дизайна.

Классика есть и в веб-дизайне. Используйте простые геометрические формы элементов, спокойные, не кричащие цвета, правильные цветовые схемы, незагруженность информацией. Хороший дизайн – это когда уже нечего убрать. Как работает скульптор? Берёт каменную глыбу и отсекает от нее всё лишнее. Этот принцип, несомненно, применим и к созданию хорошего дизайна сайта. Не стоит также забывать о логике дизайна, о его правильности. Правильный дизайн человек воспримет подсознательно, такой дизайн выделяет самое главное, цель сайта. Это, прежде всего, правила Золотого Сечения, пропорции Фибоначчи, модульные сетки.

Рис. 2. Еще примеры хорошего дизайна, zappos.com, 2modern.com, tmlewin.co.uk

image

image

image

Рассмотрим основные этапы создания дизайна, а также отдельных его элементов.

Исследования и аналитика

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

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

Маркетинг в дизайне

Как мы знаем, интернет-маркетинг призван развивать бизнес в среде Интернет, используя для этого комплекс мер. Мы должны привлекать и удерживать клиентов. Роль его очень важна для достижения наших целей, и при создании дизайна многие приёмы и обороты берут своё начало именно отсюда, из интернет-маркетинга.

AIDA. В маркетинге существует такая модель как AIDA. Расшифровывается это так: Attention, Interest, Desire, Action (Внимание, Интерес, Желание, Действие). Принцип её – общий порядок событий, которые могут возникнуть, когда потребитель взаимодействует с рекламой, а в нашем случае – с контентом на страницах сайта. Пользуясь этой системой, мы можем «продать за 4 шага».

AIDA является бизнес логикой, которую мы рекомендуем использовать при создании дизайна. Эта модель может применяться на всем сайте в целом и на отдельных его страницах. У каждой из этих страниц может быть своя цель, для достижения которой можно использовать АИДУ.

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

Рис. 3. Как работает AIDA на примере страницы товара

image

По статистике, более 30% посетителей уходят с сайта после оформления покупки, не завершив её. Они передумывают, или что-то их отвлекает, или недостаточно продумана логика их мышления. Чтобы снизить этот процент, рекомендуем вам использовать AIDA. Это, несомненно, сыграет большую роль для достижения целей сайта и увеличения конверсии. Но мы говорим в этой статье не о маркетинге, а о дизайне, поэтому едем дальше.

Юзабилити

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

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

Сценарии поведения в нашем случае могут иметь разные логики: старт пользователя с главной страницы магазина, при переходе в магазин из поисковой системы, социальной сети, баннера и др. По данным исследований inFOLIO Research Group, в 2012 году самым популярным средством поиска товаров были поисковые системы – 92% аудитории. Если пользователь, например, искал конкретный товар через поисковую систему и попал на наш сайт – он окажется на странице нужного ему товара, или на странице категории, или на странице статьи-обзора. Одним словом, близко к цели. Но если он у нас впервые – само собой, у него могут возникнуть сомнения, можно ли доверять этому магазину. Его могут заинтересовать разделы «О магазине», или «Контакты», чтобы убедиться в том, что магазин «живой» и его не обманут. Кажется, наш покупатель отклонился от цели, ушёл со страницы товара. Вот поэтому и продумываются разные сценарии поведения, которыми мы с вами должны руководствоваться, создавая дизайн. Если наш покупатель оказался, допустим, на странице контактов, напомните ему о его цели, например, с помощью блока «недавно просмотренные товары». Он увидит фотографию того, что искал, вспомнит, что хотел это купить, и вернется к своей цели.

Рис. 4. Пример сценария поведения по получении консультации

image

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

Рис. 5. Пример Journey Map

image

Зачем мы всё это описываем в статье про дизайн? Дело в том, что дизайнер должен мыслить не только как дизайнер, но и как маркетолог, как юзабилист, и как покупатель тоже. Когда мы уже провели исследования, изучили ЦА, проработали маркетинг и собираемся делать дизайн – дизайнер наш должен построить свою работу на основе результатов предыдущих этапов. Как бы взять заложенный фундамент и на его основе уже строить, делать дизайн. Так как всё это – командная работа, последовательная и взаимосвязанная.

Проектирование

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

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

Дизайнер, каким бы опытным он ни был, не может и не должен всё знать и уметь. Как известно, успеха можно добиться лишь тогда, когда каждый специалист делает свою работу и добивается совершенства в ней, а не распыляется в попытках всё знать и уметь. Это есть узкая специализация. Дизайнер знаком с правилами и законами юзабилити, но не настолько, насколько их знает проектировщик. Поэтому и начинать здесь нужно всегда с проектирования.

Почему нельзя без проектирования? Дело в том, что проектировщик в процессе своей работы много общается с клиентом, понимает его цели и задачи. Проектировщик закладывает сложность и масштаб сайта, продумывает бизнес-логику. Затем делает прототипирование, создает макеты, по которым уже будет делаться дизайн. В макетах этих учитывается всё, что должно быть на каждой странице сайта, показываются все элементы, которые должны присутствовать.

Рис. 6. Прототип главной страницы интернет-магазина Kibet

image

Времени на дизайн одной страницы нужно намного больше, чем на один такой прототип. Если бы сначала дизайнер делал дизайн, и пытался утвердить его у заказчика, то в процессе работы постоянно бы возникали какие-то недоработки, недостающие или лишние элементы. Дизайн – дело тонкое и кропотливое, и чтобы сделать в дизайне какой-то новый элемент – нужно время. Процесс был бы длительным, бесконечным и ни к чему хорошему не привел. Поэтому и нужно проектировать страницы. Так как прототипы – это схемы, то и времени на их создание нужно намного меньше. Цель их – показать, как будет выглядеть страница, но без дизайна, а схематично. Показать все элементы, которые должны присутствовать и их примерное расположение. Так дизайнер сможет сконцентрировать всё свое внимание на дизайне, и не будет переживать, что что-то забыл или упустил. Как видите, роль проектирования очень важна и без него никак не обойтись, если мы хотим сделать сайт качественным и эффективным.

Рис. 7. Тот же Kibet, но уже в дизайне

image

habr.com

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

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

Надеемся, что вы почерпнете из этих 25 примеров красивых сайтов интернет-магазинов 2016 года идеи для своих собственных разработок. Но помните: слепое копирование чужого дизайна — пусть даже самого удачного и вам кажется, что это самый крутой интернет-магазин — на практике, как правило, ни к чему хорошему не приводит!

1. Thndrbolt
2. Zulu & Zephyr
3. Wijnhandel Wijn&Zo
4. Dodge & Burn
5. Frank and Doll
6. Wootten
7. Lux Ticket
8. Olive Leaf Australia
9. Reebok
10. Mrs. Bow Tie
11. Skinny Ties
12. Марусин букет
13. emploi New York
14. MiBolsa
15. Goodship
16. Satorisan
17. Steven Alan
18. iskander
19. Etiquette Clothiers
20. Mujjo
21. Pitango Bikes
22. Big Cartel
23. Книжки-магниты.рф
24. Bree
25. IBumper
Вместо заключения

1. Thndrbolt

Thndrbolt

Thndrbolt

Thndrbolt — веб-дизайнеры, создающие и распространяющие по вполне умеренным ценам креативные интернет-магазины, профессионально разработанные, простые в установке темы для оформления сайтов. Как говорят учредители Thndrbolt: «У каждого есть что сказать, и у каждого есть аудитория, готовая его выслушать. Любой бизнес достоин профессионального дизайна».

2. Zulu & Zephyr

Zulu & Zephyr

Zulu & Zephyr

Zulu & Zephyr — австралийский бренд дизайнерской одежды. Это один из лучших современных сайтов, пример хорошего вкуса.

3. Wijnhandel Wijn&Zo

Wijnhandel Wijn&Zo

Wijnhandel Wijn&Zo

На этом сайте можно приобрести вина и деликатесы (знаменитых устриц из Остенде, например), являющиеся основой семейного бизнеса повара Дельфины Декрок и сомелье Филипа Дебука, проживающих в бельгийском городе Брюгге.

4. Dodge & Burn

Dodge & Burn

Dodge & Burn

Владельцы интернет-магазина Dodge & Burn так объясняют название своего ресурса: «Осветление и затемнение (Dodging and burning) — так назывался один методов печати традиционных фотографий. А мы черпаем вдохновение при создании своих принтов для футболок, фотоальбомов, авторских постеров именно в классической фотографии, фотоаппаратах и фотографах. К тому же Dodge & Burn просто чертовски здорово звучит!».

5. Frank and Doll

Frank and Doll

Frank and Doll

Лондонский бутик Frank and Doll был назван его хозяйкой и основательницей Самантой Девис в честь ее дедушки Фрэнка и бабушки Долли, являвшихся для маленькой Саманты воплощением хорошего вкуса, подлинного стиля и непреходящего обаяния. Теперь хозяйка Frank and Doll, стремящаяся быть достойной своих замечательных предков, самостоятельно отбирает женскую одежду, обувь, аксессуары в лучших дизайнерских домах по всему миру — от австралийского Mink Pink до калифорнийского For Love and Lemons, специализирующегося на неоготических мотивах.

6. Wootten

Wootten

Wootten

Австралийские мастера, работающие под брендом Wootten, производят сделанную вручную из лучших сортов кожи мужскую и женскую обувь в классическом английском стиле, сумки для путешествий, бумажники и ремни. На сайте можно прочесть манифест: «Мы практикуем “медленную моду” (Slow Fashion). Мы наследуем тем одиночкам-итальянцам, которые начали в середине 1980-х европейское “Медленное движение” (Slow Movement) как протест против “тотальной фастфудизации”, грозящей уничтожить великие национальные кухни стран Европы. Мы делаем что-то похожее, но только в области моды — и все больше людей понимают, что нуждаются в наших услугах, потому что по-настоящему качественная одежда и обувь могут быть сделаны только вручную, медленно и с любовью к своему ремеслу».

7.  Lux Ticket

Mr. Butler

Lux Ticket

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

8. Olive Leaf Australia

Olive Leaf Australia

Olive Leaf Australia

Интернет-магазин компании Olive Leaf Australia продает экстракт листьев оливкового дерева, считавшийся в культурах народов стран Средиземного моря одним из главных источников здоровья. Основателям фирмы, семейной паре Рэю и Дельфине Арчер, принадлежит крупнейшая в мире плантация оливы, выращиваемой именно «на листья». Ежедневно только в Австралии Olive Leaf Australia продают 1000 бутылок этого экстракта. Экспорт этого продукта осуществляется более чем в 20 стран.

9. Reebok

Reebok

Reebok

Напомним, что Reebok был основан как семейное предприятие «J. 'W. Foster & Co» в английском городе Болтоне еще в 1895 году. Сегодня компания Reebok занимается производством спортивной одежды, обуви и аксессуаров в качестве дочернего подразделения компании Adidas.

10. Mrs. Bow Tie

Mrs. Bow Tie

Mrs. Bow Tie

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

11. Skinny Ties

Skinny Ties

Skinny Ties

SkinnyTies.com — семейное предприятие, занимающееся производством и продажей галстуков с 1971 года. Они были одной из первых компаний, начавших продажу традиционных галстуков онлайн (1997 год, тогда их ресурс назывался NarrowTies.com). Узкие ретро-галстуки — вот рыночная ниша этого бренда, и в своем бизнесе они добились большого успеха — сейчас SkinnyTies.com являются одним из крупнейших оптово-розничных продавцов галстуков в Соединенных Штатах.

12. Марусин букет

Wee Gooseberry

Марусин букет

«Доставка нежностей на дом» — гласит слоган этого интернет-магазина цветов и пирожных macarons в дизайнерских коробочках. Его гармоничный дизайн создает ощущение нежности, легкости и уюта.

13. emploi New York

emploi New York

emploi New York

Цель основания нью-йоркского бренда emploi New York — предоставить возможность современной работающей женщине выглядеть в офисе (чем бы этот «офис» не являлся) «так великолепно, как она прежде не выглядела никогда». Вот еще одна цитата: «Придуманный в Нью-Йорке, наши столичный стиль подходит для умных и сексуальных женщин во всем мире».

14. MiBolsa

MiBolsa

MiBolsa

Еще одни австралийские умельцы, назвавшие свой бренд по-испански «MiBolsa» (Моя сумка), производят стильные и элегантные сумки, кошельки и бумажники из импортируемой из Аргентины великолепной по качеству кожи (вот откуда испанское название!).

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

15. Goodship

Goodship

Goodship

Джули Маклин, основательница бренда Goodship, родилась в Новой Зеландии, но вот уже более 10 лет живет Нью-Йорке, где в качестве дизайнера по текстилю сотрудничала с такими всемирно известными гигантами мира моды как Оскар де ля Рента, Диана фон Фюрстенберг, DKNY, J.Crew, Topshop и Gap. В 2009 году она начала производить Goodship — линию холщовых аксессуаров (сумок, в частности), украшенных яркими жизнерадостными авторскими принтами.

16. Satorisan

Satorisan

Satorisan

Дизайнеры, создававшие сайт интернет-магазина производителя спортивной и прогулочной обуви Satorisan, видимо, все-таки прониклись «духом Сатори»: согласно одному из толкований, этот термин значит «Понимание», «Баланс», «Гармония». Все эти 3 понятия вполне применимы к чудесному веб-ресурсу Satorisan: яркому, легкому, динамичному и гармоничному.

17. Steven Alan

Steven Alan

Steven Alan

Успешный дизайнер Стивен Алан, по его собственному выражению, «одевавший с ног до головы и мужчин и женщин», запустил собственную линию по производству очков. Поводом для этого послужила, по его словам, «пустота на рынке», которую он поспешил заполнить своим продуктом, ориентируясь на свою всегдашнюю целевую аудиторию — творчески мыслящего жителя мегаполиса. А может быть, это произошло потому, что сам он живет в Нью-Йорке, творчески мыслит и с детства носит очки? 😉

18. iskander

Картинки для интернет магазина

iskander

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

19. Etiquette Clothiers

Etiquette Clothiers

Etiquette Clothiers

Основанная в Нью-Йорке, кампания Etiquette Clothiers специализируется на производстве совсем простых, но очень нужных предметов одежды: нижнего белья и носков. Правда, все это делается из тканей и трикотажа высшего качества, со стремлением достигнуть сочетания традиционного мастерства и самого современного дизайна.

20. Mujjo

Mujjo

Mujjo

Mujjo — голландский дизайнерский бренд, производящий аксессуары для мобильных гаджетов (смартфоны, планшетные компьютеры). Это именно Mujjo начали первыми в мире выпускать зимние перчатки, позволявшие работать с сенсорными экранами телефонов. Весной 2012 Mujjo начал делать чехлы и футляры для устройств компании Apple, отличающиеся уникальным сочетанием шерстяного войлока и кожи высокого качества.

21. Pitango Bikes

Pitango Bikes

Pitango Bikes

Классический «гаражный стартап», затеянный школьным учителем, горным проводником и помощником шеф-повара после двух лет «изысканного нищенства, суетливых попыток пробиться на рынок и нездоровой одержимости велосипедами» (так они сами пишут о себе на сайте), принес-таки заслуженные плоды: у Pitango Bikes появились заказчики, восторгающиеся дизайном их продукции.

22. Big Cartel

Big Cartel

Big Cartel

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

23. Книжки-магниты.рф

Книжки-магниты

книжки-магниты.рф

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

24. Bree

Bree

Bree

Немецкая компания Bree, выпускающая огромный ассортимент продукции — от мужских и женских дорожных сумок до бумажников и чехлов для мобильных телефонов — обладает веб-сайтом, о котором так и хочется сказать: «Подлинно немецкое качество!».

25. IBumper

25. IBumper

IBumper

Стильный и лаконичный сайт фирмы, производящей защитные чехлы для iPhone.

  • 25 примеров целевых страниц для лидогенерации
  • 15 гениальных примеров главной страницы сайта

lpgenerator.ru


You May Also Like

About the Author: admind

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте, как обрабатываются ваши данные комментариев.