BRANDON SHEPPARD

@BrandonSheppard

What do I know?

E-COMMERCE

  • E-commerce is big.
  • A lot of opportunity for Designers
  • Provides us the opportunity to build a profitable product
  • A lot of room for improvement

E-COMMERCE

Buying and selling stuff online.

Includes existing marketplaces like eBay & Amazon.
Also includes exclusive marketplaces (i.e., your own web store).

WHAT DOES THIS HAVE TO DO WITH DESIGN?


Web stores need to be designed by somebody.

Design firms also build listing templates for eBay.

Design and build e-mail marketing templates.


  • 71% of Australians shop online.
  •  53% of those Australians who shop online are buying from local businesses rather than from over seas.


  • Online sales revenue for 2013 almost hit 40 billion in Australia alone, 
  • Up by over 10 billion since 2010. 
  • My team alone has designed over 300 websites which have collectively generated over $300,000,000 in revenue.


Many web design companies do not offer e-commerce packages.

WEB STORES REQUIRE complicated software

 Static HTML files are not enough. 
You need a CMS that can:
  • Manage products
  • Manage orders
  • Manage payments
  • Generate dynamic listings of products sometimes with complex buying rules.


As a result, simply knowing HTML and CSS is often not enough to build an e-commerce site from scratch.

  • You are usually required to learn a custom template language for your software provider. (Shopify has Liquid, Neto has Base)
  • Typically rely more heavily on technologies like Javascript.

DESIGN REQUIREMENTS

Designing for e-commerce also requires:

  • Much more in-depth understanding of UI design and usability.
  • It can be harder to build a responsive e-commerce site.
  • Layouts can vary massively.
  • Mobile is very important.


These problems are legitimate, but there are solutions.

The first step is to utilise pre-made frameworks and starter templates you can cut out most of the more complex work.

SKELETAL



  • Skeletal is like the Bootstrap of Neto
  • Built on Bootstrap 3
  • A starting point for all of our projects
  • Also used by third-party designers


  • Cumulation of all of the research and testing we’ve done across hundreds of client sites over the last few years.
  • It’s quick and completely responsive
  • It finds some middle ground between being a bare-bones-framework and being a usable web store theme.

BUILDING A MODERN DAY WEB-STORE


Frameworks are essential for an e-commerce project.

Remove the need to custom create every page (invoice pages, refund forms, wish list interfaces)

Solve many of the UI and responsive design challenges for you.







deck

By Brandon Sheppard