{"id":10911,"date":"2024-07-31T11:28:28","date_gmt":"2024-07-31T11:28:28","guid":{"rendered":"https:\/\/spreecommerce.org\/?post_type=cpt_success_str&p=10911"},"modified":"2024-08-01T13:50:08","modified_gmt":"2024-08-01T13:50:08","slug":"superfoods-store-achieves-amazing-page-load-speed-results-after-upgrading-to-spree-4-1-and-implementing-the-new-spree-ux","status":"publish","type":"cpt_success_str","link":"https:\/\/spreecommerce.org\/success-stories\/superfoods-store-achieves-amazing-page-load-speed-results-after-upgrading-to-spree-4-1-and-implementing-the-new-spree-ux\/","title":{"rendered":"Superfoods store achieves amazing page load speed results after upgrading to Spree 4.1 and implementing the new Spree UX"},"content":{"rendered":"\n

Using Spree since 2013<\/h1>\n\n\n\n

SPREE SUCCESS STORY<\/h6>\n\n\n\n

Spirulina.pl<\/a> is a family-owned Polish superfoods brand. The company prides itself on using entirely natural ingredients like natural algae, plant extracts, etc that are proven to benefit our health. <\/p>\n\n\n\n

\n

<\/p>\n<\/blockquote>\n\n\n\n

Spirulina\u2019s online store dates back to 2004 and since 2013 it\u2019s using Spree Commerce. <\/strong><\/h3>\n\n\n\n
\n

<\/p>\n<\/blockquote>\n\n\n\n

Before Spree, the company tested several platforms like PHP Commerce that used to be popular in the early 2000s, WooCommerce and PrestaShop. They also considered SaaS solutions, but in the end, decided to go with internal development and open-source, hence the migration to Spree Commerce. This proved to be a good decision and very quickly delivered business value to the company. <\/p>\n\n\n\n

\n

\u201cThanks to the fact that there were a lot of available extensions, the development was very efficient. Also, new updates were available on a regular basis, so we decided to go with Spree.\u201d<\/p>\n<\/blockquote>\n\n\n\n

The Challenge<\/h1>\n\n\n\n

Spirulina was running on an old version of Spree and Rails. Using outdated technologies increases the risk of the site getting hacked and is not a good practice as far as user experience and conversion optimization are concerned. Spirulina\u2019s team considered migrating to another platform but finally decided to stay with Spree, upgrade to the latest version, and use the dedicated new UX layouts. This was a much easier, faster, and more cost-effective solution than starting everything from scratch.<\/p>\n\n\n\n

\n

\u201cAnd we really liked the new Spree design, it\u2019s very clean, convenient, and user-friendly.\u201c<\/strong><\/p>\n<\/blockquote>\n\n\n\n

Homepage: before and after redesign and migration to Spree 4.1<\/h2>\n\n\n\n
\"Spirulina
Homepage – old layout<\/figcaption><\/figure>\n\n\n\n
\"Spirulina
Homepage – new layout<\/figcaption><\/figure>\n\n\n\n

The Solution<\/h1>\n\n\n\n

The Spirulina team upgraded its online store to the newest Spree version quickly and smoothly. They managed to complete that on their own with their small development team. The whole migration and redesign project involved not more than 6 people. <\/p>\n\n\n\n

\n

\u201cThe fact that such a small team is able to perform such an update clearly shows the advantages of Spree.\u201d <\/strong><\/p>\n<\/blockquote>\n\n\n\n

Now the technology behind Spirulina\u2019s storefront is totally up to date and there\u2019s a lot of room for further development using compatible Spree gems and extensions. And the new design makes the user experience of its customers far more pleasing. <\/p>\n\n\n\n

\n

\u201cWe use heatmaps to track users\u2019 behavior on our website and what we see is that the process of adding items to the cart and completing the transaction is now significantly shorter and more convenient.\u201d<\/strong><\/p>\n<\/blockquote>\n\n\n\n

What is more, the new storefront is much faster. After server optimization, the website is getting up to 99-100 points in the Google Lighthouse results. And in ecommerce, page load speed is one of the most important factors that define user experience of the customers as well as conversion rate in the store.<\/p>\n\n\n\n

Tech Stack:<\/strong><\/h3>\n\n\n\n
    \n
  • Spree Commerce<\/li>\n\n\n\n
  • Ruby on Rails<\/li>\n\n\n\n
  • Bootstrap<\/li>\n\n\n\n
  • jQuery<\/li>\n<\/ul>\n\n\n\n

    Integrations: <\/strong><\/h3>\n\n\n\n
      \n
    • Mouse Flow<\/li>\n\n\n\n
    • Google Analytics<\/li>\n\n\n\n
    • Google Tag Manager<\/li>\n<\/ul>\n\n\n\n

      SHOWCASE<\/h2>\n\n\n\n

      Product Listing Page<\/h2>\n\n\n\n
      \"Spirulina
      PLP – old layout<\/figcaption><\/figure>\n\n\n\n
      \"Spirulina
      PLP – new layout<\/figcaption><\/figure>\n\n\n\n

      Product Detail Page<\/h2>\n\n\n\n
      \"Spirulina
      PDP – old layout<\/figcaption><\/figure>\n\n\n\n
      \"Spirulina
      PDP – new layout<\/figcaption><\/figure>\n\n\n\n

      Checkout<\/h2>\n\n\n\n
      \"Spirulina
      Checkout – old layout<\/figcaption><\/figure>\n\n\n\n
      \"Spirulina
      Checkout -new layout<\/figcaption><\/figure>\n\n\n\n

      Conclusions:<\/h1>\n\n\n\n

      SPREE SUCCESS STORY<\/h6>\n\n\n\n
      \n

      \u201cOur overall impression is that the direction in which Spree is heading is really great. It\u2019s amazing how much we could achieve with such a small team. I also see that this project is very much alive and there is a lot of commitment from the Spree community.\u201d<\/p>\n<\/blockquote>\n\n\n\n

      Courtesy of Marcin Radlak, Product Owner, Spirulina.pl<\/p>\n","protected":false},"excerpt":{"rendered":"

      Superfoods store achieves amazing page load speed results after upgrading to Spree 4.1 and implementing the new Spree UX<\/p>\n","protected":false},"featured_media":10912,"template":"","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":""},"cpt_success_str_category":[977],"class_list":["post-10911","cpt_success_str","type-cpt_success_str","status-publish","has-post-thumbnail","hentry","cpt_success_str_category-dtc"],"acf":[],"_links":{"self":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_success_str\/10911","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_success_str"}],"about":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/types\/cpt_success_str"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media\/10912"}],"wp:attachment":[{"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/media?parent=10911"}],"wp:term":[{"taxonomy":"cpt_success_str_category","embeddable":true,"href":"https:\/\/spreecommerce.org\/wp-json\/wp\/v2\/cpt_success_str_category?post=10911"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}