E-Commerce Website with VueStoreFront
Using Magento as a headless backend
- Ladder + scaffolding configurators
- large industrial catalog
- faster storefront over existing product data
E-commerce platforms
Discovery workshops
UX design
UI design
Client
Stegar
Stegcentralen is a Swedish reseller of industrial goods such as ladders, we redesigned their e-commerce website, a large platform with many references and features, including configurators to customize ladders or scaffolding.
The historical website was built with Magento so we preferred to keep it as the backend e-commerce technology, as its database holds thousands of suppliers, products and their variations. We upgraded Magento to the latest version and used it as a headless CMS for our frontend, which uses Vue.js through the VueStoreFront framework.
Tools
Lark TeamWork Adobe XD
Team
1 UX/UI Director 1 Project Manager 1 Web Designer 2 Front-end Developer 2 Back-end Developer
Methodology
UX/UI Workshop Waterfall methodology Agile methodology (MA)
Tools
Lark TeamWork Adobe XD
Timeframe
8 months
Custom E-Commerce with the latest technologies
Stegcentralen i Årjäng AB started its operations in 2005 to sale ladder products, but their catalogue as greatly expanded with new product categories as the number of suppliers has increased. They trusted us to re-designing and develop their old website built on an older version of Magento, the result is at the same time a more engaging and modern design and an update technology stack.
The first step was to understand their business needs and detail them in a prototype made of wireframes of every screen of the new website, it was then designed and developed by our team, and eventually was deployed on cloud servers.
What is implied when using Magento as a headless CMS?
When using Magento as a headless CMS (Content Management System), it implies that Magento is being utilized to manage and organize the content of a website or application while decoupling the front-end presentation layer from the back-end e-commerce functionalities.
In a headless CMS architecture, the content management system is responsible for storing and delivering content, and the presentation layer (front end) is handled by a separate system. Magento, in this context, serves as the back-end system, managing product information, inventory, and other e-commerce-related data.
This is where Vue Storefront comes into place, it’s a frontend interface library, that we used as a basis to create Stegar’s e-commerce website. it includes frontend components to display products, carts and ordering. Being a Vue.js library, we could customize to reflect the exact design wanted.
Where this project sits in our history
- 2019
JF Network (Germany)B2B e-commerce for automotive parts - 2021
Pet Products RetailerA Pet Products Online Store 
2021Recharge HealthMedical supply company website- 2022
Sloane'sA Sophisticated Artisan E-Commerce 
2022StegarE-Commerce Website with VueStoreFrontYou are here- 2023
Tropfin (Thailand) Co., Ltd.B2B Trading Platform for the Canned Food Industry 
2023Asia Mint CollectionsAn Elegant e-Commerce Website- 2026
Thai media groupPrice Comparison & Affiliate Content Platform 
2026Ananta Jewelry (Thailand)Multi-Brand Luxury Jewelry E-Commerce on WooCommerce
Contact us
Let’s find the right solution for your business.
We partner with product teams and founders to design, build, and ship software that lasts.