전자 상거래 웹 사이트 디자인 : 10 가지 흥미로운 예

/2020-02-16 16:06:27/
Sebastian
/영감/

전자 상거래 디자인은 가장 일반적이고 간과되는 디자인 프로젝트 유형 중 하나입니다. 웹 사이트에서“지금 구매”를 얼마나 자주 클릭하는지 생각해보십시오.

그러나 무엇이 작동합니까? 전자 상거래 디자인에서 가장 중요한 것은 사용자 경험과 구매 흐름이지만 점점 더 많은 사이트에서도 멋진 디자인 체계를 개발하기 시작했습니다. 여기서 우리는 잘 작동하는 10 개의 전자 상거래 사이트를 살펴보고 환상적으로 보일 것입니다.

디자인 리소스 살펴보기

같게

Ditto 랜딩 페이지에는 독특한 웹 경험을위한 거대한 이미지와 시차 스크롤이 있습니다. 쇼핑 페이지는 쉽게 찾을 수 있으며 제품을 보여주는 최소한의 스타일로 깨끗한 이미지를 보여줍니다. 각 항목은 명확하게 표시되고 가격이 책정됩니다. 검색 기능은 쉽게 작동하며이 사이트에는 재미있는 추가 보너스가 있습니다. 사진을 제출하고 안경을“시도해보십시오”.

디자이너를위한 교훈 : 전자 상거래 디자인은 간단한 방법으로 시차 스크롤 또는 기타 재미있는 기술과 같은 최신 유행의 사용자 인터페이스 효과를 특징으로 할 수 있습니다.

Neronote

언뜻보기에 Neronote는 색상 구성표에서 이미지의 고전적인 느낌에 이르기까지 프리미엄 서비스 또는 제품을 제공한다는 느낌을받습니다. 이 사이트는 간단한 탐색과 간편한 구매로 프리미엄 느낌과 함께 작동합니다. 이 사이트를 사용하여 맞춤형 이탈리안 셔츠를 만들 때 원단에서 색상에 이르기까지 모든 것을 선택할 수 있습니다. 추가 된 보너스 : 모든 이미지에는보고있는 항목을 자세히 설명하는 풍선 텍스트가 있습니다.

디자이너를위한 교훈 : 사이트의 모양과 판매 한 느낌을 일치시킵니다. 프리미엄 상품을 제공하는 사이트는 최고의 느낌과 프리젠 테이션을 가져야합니다.

유리 테이블 온라인

이 테이블이 내 집에서 어떻게 보일까요? 그것이 새로운 가구를 볼 때 소비자가 묻는 질문입니다. Glass Tables Online은 실제 환경에서 테이블 라인을 표시하여 해당 질문에 대답 할 수 있습니다. 또한 인터페이스는 놀랍도록 간단하며 평면 디자인 스타일과 높은 색상으로“Add to Basket”을 클릭하고 싶을 수 있습니다.

디자이너를위한 교훈 : 심플한 디자인과 어울리는 멋진 사진은 어떤 제품이든 보여줄 수있는 좋은 방법입니다.

47 브랜드

당신은 트렌드에 있습니까? 멋진 사람들과 어울리나요? 47 브랜드는 당신이“군중”의 일부인 것처럼 느끼게하는 방식으로 그들의 제품을 보여주는 큰 스크롤 이미지와 함께 이것을 아름답게 재생합니다. 랜딩 페이지는 소셜 미디어를 통합하는 훌륭한 일을 수행합니다. 소셜 미디어는 제품 라인의 일부처럼 느끼게하는 또 다른 부분입니다. 쇼핑 경험도 똑같이 즐겁습니다. 항목은 사용 가능한 크기와 정보를 표시하는 호버 효과가있는 격자 스타일 레이아웃으로 명확하게 표시됩니다. 제품 목록에서 벗어나지 않고 원 클릭 주문.

디자이너를위한 교훈 : 소셜 통합은 소비자가 브랜드의 일부처럼 느끼도록하여 특정 회사 나 웹 사이트에서 구매하기를 원할 수 있습니다.

내 자전거

그것을 만들고 사십시오. My Own Bike를 사용하면 맞춤형 자전거를 만들고 다양한 의류 및 액세서리 옵션으로 브랜드를 공유 할 수 있습니다. 빌드 프로세스는 간단하고 기능을 추가하고 가상 자전거에서 바로 빌드되는 것을 볼 수 있습니다. (또한 가격이 자동으로 변경되어 나중에 놀라지 않을 것입니다.)이 사이트는 가장 사용자 친화적 인 사용자 지정 빌드 사이트 중 하나이며 디자인은 간단하고 매력적입니다.

디자이너를위한 교훈 : 강력한 사용자 인터페이스 도구 및 옵션과 결합 된 단순한 디자인은 강력한 조합입니다.

마른 넥타이

반응 형 전자 상거래 디자인은 새로운 모범 사례입니다. 사이트 기능에 액세스하거나 모바일 장치에서 직접 구매할 수 없을 때 몇 명의 잠재 고객이 손실됩니까? 스키니 타이는보기 쉬울뿐만 아니라 어떤 크기로도 아름답게 표시되는 카드 스타일 디자인의 다양한 장치에서 작동합니다. 최소한의 스타일로 각 제품을 더 작은 크기로 쉽게 볼 수 있으며 가격과 스타일이 명확하게 표시되어 있습니다.

디자이너를위한 교훈 : 반응 형 디자인은 온라인 판매를위한 필수 도구가되었습니다.

Nuts.com

Nuts.com은 재미 있습니다. 색상 선택에서 다양한 페이지의 작은 "말하는"견과에 이르기까지, 사용자는 판매와 스토리가 결합 된 디자인에 참여하기를 원할 것입니다. 추가 보너스로 방문 페이지의 거의 모든 설명 단어는 해당 제품에 대한 링크입니다. 또한이 사이트는 장바구니에 추가 할 수있는 여러 가지 옵션을 제공합니다. 작은 목록보기 및 각 항목에 대한 추가 정보보기로, 원하는 것을 찾거나 쇼핑하는 구매자에게 유용합니다.

디자이너를위한 교훈 : 클릭, 특히 판매로 이어질 수있는 클릭에 대한 여러 기회를 제공하십시오.

Jenier World of Teas

차를 생각할 때 무엇이 떠오 릅니까? 나는 종종 차를 진정시키고 차분한 성질과 연관시킵니다. Jenier World of Teas 사이트는 이러한 아이디어와 색상 (블루스) 및 단순하고 행복한 이미지 및 타이포그래피를 사용합니다. 차 이미지는 판매하기 쉽지 않기 때문에이 제품 라인에 특히 효과적입니다. 정렬 옵션이 좋기 때문에 쇼핑객은 풍미, 원하는 효과 또는 패키지 크기를 기준으로 차를 찾을 수 있습니다.

디자이너를위한 교훈 : 색상, 이미지 및 타이포그래피와 같은 디자인 도구를 사용하여 이미지로 판매하기 어려운 제품에 대한 뚜렷한 분위기와 시각적 연관성을 만듭니다.

Inkefx 의류 및 의류

Inkefx 사이트의 모든 이미지에는 제품을 구매하거나 더 많은 정보를 얻을 수있는 링크가 포함되어 있습니다. 이미지는 매우 선명하고 깨끗할뿐만 아니라 버튼과 주변 텍스트는 뚜렷한 대비를 만들어내는 스타일로 만들어져 있습니다. 설명을 클릭하면 설명이 훌륭하고 이해하기 쉽습니다. 사이징 정보는 특히 아이템의 크기와 착용 모델의 크기를 기록하는 것이 좋습니다. 예 :“모델이 LARGE를 착용하고 있습니다. 6'0 '”/ 165 파운드.”

디자이너를위한 교훈 : 모든 이미지는 사용자를 구매자로 전환 할 수있는 기회입니다. "팝"이있는 강력한 텍스트 및 버튼은 제품에서 원하는 클릭 유도 문안으로 눈을 끌 수 있습니다.

백악관 | 암시장

"TV에서 본." “Glamour 매거진에서 볼 수 있듯이” 이 옷을 입으면 유행이됩니다. 여성 소매점 백악관 | Black Market은 웹 사이트에서 의류 라인의 인기도를 알리고 TV 광고 (사이트에서 볼 수있는) 또는 잡지에 실린 항목을 보여 주어 다른 곳에서 본 옷을 쉽게 구입할 수 있도록하는 탁월한 업무를 수행합니다. 원했다.

방문 페이지에는 흥미로운 스크롤 및 호버 효과가있는 재미있는 사용자 인터페이스도 있습니다. 항목 갤러리를 클릭하면 최소 스타일로 항목을 완벽하게 강조 표시하고 가격을 표시하며 다양한 정렬 옵션을 포함합니다.

디자이너를위한 교훈 : 동일한 이미지를 사용하고 멘션과 찬사를 강조하여 상품 판매에 도움을줍니다.