1. HTML5를 사용한 30개의 이커머스 사이트
(원제: Why Publishers Should Care About HTML5)
저자: James Marshall
작성일: 2012년 5월 1일
번역: 유승찬 주임
번역일: 2013년 4월 8일
원문 주소: http://www.instantshift.com/2012/05/01/30-ecommerce-sites-using-html5/
온라인 검색을 하면은 HTML5를 사용하여 웹 사이트의 큰 예를 쉽게 찾을 수 있지만, 카테고리
별 그러한 사이트를 발견 할 때 보다 적게 편리하다. 잠재력에 다섯 번째 버전을 사용하여 상업
적 사이트는 전 세계에 걸쳐 게재되었다, 그래서 우리는 연구와 대조 좋은 사례 중 일부를 여기
에 영감을 제시하기로 결정했다.
최신 개발에 익숙하지 않은 캐주얼 독자, HTML5는 HTML 표준의 최신 버전입니다. 그것은 페이
지 로딩, 더 나은 상호 작용 및 콘텐츠를 표시하는 새로운 방법을 빠르게 제공합니다.
HTML5는 새롭고 많은 구문 영상 기능을 포함한 <audio>, <canvas>,
<section>,<article>,<HEADER> 요소를 소개합니다. 캔버스 요소는 플러그인 비디오 요소가 어도
비에 빠른 시간 및 Flash와 같은 플러그인을 사용하는 필요성을 제거하는 동안을 사용하지 않고
영상을 렌더링 하는데 사용하실 수 있습니다.
브라우저가 HTML5를 처리하기 위해 자신의 준비를 증가로, 점점 더 많은 디자이너와 개발자는
상업적인 프로젝트에 적용됩니다. 그것은 확장 비디오 및 비주얼 렌더링 기능을 사용하고, 나아가
서는 훨씬 더 직관적 인 사이트와 전자 상거래에 대한 흥미로운 가능성을 제공합니다.
아래의 특색은 전자 상거래 사이트의 모든 HTML5에 의해 구동 및 복잡성이나 단순성의 다양한
2. 수준에 기술을 사용할 수 있습니다. 무엇이든 사이트에 대해 눈에 띄는 것은 디자인 작업의 품질
입니다. HTML5가 활성화하는 효과는 단순히 디자인의 품질을 지원합니다.
디자이너 영감은 상업적인 프로젝트에 작업!
G-Force
G-포스는 플래시와 HTML5 모두를 사용하는 웹 사이트와 네덜란드의 스포츠 패션 저장소입니다.
이 사이트는 대담한 사진과 사용자가 브랜드를보고 가게와 연락을 할 수있는 수직 계단식 탐색
방식을 사용합니다.
3. Merchworld
엔터테인먼트 산업에 대한 머천다이징 및 브랜딩 전문 Merchworld는 매우 대담하고 명확 카트
및 체크 아웃 기능을 가진 매끄러운 전자 상거래 경험을 제공합니다.
Mendo
상업 사이트에 적용 HTML5의 기능의 좋은 예는, Mendo사이트가 좋은 예이다 전환하고 직관적인
4. 탐색 재미와 매력적인 사용자 경험을 제공합니다. 이 사이트에 큰 효과는 환상적인 고해상도 사
진을 사용합니다.
Wantist
Wantist는 사용자가 신속 본질과 성격 유형에 따라 선물 아이디어를 발견 할 수 있도록 훌륭하게
실행되는 간단한 아이디어입니다. 이 사이트는 트랜잭션을 완료 할 수 있습니다 전자 상거래 사
이트를 통해 가격 비교 및 링크를 제공합니다. Wantist은 제품 이미지에 애니메이션 효과를 포함
한 HTML5의 기능을 잘 사용합니다.
5. Hyundai Veloster
Hynudai 벨로스터의 사이트는 화살표 버튼으로 클릭하고 관련없는 플래시와 함께 여러 각도에서
문제의 자동차를 볼 수있는 기능 등 몇 가지 정말 좋은 세부 기능!그것은 차의 장점을 판매하는
탐구하는 흥미로운 사이트입니다.
Car Insurance
6. 자동차 보험에 대한 비용 비교 사이트입니다.넓고 초대 찾고 보는 디자인의 이 사이트는 HTML5
의 기능을 제한적으로 사용하게 하지만 결코 덜 효과적인 전자 상거래 경험입니다.
Car Buzz
자동차 버즈가 자동차 구매자 그들의 권리를 위해 쉽게 차량을 선택 할 수 있도록하는 것을 목표
로 하고 있다. 이 사이트는, 매끄럽고 빠른 직관적인 기능을 사용하는 HTML5의 기능의 좋은 예
입니다.
7. Trecento Pizza
포르투갈어 피자 배달 회사인 Trecento에 대한 웹 사이트는 많은 패스트 푸드 콘센트에 친숙한
빨강, 녹색, 노란색, 색 구성표를 사용하고 있다.
Nature’s Table
미국 기반의 매력적인 가족 체인 카페 식품 사이트입니다. 이 사이트는 강력한 브랜딩, 잘 균형
8. 잡힌 요소와 좋은 품질의 사진을 제공합니다. 자신의 파니니와 녹아남을 쓰기로 배고픈 느낌을
만들고 있습니다.
Quincaillerie Sucree
경계 환각 경험, QUINCAILLERIE Sucree 환상적인 케이크와 간식을 제공합니다.사이트는 이미지와
온라인 주문을위한 사용하기 쉬운 거래 과정에 대한 몇 가지 좋은 효과를 제공합니다.
9. Segen Themes
디자이너 마르코 Prljic 온라인 스토어 6 달러에서 워드 프레스 테마를 제공합니다. 이 사이트는
좋은 표준 간단한 애니메이션 효과와 하이라이트를 사용합니다.
Yowza
Yowza 온라인 쇼핑을 할 때 사용자가 비용을 절감 할 수 있도록 모바일 쿠폰을 제공합니다. 사이
10. 트 로고 증명서 갤러리가 눈에 거슬리지 않게 애니메이션 효과 등 멋진 디자인 기능과 함께 정보
를 사용자 경험을 제공합니다.
Hemingways
헤밍웨이 탐험은 동 아프리카에서 예약하고 완벽하게 사용자 정의 사파리 및 문화 투어를 제공합
니다. 자신의 사이트는 정보, 잘 설계하고 제안에있는 일부 목적지에서 아주 좋은 사진을 제공합
니다.
11. Zeus
제우스는 HTML5의 기능을 강조하고 매우 매끄러움을 찾는 온라인 디자이너 샌들 저장소입니다.
사이트의 아름다운 사진 렌더링 및 화면 크기의 변화에 큰 영향을 가지고 있습니다.
Moods of Norway
이 독특한 온라인 패션 스토어는 재미, 역동적이고 매력적인 사용자 경험을 제공합니다. 전자 상
12. 거래 기능은 제품 이미지, 뛰어난 구매 아이콘과 따라하기 쉬운 거래 과정의 많음을 가진 높은
수준에 사이트이다.
Behind the Masc
맥 뒤에, 놀라운 효과에 높은 품질의 사진을 사용하는 다른 사이트 포병, 높은 전자 상거래 경험
이다. 간단한 흑백 대조 고급 모양을 만들어 실패하지 않았습니다, 그것은 여기에 아주 잘 되어있
습니다.
13. Lomme Bags
롬므 가방의 납품에 있는 맥 뒤에 유사한 다른 높은 경험을 제공하며 덴마크 기반의 액세서리 브
랜드는 이 웹 사이트에 반영되어 해당 제품의 "단순, 시대를 초월한 기능적인 고급"을 추진하고
있습니다.
Kontenta
14. Kontenta는 사용자 정의에 만든 항목이 함께 같은 카르텔 등 주요 브랜드를 구입하는 새로운 온
라인 디자이너 가구 소매상인 입니다. 이 사이트는 제품 이미지의 강력한 사용과 단순하고 깨끗
한 디자인입니다.
Sheely
Sheely 40 년 동안 서핑 보드를 생산하고, 그들의 웹 사이트는 디자인의 큰 선택을 제공하고 있습
니다. 온라인 주문은 사용자가 자신의 요구 사항을 지정하고 이메일로 반환하며 PDF 문서에 대한
링크와 함께 옛날 일이 되었다.
15. Nike Better World
나이키 나은 세계 사이트 그것은 전환 및 섹션 사이의 페이드가 정말 잘되어 답답한 여행에 걸립
니다.매력과 상상력 사용자 경험을 제공 HTML5 달성 할 수 있는지의 강력한 예입니다.
Gift Rocket
선물 로켓은 사용자들이 바, 레스토랑, 클럽 등 소매점에서 즉시 상환하여 친구들에게 선물을 구
16. 입 할 수 있도록 하는 영리한 서비스입니다. 이 웹 사이트는 강력한 브랜딩 및 아이콘을 갖춘 멋
진 디자인입니다.
Goodies for Gifts
선물을위한 케이크는 미국 및 링크 전역에서 사용자가 구매를 할 수있는 업체의 사이트로 연결되
는 링크로 함께 먹을 수있는 간식을 제공합니다. 이 사이트는 먹을걸 찾고 사진은 많이 밝고 화
려한 사탕 같은 디자인입니다.
17. CSM Bakery Products
CSM 베이커리는 미국 전역과 해외 점포 같은 케이크, 아이스 빵, 과자 등 단 제품을 공급하고 있
습니다. 자신의 사이트는 대담한 매력적이고 유익한 정보, 해당 제품의 특성을 반영하기 위해 여
러 개의 기본 색상을 사용하였습니다.
901.com
18. 901 데킬라이 사이트는 큰 효과 애니메이션, 전환 및 스크롤을 사용하는 다른 멋진 일이다. 자신
의 믹싱 룸의 기능은 취향에 따라 다양한 음료를 만들 수 있도록, 좋은 터치입니다. 광산 피의 리
타이야!
YoArts
YoArts 블로깅, 비즈니스 및 전자 상거래 사이트에 대한 전문 워드 프레스 테마를 제공합니다. 이
사이트는 탐색 따라하기 쉬운 심플한 디자인입니다.
19. iQuote
iQuote는 장수 얼라이언스, 사람들은 의료, 장기 의료 및 생명 보험의 요구에 맞는 보험 솔루션을
찾을 수 있습니다. 사이트는 유익하고 사용하기 쉬운 설계되어 있습니다.
Home Sale Online
홈 판매 온라인은"스코틀랜드을 높이고 시설을 시장에 새로운 방법으로"자신을 판매, 295파운드에
20. 서 고정 수수료 서비스를 제공합니다. 이 사이트는 좋은 검색 기능을 갖추고 있으며, 균형이 잘
잡힌 느낌과 모습을 하고있습니다.
Car Blurbs
자동차 선전 문구는 자동차 판매점과 쇼룸에 대한 판매 추천 광고를 작성하는 서비스입니다. 매
월 요금이 불과 50 달러부터 시작합니다. 사이트 자체는 많은 차량 관련 사이트에서 접해본거 처
럼 메탈릭 블루의 강력한 사용과 간단한 전자 상거래 일이다.
21. Looking 4 Parking
4 주차를 찾고 단순히 앞 페이지 양식에 몇 가지 세부 사항을 입력하여 단기 및 장기 주차장에
대한 정말 빠른 견적을 제공합니다.사이트에 만화 같은 모양의 마스크는 실제로 매우 비즈니스적
이며 추천하는 유용한 사이트입니다.
My Next Wine
22. 내 옆에 와인 구매자가 더 나은 와인을 선택할 수 있도록 설계되었습니다. 자신의 매력을 찾고
사이트는 HTML5의 기능을 최소한하여 간단한 디스플레이어를 사용하며. 어떤 경우, 그리고 체크
아웃 가치가 좋은 디자인입니다.