Небольшое путешествие через (малые и большие) веб-сайты электронной коммерции

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

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

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

Бендж и СотоБен и Сото является строго функциональный сайт с чистым дизайном. Он имеет совершенно уникальное взаимодействие; Вы можете украсить свой собственный куб, а затем просмотреть все шесть сторон, ну, на самом деле его поворота. Мне очень нравятся аннотированные элементы, которые добавляют своего рода незавершенный вид к нему. Понятно, что вы должны создать учетную запись или войти в Twitter или Facebook, чтобы создать и сохранить дизайн. Хороший способ визуализации продукта.

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

ДиттоОдна вещь о он-лайн ходить по магазинам что вы не можете попробовать его дальше до тех пор пока вы не будете получать его в почте. До сих пор, что есть! Виртуальная функция try-on Ditto выводит взаимодействие с пользователем на новый уровень, так как вы можете видеть, как будет выглядеть набор кадров для очков на вашем лице с экрана компьютера. Информация о доставке довольно быстро и легко заполнить, и весь процесс только два шага в длину. И приятное взаимодействие на первой странице с «открытием» книг весьма примечательно.

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

Навес(в настоящее время вниз?)
Навес все лучшие вещи на Amazon, Куратор тех, кто знает вас лучше всего. Вы можете увидеть продукты, рекомендованные друзьями, или сделать свои собственные рекомендации. Каждая ссылка приведет вас прямо в магазин Amazon, где вы можете следить за знакомым процессом. Мне нравится минималистичный дизайн сайта, и макет имеет открытое чувство к нему. Цены хорошо видны на каждом продукте, помогая вам просматривать веб-сайт с легкостью. Очень необычный торговый интерфейс, который используется разумно и правильно на сайте.

ОрландоСтраница Орландо имеет довольно интересные переходы. При нажатии на различные категории предыдущее изображение исчезает, оставляя достаточно места для нового изображения и деталей продукта. Тем не менее, вы не можете на самом деле купить товары с самого сайта; скорее, вы должны заказать по электронной почте, что довольно удивительно. Навигация предоставляется с левой стороны в виде наложения. Также довольно необычно для интернет-магазина.

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

НудоллТеперь это что-то немного другое! Noodoll имеет весело записки чувство; милые страницы загрузки анимации прекрасны, как они создают немного интриги с вырезом символов в правом верхнем углу. В самом деле, мало анимации посыпать все вокруг веб-сайта, создавая игривый и привлекательный опыт. Как вы добавляете больше элементов в корзину, они появляются в левой боковой панели, а не в правом верхнем углу, который немного необычно. Работает на Shopify.

Ле Коль де КлодинСайт Le Col De Claudine имеет элегантный дизайн, который демонстрирует модный бренд. Посетители встречают с красивыми, мягкими фотографиями, которые выступают в качестве большого заголовка. Оформление является пятиступенчатым процессом, без опции выезда гостей. Есть не трюки или эффекты, чтобы отвлечь от предмета. И эффект нависшего над модой штук смелый, не будучи слишком громко, хотя он не работает на мобильных телефонах, конечно. Интересно видеть цены не отображаются по умолчанию, но только на наведении.

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

ВеликихОтзывчивый Greats ‘интернет-магазин очень хорошо разработан, с большим количеством польских и внимание к продуктам. Онлайн-только мужской обувной бренд использует последовательную типографику и фотографии, чтобы представить свою продукцию хорошо. Все предметы, как представляется, плавают в воздухе, будучи выстрел под тем же углом. Особенности каждой обуви тщательно описаны и представлены. Как только элементы добавляются в корзину, вы можете просмотреть корзину в приятной накладке. Дизайн кассы, возможно, слишком упрощен, но он хорошо работает в брендинг сайта. Интернет-магазин с хорошо представленными продуктами и продуманной планировкой.

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

Повинуйтесь одеждеObey обеспечивает плавный опыт покупок, используя последовательную типографику. Страницы продукта обеспечивают подходящие и укладка руководства, а также количество просмотров для каждого элемента. Ссылка на выезд показывает быстрый предварительный просмотр — наложение с пунктом, s, цены и возможность удалить или отменить элементы из сумки, которая вполне удобна. Оформление является довольно обычным, но то, что не хватает является прогресс бар, который общаться, в какой части процесса оформления данных пользователь в настоящее время. Приятно прикасаться красный плюс знак, который означает «добавить в корзину», которая сопровождается «Добавлен один пункт в корзину» заголовок, который появляется. В этом случае, простой, без излишеств дизайн укрепляет имидж бренда хорошо.

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

Sew SewПростой макет сетки и плавные переходы, наряду с ценами, четко отображаемыми под каждым элементом, делают для удобного веб-сайта. Магазин находится в ведении Клэр Уоллс, который проектирует все самостоятельно, и ее личность светит через веб-сайт довольно ярко. От тонкой цветовой гаммы до фотографий продуктов и описания продуктов — все говорит одним последовательным голосом. Для независимых интернет-магазинов это, вероятно, самое значительное качество, чтобы заботиться.

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

Заключение

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

Что интересно дизайн / UX методы для лучшего опыта покупок вы нашли в последнее время? Или как вы оптимизировали процесс оформления в интернет-магазине в последнее время? Препятствуйте нам знать в комментариях!

Мы благодарим всех, кто представил свои ссылки через Twitter и Facebook в течение последних нескольких дней. Ты разбиваешь, ты это знаешь, да?