SlideShare une entreprise Scribd logo
1  sur  14
How to design

 An ECOMMERCE
It doesn’t matter about layout, but design has a clear purpose is the
important thing.

IT SHOULD SELL
First of all, an e-commerce website should sell the products to the
visitors so to be successful you need traffic; a well done layout
attracts the attention of the visitors.
HERE COMES THE FIRST MAJOR RULE OF
CREATING A GOOD E-COMMERCE WEBSITE
The Rules
1. Design should be match with the products
2. Emphazise the products
3. High quality images
4. Usability and accessibility
5. The navigation menu
1. Design should be match with the products




- REFLECT THE MAIN FEATURES OF THE SELLER
- FINE COLOR SCHEME
- GOOD IMAGING
- COMBINING THE TASTE
2. Emphazise the products




- PRESENCES NOT ONLY THE CONTENT
- PUT THE PRODUCTS IN THE SPOTLIGHT
AND USING A LOT OF TEXT AND IMAGES
3. High Quality Images




THE RELEVANT IMAGES, SHOWING
MANY PERSPECTIVES!
4. Usability and accessibility




- DESIGN SHOULD HELP THE CUSTOMERS
- THE LAYOUT ARE EASY TO USE AND ACCESS
5. The Navigation Menu




- TELL THE CUSTOMERS WHERE THEY ARE
- ATTRACT THEM AND MAKE THEM DO
MORE BROWSING
STUDY CASE AND SAMPLING
LEATHER BAG SADDLE – DESIGN MATCH
JEANS RELIGIONS – GOOD IMAGES
FREE PEOPLE – COMBINING THE TASTE
Taken from many source, as a teaching book at Institute Technology
Indonesia.
Thank You

KIKA SYAFII
FOUNDER – ALURKRIA.COM

Contenu connexe

Similaire à How to design an Ecommerce

5 tactics for creating attention grabbing in
5 tactics for creating attention grabbing in5 tactics for creating attention grabbing in
5 tactics for creating attention grabbing inbashabai
 
Web Design for Non-Web
Web Design for Non-WebWeb Design for Non-Web
Web Design for Non-WebASI
 
Store Layout and Design
Store Layout and DesignStore Layout and Design
Store Layout and DesignFrancis Miedes
 
11 tips for creating an effective landing page
11 tips for creating an effective landing page11 tips for creating an effective landing page
11 tips for creating an effective landing pagearavindcalpine
 
Retail store layout,design and display
Retail store layout,design and displayRetail store layout,design and display
Retail store layout,design and displayPrithvi Ghag
 
Usability hack for your website optins and funnels
Usability hack for your website optins and funnelsUsability hack for your website optins and funnels
Usability hack for your website optins and funnelsKat Young
 
Newsletter your best sales tool
Newsletter   your best sales toolNewsletter   your best sales tool
Newsletter your best sales toolred temptation
 
Techniques in Marketing.pptx
Techniques in Marketing.pptxTechniques in Marketing.pptx
Techniques in Marketing.pptxdelphinvizcarra1
 
VISUAL MERCHANDISING
VISUAL MERCHANDISINGVISUAL MERCHANDISING
VISUAL MERCHANDISINGNilanjan Paul
 
Store design and layout, Visual Merchandising
Store design and layout, Visual MerchandisingStore design and layout, Visual Merchandising
Store design and layout, Visual MerchandisingAkeeb Siddiqui
 
Social Media Advertising 4-23-2014 - Chester County Marketing Group
Social Media Advertising   4-23-2014 - Chester County Marketing GroupSocial Media Advertising   4-23-2014 - Chester County Marketing Group
Social Media Advertising 4-23-2014 - Chester County Marketing GroupChester County Marketing Group
 
Simple steps to a great website
Simple steps to a great websiteSimple steps to a great website
Simple steps to a great websitethewebbureau1
 
Visual Merchandising
Visual MerchandisingVisual Merchandising
Visual MerchandisingKaran Verma
 
Emerging Trends in Visual Merchandising - Marketing ppt
Emerging Trends in Visual Merchandising - Marketing pptEmerging Trends in Visual Merchandising - Marketing ppt
Emerging Trends in Visual Merchandising - Marketing pptAnushaAgarwal15
 
Web presence and logo designing
Web presence and logo designingWeb presence and logo designing
Web presence and logo designingCA Hemant Gupta
 

Similaire à How to design an Ecommerce (20)

Breads by Josep
Breads by Josep Breads by Josep
Breads by Josep
 
Vm training manual
Vm training manualVm training manual
Vm training manual
 
5 tactics for creating attention grabbing in
5 tactics for creating attention grabbing in5 tactics for creating attention grabbing in
5 tactics for creating attention grabbing in
 
Web Design for Non-Web
Web Design for Non-WebWeb Design for Non-Web
Web Design for Non-Web
 
Vm guidelines
Vm guidelines Vm guidelines
Vm guidelines
 
Visual merchendising
Visual merchendisingVisual merchendising
Visual merchendising
 
Store Layout and Design
Store Layout and DesignStore Layout and Design
Store Layout and Design
 
11 tips for creating an effective landing page
11 tips for creating an effective landing page11 tips for creating an effective landing page
11 tips for creating an effective landing page
 
Retail store layout,design and display
Retail store layout,design and displayRetail store layout,design and display
Retail store layout,design and display
 
Usability hack for your website optins and funnels
Usability hack for your website optins and funnelsUsability hack for your website optins and funnels
Usability hack for your website optins and funnels
 
Newsletter your best sales tool
Newsletter   your best sales toolNewsletter   your best sales tool
Newsletter your best sales tool
 
Techniques in Marketing.pptx
Techniques in Marketing.pptxTechniques in Marketing.pptx
Techniques in Marketing.pptx
 
VISUAL MERCHANDISING
VISUAL MERCHANDISINGVISUAL MERCHANDISING
VISUAL MERCHANDISING
 
Store design and layout, Visual Merchandising
Store design and layout, Visual MerchandisingStore design and layout, Visual Merchandising
Store design and layout, Visual Merchandising
 
Social Media Advertising 4-23-2014 - Chester County Marketing Group
Social Media Advertising   4-23-2014 - Chester County Marketing GroupSocial Media Advertising   4-23-2014 - Chester County Marketing Group
Social Media Advertising 4-23-2014 - Chester County Marketing Group
 
Simple steps to a great website
Simple steps to a great websiteSimple steps to a great website
Simple steps to a great website
 
RESUME.V1
RESUME.V1RESUME.V1
RESUME.V1
 
Visual Merchandising
Visual MerchandisingVisual Merchandising
Visual Merchandising
 
Emerging Trends in Visual Merchandising - Marketing ppt
Emerging Trends in Visual Merchandising - Marketing pptEmerging Trends in Visual Merchandising - Marketing ppt
Emerging Trends in Visual Merchandising - Marketing ppt
 
Web presence and logo designing
Web presence and logo designingWeb presence and logo designing
Web presence and logo designing
 

Plus de Kika Syafii

Sewa mobil kika di Jakarta dan 150 kota
Sewa mobil kika di Jakarta dan 150 kotaSewa mobil kika di Jakarta dan 150 kota
Sewa mobil kika di Jakarta dan 150 kotaKika Syafii
 
Presentasi SIMAS - Sistem Informasi Manajemen Arsip dan Surat
Presentasi SIMAS - Sistem Informasi Manajemen Arsip dan SuratPresentasi SIMAS - Sistem Informasi Manajemen Arsip dan Surat
Presentasi SIMAS - Sistem Informasi Manajemen Arsip dan SuratKika Syafii
 
Kart-U, A Digital Card
Kart-U, A Digital CardKart-U, A Digital Card
Kart-U, A Digital CardKika Syafii
 
10 langkah blog desain
10 langkah blog desain10 langkah blog desain
10 langkah blog desainKika Syafii
 
Defining point of view
Defining point of viewDefining point of view
Defining point of viewKika Syafii
 
Business Networking
Business NetworkingBusiness Networking
Business NetworkingKika Syafii
 
Game Design Document
Game Design DocumentGame Design Document
Game Design DocumentKika Syafii
 

Plus de Kika Syafii (8)

Sewa mobil kika di Jakarta dan 150 kota
Sewa mobil kika di Jakarta dan 150 kotaSewa mobil kika di Jakarta dan 150 kota
Sewa mobil kika di Jakarta dan 150 kota
 
Presentasi SIMAS - Sistem Informasi Manajemen Arsip dan Surat
Presentasi SIMAS - Sistem Informasi Manajemen Arsip dan SuratPresentasi SIMAS - Sistem Informasi Manajemen Arsip dan Surat
Presentasi SIMAS - Sistem Informasi Manajemen Arsip dan Surat
 
Kart-U, A Digital Card
Kart-U, A Digital CardKart-U, A Digital Card
Kart-U, A Digital Card
 
10 langkah blog desain
10 langkah blog desain10 langkah blog desain
10 langkah blog desain
 
Defining point of view
Defining point of viewDefining point of view
Defining point of view
 
Business plan
Business planBusiness plan
Business plan
 
Business Networking
Business NetworkingBusiness Networking
Business Networking
 
Game Design Document
Game Design DocumentGame Design Document
Game Design Document
 

Dernier

E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxJackieSparrow3
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证kbdhl05e
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxShubham Rawat
 
Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...
Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...
Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...JeylaisaManabat1
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)oannq
 

Dernier (6)

E J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptxE J Waggoner against Kellogg's Pantheism 8.pptx
E J Waggoner against Kellogg's Pantheism 8.pptx
 
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
Authentic No 1 Amil Baba In Pakistan Amil Baba In Faisalabad Amil Baba In Kar...
 
南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证南新罕布什尔大学毕业证学位证成绩单-学历认证
南新罕布什尔大学毕业证学位证成绩单-学历认证
 
Inspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptxInspiring Through Words Power of Inspiration.pptx
Inspiring Through Words Power of Inspiration.pptx
 
Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...
Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...
Module-2-Lesson-2-COMMUNICATION-AIDS-AND-STRATEGIES-USING-TOOLS-OF-TECHNOLOGY...
 
(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)(南达科他州立大学毕业证学位证成绩单-永久存档)
(南达科他州立大学毕业证学位证成绩单-永久存档)
 

How to design an Ecommerce

  • 1. How to design An ECOMMERCE
  • 2. It doesn’t matter about layout, but design has a clear purpose is the important thing. IT SHOULD SELL
  • 3. First of all, an e-commerce website should sell the products to the visitors so to be successful you need traffic; a well done layout attracts the attention of the visitors. HERE COMES THE FIRST MAJOR RULE OF CREATING A GOOD E-COMMERCE WEBSITE
  • 4. The Rules 1. Design should be match with the products 2. Emphazise the products 3. High quality images 4. Usability and accessibility 5. The navigation menu
  • 5. 1. Design should be match with the products - REFLECT THE MAIN FEATURES OF THE SELLER - FINE COLOR SCHEME - GOOD IMAGING - COMBINING THE TASTE
  • 6. 2. Emphazise the products - PRESENCES NOT ONLY THE CONTENT - PUT THE PRODUCTS IN THE SPOTLIGHT AND USING A LOT OF TEXT AND IMAGES
  • 7. 3. High Quality Images THE RELEVANT IMAGES, SHOWING MANY PERSPECTIVES!
  • 8. 4. Usability and accessibility - DESIGN SHOULD HELP THE CUSTOMERS - THE LAYOUT ARE EASY TO USE AND ACCESS
  • 9. 5. The Navigation Menu - TELL THE CUSTOMERS WHERE THEY ARE - ATTRACT THEM AND MAKE THEM DO MORE BROWSING
  • 10. STUDY CASE AND SAMPLING
  • 11. LEATHER BAG SADDLE – DESIGN MATCH
  • 12. JEANS RELIGIONS – GOOD IMAGES
  • 13. FREE PEOPLE – COMBINING THE TASTE
  • 14. Taken from many source, as a teaching book at Institute Technology Indonesia. Thank You KIKA SYAFII FOUNDER – ALURKRIA.COM