Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

30_eCommerce_sites_using_html5_SYS4U

507 views

Published on

  • Login to see the comments

30_eCommerce_sites_using_html5_SYS4U

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

×