metamn

One-element CSS smartphone icon

Original idea by Kasper Nordkvist (http://kaspernordkvist.dk/lab/dtp/).

A Pen by metamn on CodePen.

License.

metamn

Atoms

The atoms from Atomic web design

A Pen by metamn on CodePen.

License.

metamn

Where Visitors Come From?

75% comes from Bucharest, Cluj, Constanta and Prahova.

Cluj, Constanta and Prahova have far better Conversion Rate and Average Order Value, however Bucharest is setting the site-wide standard.

metamn

Summary

Our revenue grew 50% mostly by better Google organic search, and partially for better Conversion Rate. The organic search growth is given automatically by the Smuff e-commerce engine with no costs and marketing. The Conversion Rate was grown by site redesidn / optimisation.

You cannot set quarterly business objectives since growth is only measurable on long term (half year / year).

Key findings

metamn

Purpose

Collect and analyze best practices to create the most effective website design for an E-commerce site.

Summary

1. Reduce page download speed to 1 second.
2. Design pages following the F-Shape / Golden Triangle principle.
3. Break design into sub-pages which fit perfectly on the screen.
4. Present only 5 things / content blocks on every page.

metamn

<?php


// Logging
// --
// global $wplogger;
// $wplogger->log('message'.$value);

metamn

<?php
/*
Plugin Name: Datafeed for Smuff
Plugin URI: http://clair.ro
Description: Datafeed to an online shop aggregator
Version: 0.1
Author: cs
Author URI: http://clair.ro
License: GPL2
*/

metamn

// Creating TOC
  var toc = jQuery(".page #article #body .body > :header:not(h3,h4,h5,h6)");
  if ( toc.size() > 0) {
    jQuery(".page #article #aside #toc").removeClass('hidden');
    var res = "<ul>";
    toc.each(function(index) { 
      var ref = " id" + index;
      var id = jQuery(this).attr("id");
      jQuery(this).attr("id", id + ref);
      res = res + "<li><a href='#" + ref + "'>" + this.innerHTML + '</a></li>';

metamn

// Scrolling products at frontpage for all sections
  jQuery.localScroll.defaults.axis = 'xy';
  jQuery(".section").each(function(){ 
    jQuery.localScroll({
      target: "#" + jQuery(this).attr('id') + " #articles", 
      duration: 1000,
      hash: false,
      onBefore:function( e, anchor, $target ){
        var sectionID = $target.selector.split(" ")[0];
        //var sectionID = "#" + $target[0].id.toString();  

metamn

// Making the selected product type/vendor active at Collections page
  var urlParams = {};
  (function () {
      var e,
          a = /\+/g,  // Regex for replacing addition symbol with a space
          r = /([^&=]+)=?([^&]*)/g,
          d = function (s) { return decodeURIComponent(s.replace(a, " ")); },
          q = window.location.search.substring(1);

      while (e = r.exec(q))