17
6 Best Practices to Build E-commerce Websites on Mobile By WooRockets.com

6 Best Practices to Build eCommerce Websites on Mobile

Embed Size (px)

Citation preview

Page 1: 6 Best Practices to Build eCommerce Websites on Mobile

6 Best Practices to Build E-commerce Websites on Mobile

By WooRockets.com

Page 2: 6 Best Practices to Build eCommerce Websites on Mobile

In this slideshow

We’ll discuss how we should optimize our e-commerce website for mobile to dig into that gold mine.

Basically it is divided into 2 main factors:

appearance and function

Page 3: 6 Best Practices to Build eCommerce Websites on Mobile

1. Use responsive design

Use responsive design so your e-commerce website can fit any screen without breaking, especially images have to be displayed properly.

Page 4: 6 Best Practices to Build eCommerce Websites on Mobile

2. Use smart navigation

- Remember to organize the mobile screen neatly.

Page 5: 6 Best Practices to Build eCommerce Websites on Mobile

2. Use smart navigation

- Remember to organize the mobile screen neatly.

- Remove unnecessary functions, or integrate them into the menu.

Page 6: 6 Best Practices to Build eCommerce Websites on Mobile

3. Optimize your images/videos

- Optimize your beautiful high-resolution photos of your products for mobile.

Help website load faster on mobile.

Page 7: 6 Best Practices to Build eCommerce Websites on Mobile

3. Optimize your images/videos

- Optimize your beautiful high-resolution photos of your products for mobile.

Help website load faster on mobile.

- Display videos and images in a grid layout to save space.

Make it easier to browse.

Page 8: 6 Best Practices to Build eCommerce Websites on Mobile

4. Integrate social media

- Use social media on your e-commerce websites for log in or register

Page 9: 6 Best Practices to Build eCommerce Websites on Mobile

4. Integrate social media

- Use social media on your e-commerce websites for log in or register

- Display sharing buttons on a product page or after a purchase

Page 10: 6 Best Practices to Build eCommerce Websites on Mobile

4. Integrate social media

- Use social media on your e-commerce websites for log in or register

- Display sharing buttons on a product page or after a purchase

Make social media your tool to reach out for customers.

Page 11: 6 Best Practices to Build eCommerce Websites on Mobile

5. Use Geo-location

• Using geo-location helps locate your customer and tell them the nearest store.

Very useful if you have a chain of clothes shops or restaurants.

Page 12: 6 Best Practices to Build eCommerce Websites on Mobile

5. Use Geo-location

Uber is one great example of using geo-location to drive

more users(image from marketblog.envato.com)

Page 13: 6 Best Practices to Build eCommerce Websites on Mobile

6. Make short forms

• Show the filling in process at the top of the page

Page 14: 6 Best Practices to Build eCommerce Websites on Mobile

6. Make short forms

• Show the filling in process at the top of the page

• Make drop-down lists

Page 15: 6 Best Practices to Build eCommerce Websites on Mobile

6. Make short forms

• Show the filling in process at the top of the page

• Make drop-down lists

• Be clear in what you’re going to do with the information you ask for

Page 16: 6 Best Practices to Build eCommerce Websites on Mobile

6. Make short forms

• Show the filling in process at the top of the page

• Make drop-down lists

• Be clear in what you’re going to do with the information you ask for

• Use in-line validation

Page 17: 6 Best Practices to Build eCommerce Websites on Mobile

View blog version of this slideshow here: http://www.woorockets.com/?p=5249 Click Follow us on Slideshare for more useful knowledge about WordPress,

WooRockets and e-commerce.

Let’s get to know each other via our social channels:Facebook: http://www.facebook.com/WooRockets Twitter: http://www.twitter.com/WooRocketsVimeo: http://vimeo.com/woorockets

WooRockets.comWe create WooCommerce themes and plugins to boost your shop up!

THANK YOU FOR READING!