# 16 stages to building a professional online shop
> URL: https://4eck-media.de/en/blog/16-stages-to-building-a-professional-online-shop/
> Language: en
> Description: My name is Vitalii Shynakov, and from 2012 to 2023 I worked exclusively with e-commerce - that was my specialisation. Online shops, e-commerce in all its forms. For me there is no…
---
My name is Vitalii Shynakov, and from 2012 to 2023 I worked exclusively with e-commerce – that was my specialisation. Online shops, e-commerce in all its forms. For me there is nothing more exciting than marketing and selling methods over the internet. For the past two years I have been working at a German agency where we build online shops for European clients.
Although time passes and working methods change – especially with every major Google Core Update – the process of building a high-quality shop has not fundamentally changed over the past five years. Fundamental things remain fundamental.
This article is about the technical foundation of an online shop. Not about marketing, not about advertising, not about promotion. About the foundation without which all marketing activity would simply burn budget.
Fischkaufhaus.de – selling fresh fish across Germany. More than 2,000 Google reviews with a 4.8-star average. Annual visitor growth of 60%.
Wald-zu-Tisch.de – game meat straight from the hunter. First-class design, professional implementation, satisfied customers.
TutKit.com – German-language learning platform for digital skills. Sells tutorials, design templates and marketing materials. Up to 40,000 visitors a day.
## The central dilemma facing every client
Every client’s goal is to make money. And development costs money. And every entrepreneur goes through the same agonies of decision, going round in circles in their head.
- **Option one**: save money and take something nominally **free**. Shopify with a ready-made template, OpenCart with a free design. Fast, cheap, but with no hope of serious development in the future. Technical limitations will not allow you to reach the PageSpeed and SEO values you need.
- **Option two**: hire an **all-round developer** who can nominally do everything. But here is the problem – it is impossible to master everything at expert level. A specialist like that will implement the design, configure the server, connect payments, but will not do any of it particularly well. Why? Because each of these stages requires deep expertise. Frontend development, backend, DevOps, SEO optimisation, UX design – these are different professions with different skill sets.
- **Option three**: go to a **[professional agency](https://4eck-media.de/en/)**, where services cost serious money. 20, 30, perhaps 40 thousand euros for a shop. Expensive. Daunting. Especially if you do not yet have a stable income from the business.
And all these questions go round in circles in the entrepreneur’s head. Save or invest? A generalist or a team of experts? Fast and cheap, or slow and high-quality?
That is what this article is for. I will go through every stage of developing a professional online shop. In detail, with examples, with explanations of why it is done this way. And then you can work out for yourself which option is more advantageous for you. You will understand what you are paying for and why it costs exactly that much.
Here is an analogy that I think will make sense. Marketing on the internet is a race. The first three positions in Google search collect around 90% of all traffic. Imagine you are taking part in a car race. And if you start the race not in a sporty Audi but in a 30-year-old VW Transporter worth 1000 euros, it is odd to hope that you will push your way to the front and then use the winnings to build a new website. That is not how it works.
At an agency there is a person for each stage who is a professional in their field. The designer deals only with design. The frontend developer only with markup and speed optimisation. The backend developer only with the server side and databases. The SEO specialist only with search engine optimisation. And so on. Everyone does their job at expert level.
Now let us go through all the stages of building a shop. I describe 16 key stages. Each of them is critically important for the end result.
## Stage 1: Planning and defining the requirements
The first stage is the foundation of the whole project. Here you have to define clearly what exactly you are building. Not simply “an online shop”, but a concrete list of features, requirements and metrics.
Planning starts with defining the shop’s complete functionality. Many questions need to be answered:
**Payment methods:**
- PayPal
- Klarna (instalment payments)
- Credit cards (Visa, Mastercard)
- Bank transfer (SEPA)
- Cash on delivery
**Shipping options:**
- Standard courier delivery
- Express delivery
- Collection from a pick-up point
- Delivery to parcel stations
**Additional features:**
- Review and rating system
- Wishlist
- Product comparison
- Newsletter sign-up with promotions
- Customer account with order history
- Loyalty programme
- Online chat with support
Every detail has to be settled at this stage, because adding features later, once everything has already been built, costs many times more.
But the most important thing at this stage is setting concrete quality metrics. I always insist on the following figures:
**Critical metrics for success:**
- Usability to 2025 standards – intuitive navigation, clear buttons, a logical path to purchase
- **[PageSpeed optimisation](https://4eck-media.de/en/competencies/pagespeed-optimization-making-websites-measurably-faster/) 90+** on every page – fast loading is critical for conversion and ranking
- **On-page SEO 95+** according to Seobility – technical perfection on every page
- Accessibility – barrier-free access for people with disabilities (a ranking factor at Google)
Why exactly these numbers? Because with figures like these you can reach the top 10 on Google for selected keywords within 18 months. Without this technical foundation you can do as much SEO as you like – Google simply will not rank you highly.
PageSpeed influences ranking directly. Users will not wait 5 seconds for the product page to load – they go to the competitor whose page opens in one second.
**[On-page SEO](https://4eck-media.de/en/competencies/onpage-seo-optimization-website-analysis-search-engine-optimization-4eck-media/)** at a level of 95+ means that every heading, every meta tag, every image is optimised correctly. These are not just nice numbers – they are an indicator of technical perfection that Google takes into account when determining positions in the search results.
**[Accessibility](https://4eck-media.de/en/competencies/accessibility-for-your-websites-web-design-agency/)** is becoming an ever more important ranking factor. Google has officially stated that a website’s accessibility is taken into account. Websites with good accessibility gain an advantage. On top of that, it widens your audience and improves the overall user experience for every visitor.
At this stage a detailed specification is drawn up. It sets out every feature, every requirement, the target values of all KPIs. This is the roadmap for the next 3-6 months of development.
An important tip: do not skimp on time during planning. One hour invested here saves ten hours of development. I have seen projects reworked three times because critical features were not taken into account during the planning phase.
## Stage 2: Design and prototyping
Design is not simply about “making it look nice”. Good design for e-commerce means that the user intuitively understands where to click in order to make a purchase. At this stage **[UI/UX design](https://4eck-media.de/en/competencies/ui-ux-design-agency-professional-interfaces-user-experience/)** is created for all the shop’s key pages.
**Pages that need to be designed:**
- Home page – the first impression of the shop
- Category pages – where the user selects the product
- Product pages – where the purchase decision is made
- Shopping cart – the critical moment before ordering
- Checkout – where most customers are lost if the process is complicated
- Customer account – for regular customers
Users pay attention to details. If technical specifications are missing from the product description, they do not buy. If the ordering process takes more than three steps, half of them leave. If there is no clear information about the right of withdrawal, it can even become a legal problem.
The design has to be responsive. More than 60% of traffic comes from mobile devices. Users actively use smartphones for online shopping, especially those under 45. If your design does not work on an iPhone or Samsung Galaxy, you lose half your customers.
The designer creates detailed mockups in Figma or Adobe XD. These mockups go through several rounds of review with the client. It is important to sign off all the elements straight away, so that pages that have already been implemented do not have to be reworked later. The time invested in design pays for itself many times over – a well thought-out mockup shortens development time by a factor of one and a half to two, because the developer knows exactly what to do.
Before implementation, it is advisable to show a clickable prototype to a few potential users from the target group. Five to seven tests reveal 80% of usability problems. Better to fix these at the mockup stage than to rework finished code.
## Stage 3: Frontend development and markup
Why does markup come before the backend? This is a critically important question that many underestimate. Without a finished frontend it is impossible to test anything – neither the loading speed of the pages, nor how they work, nor how products are presented. The markup creates the visual shell you can already work with, test, and configure the backend against.
Imagine you are building a house. You can install all the internal wiring and plumbing, but as long as there are no walls and no roof, you cannot check whether everything works properly. The frontend is exactly those walls that make the house visible and testable.
At this stage the design mockups are turned into working HTML, CSS and JavaScript code. Every page is implemented: the home page with banners and product blocks, category pages with filters and sorting, product pages with an image gallery and descriptions, the shopping cart with the option to change quantities, every step of the order process, the customer account with purchase history.
Every page is tested at various screen resolutions. Both the iPhone with iOS and the Samsung Galaxy on Android are popular, so checking on real devices is mandatory. Emulators in the browser do not show everything – there are nuances that are only visible on physical smartphones.
Cross-browser compatibility also matters. Users work with different browsers – Chrome, Firefox, Safari on Mac, even Edge. The page has to display correctly everywhere. Checking in Safari is particularly important – it has its own rendering quirks that can break the design if you do not account for them.
With a finished frontend you can already check how everything looks, how the animations work, how convenient the filters and navigation are to use. The client can open the site on a test domain and click through it. This is an important psychological moment – the project becomes tangible, not just promises in a specification.
## Stage 4: Configuring the server infrastructure and CMS
In parallel with the markup, or directly afterwards, work on the server side begins. This is the part of the project that is invisible to the user but critically important, and everything else depends on it.
Choosing the CMS is the most important decision at this stage. Several critical factors have to be taken into account here:
**Factors in choosing a CMS:**
1. Development costs – the budget for launching the project (a developer’s hourly rate is 80-150 EUR)
2. Ease of subsequent work – how easily changes can be made in the future
3. Speed optimisation potential – is the system capable of reaching PageSpeed 90+
4. Usability for staff – how comfortable it is for shop administrators to work with the system every day
The last two points are among the most critical. I have seen projects where the shop was technically incapable of reaching PageSpeed 90+ because of the architecture of the chosen CMS. Everything had to be rewritten. Or shops where adding a product took 15 minutes because of the awkward interface – the staff simply refused to work with it.
**Popular CMS options:**
- Shopware – well localised, a large community of specialists, but it can be slow with large catalogues if it is not optimised
- WooCommerce – a plugin for WordPress, simple and affordable, but it can become slow at 2-3 thousand products without serious additional work
- Magento (Adobe Commerce) – a powerful system for large projects, but expensive to develop and maintain
- OpenCart – the budget option, simple, but limited in functionality
- Django (custom solutions) – complete freedom, but expensive and time-consuming to develop
Server configuration is critical. For a simple shop with low traffic, ordinary hosting may be enough. But if hundreds of thousands of users per month are planned, you cannot manage without a dedicated virtual server (VPS) or a dedicated server. Shared hosting simply will not cope with a load like that.
The wrong server configuration can slow down even perfectly written code. I have come across cases where PageSpeed rose from 45 to 92 purely through correct server configuration and caching.
Database structures are also created for storing products, customers, orders, categories and attributes. The right structure is critical for performance with large volumes of data. With 2-3 thousand products with variants there can easily be 50-100 thousand records in the database.
## 5 out of 5 stars confirm it!
Our goal is your success. That is the standard by which we measure our work. Over 200 reviews on Google show that our clients experience exactly that.
We combine SEO, web development and performance marketing so that your business becomes visible and convincing online. What matters in the end is what reaches you: more relevant visitors, more inquiries, and a website that supports real growth.
Visibility turns into inquiries. Inquiries turn into growth.
[Non-binding offer received](#)
[+49 3991 7787032](tel:+4939917787032 "Phone number")
## Stage 5: Integrating frontend and backend
Now the attractive shell has to be connected to the shop’s brain. This is the moment when the shop turns from a static image into a working sales tool.
The finished markup is integrated with the CMS. Static HTML pages become dynamic templates that are filled with data from the database. The display of category pages is configured – products are pulled from the database, filters by price, brand and properties work, sorting by popularity, price or newness works. Product pages are generated dynamically, taking into account all variants, stock levels and prices.
The shopping cart really starts working – adding and removing products updates the user session. The order form validates the data entered, calculates shipping costs, and processes the choice of payment method. Every button is connected to the corresponding backend function.
Integrating the shopping cart and the order system requires particular attention. The cart can be stored in the user session or in the database if the user is logged in. When an order is placed, all the data is saved in the system, notifications are sent to the customer’s and the administrator’s email, an invoice is created, and products are reserved in the warehouse.
From this moment on the shop becomes functional. You can test the entire user journey:
1. Arrived on the site
2. Viewed a category
3. Selected a product
4. Added it to the shopping cart
5. Placed the order
6. Paid
7. Received confirmation
Every step has to work flawlessly. Users do not forgive bugs. If the shopping cart does not work or the order cannot be placed, the customer simply goes to the competition.
## Stage 6: Filling the product database
Once the shop is working functionally, filling it with content begins. This is one of the most labour-intensive stages, especially with a catalogue of 2-3 thousand products.
### Initial import
It all starts with the initial import. A database from the supplier, or from the old shop if this is a migration, is taken and imported into the new system.
**What gets imported:**
- Product names
- Basic descriptions
- Images
- Prices
- Stock levels
- Properties (weight, dimensions, material)
- Article numbers and barcodes (SKU, EAN)
This initial import is needed in order to fill the shop and test it with real data. It is precisely at this stage that markup errors come to light. For example, a long product name does not fit in the card, or images are displayed in the wrong proportions, or filters do not work correctly with certain properties. Better to find these problems now than after launch.
### Working with artificial intelligence
Once the functionality has been checked, work with AI begins in order to create unique, SEO-optimised product descriptions. It is critically important to understand: AI works only as well as your prompt.
You absolutely have to write a script to automate this. Sending 3000 products through ChatGPT by hand means months of work. The script takes data from the database, composes a prompt with the product context, sends a request to the OpenAI or Claude API, receives the result and saves it back to the database. The entire catalogue can be processed overnight.
### An example of a high-quality prompt
This is what a high-quality prompt for a product description should look like:
```
Du bist ein professioneller Texter für einen deutschen Online-Shop für Haushaltsgeräte.
PRODUKT:
Name: {Produktname}
Marke: {Marke}
Kategorie: {Kategorie}
Eigenschaften:
- {Eigenschaft 1}
- {Eigenschaft 2}
- {Eigenschaft 3}
ZIELGRUPPE:
{Beschreibung der Zielgruppe – z.B.: Familien 30-50 Jahre, die Qualität und Komfort schätzen}
AUFGABE:
Schreibe eine verkaufsfördernde Produktbeschreibung für den deutschen Markt.
ANFORDERUNGEN AN DEN TEXT:
- Länge: 150-200 Wörter
- Ton: professionell, aber freundlich
- Sprache: Deutsch, ohne Fehler, folge den Regeln der neuen Rechtschreibung
- Struktur:
1. Kurze Einleitung (1-2 Sätze über den Hauptvorteil)
2. Liste der wichtigsten Vorteile (3-4 Punkte)
3. Technische Merkmale (die wichtigsten)
4. Call-to-Action
KEYWORDS (natürlich verwenden):
- {Keyword 1}
- {Keyword 2}
- {Keyword 3}
FORMATIERUNG:
- Hebe fett hervor (mit ) 2-3 Schlüsselmerkmale
- Verwende kurze Absätze für bessere Lesbarkeit
- Verwende keine Aufzählungslisten in der Beschreibung
WICHTIG:
Deutsche Käufer schätzen Konkretheit und Details.
Vermeide leere Phrasen wie "revolutionäre Qualität".
Verwende konkrete Fakten, Zahlen, technische Details.
Erfinde keine Eigenschaften, verwende nur die oben angegebenen.
BEISPIEL EINER GUTEN BESCHREIBUNG:
(hier kann ein Beispiel zur Referenz hinzugefügt werden)
```
Why this prompt works: the role and context are clearly defined, all the necessary information about the product is given, concrete requirements for length and structure are set, keywords for SEO are listed, the required tone and style are specified, formatting instructions are provided, and attention is drawn to important details.
A bad prompt: “Write a product description.” The result: generic phrases without any specifics, not optimised for SEO, without the formatting you need.
A good prompt: detailed, structured, with examples. The result: high-quality descriptions, ready to publish.
### Important note
Filling in the category texts does NOT belong here. That is the work of an SEO specialist. Category texts require more attention, competitor analysis, keyword selection, and analysis of search queries. They can also be produced with AI, but the prompt has to be even more detailed, and the result requires mandatory manual checking and reworking.
## Stage 7: Creating the schema markup for all pages
Schema markup, or structured data, is special code that helps search engines and AI assistants understand the content of your pages. For modern e-commerce this is becoming ever more critical.
### Why this matters
Search via AI models is already being used as actively as classic Google search. People ask ChatGPT, Claude, Perplexity or Google Gemini for product recommendations, for the best shops, for where to buy something specific. If someone asks “where can I buy a high-quality coffee machine with delivery”, the AI analyses the structured data of shops and recommends the ones where schema markup has been implemented correctly. These are users worth fighting for.
### Types of markup
The basic schema types for an online shop:
- Product Schema – for every product page (name, description, price, currency, availability, image, brand, article number, barcode)
- Offer Schema – information about the offer (price, availability InStock/OutOfStock, validity period of the special price)
- AggregateRating – the average product rating and the number of reviews (displays stars in Google search)
- BreadcrumbList – breadcrumbs for navigation (helps Google understand the site structure)
- Organization – information about the company (name, logo, contact details, social networks)
### Important details
It is very important to state prices correctly with VAT taken into account. The schema has to make it clear whether tax is included in the stated price. Stating delivery times also matters – users are very particular about this parameter.
Schema markup is added to the HTML code of the pages in JSON-LD format. This is the preferred format for Google. The code is inserted into the `` section or at the end of ``.
### Checking that it is correct
Google provides the Rich Results Test – a tool for checking structured data. Every important page has to pass this test and any errors found have to be corrected. Incorrect markup is worse than none at all – Google can impose penalties for attempting to manipulate the search results.
## Stage 8: Optimising for accessibility
Accessibility, or **[barrier-free access](https://4eck-media.de/en/competencies/pagespeed-optimization-making-websites-measurably-faster/)**, means adapting the site for people with disabilities. It is one of the important ranking factors at Google.
### Why you need this
Although it is unlikely that a blind person would place an order in an online shop entirely unaided, accessibility has become an important signal for search engines. Google has officially stated that a website’s accessibility is taken into account in ranking. Websites with good accessibility gain an advantage in the search results.
### What the optimisation covers
The basic accessibility elements:
- A correct heading structure (H1-H6) with a logical hierarchy
- Alt texts for all images – critical for SEO and accessibility
- ARIA attributes for interactive elements
- Keyboard navigation – all functionality accessible without a mouse
- Text-to-background contrast of at least 4.5:1
- Correct operation with screen readers
### Particular attention to images
Alt texts and title attributes for images are not just a formality. On new projects we get up to 10% of traffic from click-throughs via images in Google Images. That is a substantial source of visitors that you must not neglect.
How to optimise product images properly:
1. A descriptive file name:
- Bad: `IMG_1234.jpg`
- Good: `kaffeemaschine-delonghi-magnifica-schwarz.jpg`
2. A detailed alt text:
- Bad: `Coffee machine`
- Good: `Automatic De'Longhi Magnifica coffee machine in a black housing with a milk frother`
3. An inviting title:
- Bad: `Product photo`
- Good: `De'Longhi Magnifica coffee machine - buy now`
Users actively use Google Images to search for products. They enter a search query, look through the images, click on one they like and land in the shop. If your images are optimised properly, you get that traffic. If not, the competition gets it.
## Stage 9: Adding multilingual support
This is an often underestimated but critically important stage. There are not that many ready-made, high-quality solutions for multilingual support anywhere in the world. It sounds simple – “we install a translation plugin and we’re done” – but in reality it is a complex technical process.
### Why it is complicated
The complexity lies in the fact that 2-3 thousand pages have to be translated while retaining all the formatting:
- Links have to lead to the corresponding language version
- Bold text used to highlight keywords has to be preserved
- Italics for emphasis and terminology have to stay as well
- Lists (numbered and bulleted)
- Tables with product specifications
- Buttons with the correct text in the target language
If you simply copy the text into Google Translate, all the formatting is lost. You get plain text that has to be marked up again by hand. With 3000 pages that means months of work.
### The problem of quality control
The problem becomes worse when languages have to be added that nobody on the team speaks. If there is someone on the team who is fluent in the languages being added, they can at least check the translations at a basic level. But what if you need to sell into countries whose languages nobody knows?
Who checks: the accuracy of the translation, the correctness of the technical terminology, the preservation of formatting, the correctness of the links, the cultural specifics of how the text is perceived?
### Technical solution
You need to develop a separate module for automating translation with several LLMs connected. Using several language models allows you to compare translation quality, to use one model for the translation and another for checking it, and to specialise models on different language pairs.
Advantages of different models: GPT-4 translates better into European languages, Claude preserves context and style better.
We built exactly such a module for ourselves on TutKit.com. **28 languages on the portal. Runs like clockwork.** The module automatically processes all the content while preserving the formatting, adapts links to the language versions, generates SEO-friendly URLs and creates hreflang markup.
### Return on investment
Developing such a module costs 5,000 to 10,000 euros. But the alternative is hiring translators for 3,000 pages. At standard translation rates and an average description of 200 words, one language will swallow 40,000 to 50,000 euros. If you need five languages, that is a quarter of a million.
The module pays for itself after two or three languages have been translated, plus it can be used for all future projects. This is not an expense but an investment in scaling the business. Entering neighbouring countries can double or triple the shop’s turnover.
## Stage 10: Creating pages for local SEO
**Technical implementation for local rankings**. This work already belongs to marketing, but the developer has to create the technical foundation for it.
### Why you need this
Many search queries have a local component. People are not simply looking for a product, but for a product delivered to their city or a service in their district. The aim of **[local SEO](https://4eck-media.de/en/competencies/local-seo-consulting-local-seo-for-your-business/)** is to rank in the top positions for queries with a geographic component in major cities.
### Technical implementation
What has to be developed:
1. Page templates with dynamic city substitution – a single template into which the city name and specific information are inserted
2. URL structure with geography:
- `/berlin/kaffeemaschinen`
- `/muenchen/kaffeemaschinen`
- Or: `/kaffeemaschinen-berlin`
3. Integration with Google Business Profile – linking physical locations to local pages
4. LocalBusiness schema markup – for every local page (address, phone number, opening hours)
5. Map with service points – showing collection points or stores in that city
### Important note
Texts for local pages are NOT generated automatically. That is the work of an SEO specialist. Every city requires a unique text that takes account of local specifics, local competitors and region-specific keywords.
Automatically generated identical texts with only the city name swapped out are treated by Google as duplicates and are not ranked. The developer creates the technical infrastructure, the SEO specialist fills it with quality content.
## Stage 11: Integration with accounting systems
Integrating the shop with accounting software is critically important for automating business processes and avoiding errors in the books.
### Main goal no. 1: Correct stock levels and prices
The website has to display current stock levels and verified minimum prices so that you do not sell at a loss. Users do not forgive situations where they order a product and are then told it is not available. That destroys trust and the shop’s reputation.
Automatic synchronisation is critical. A product has been sold in the physical store or on another platform (Amazon, eBay) – the stock level has to be updated in the online shop immediately. Otherwise you get errors, unhappy customers, bad reviews and refunds.
Checking minimum prices is also important. If the cost price of the product has changed because of exchange rates or a supplier’s price increase, but the price in the shop has stayed as it was, you can be selling at a loss without knowing it. The accounting system knows the current cost price and can warn you before things become critical.
### Main goal no. 2: Automatic transfer of orders
When the customer places an order, all the data is transferred to the accounting system automatically:
- Customer information (name, address, contact details)
- List of the products ordered with prices
- Payment method
- Shipping method
- Order total incl. VAT
The time saving is enormous. Without automation, an employee has to enter every order into the accounting program by hand. At 50 orders a day that is 2 to 3 hours of routine work every day. Per month, 60 to 90 hours – effectively another full-time position that you can save.
### Popular accounting programs
The main solutions on the market:
- Lexware – the most accessible and the simplest, popular with small businesses
- DATEV – the standard for medium-sized and large companies
- SevDesk – a modern cloud solution
- Sage – a powerful system for large companies
- SAP Business One – for large companies with complex accounting
Most modern accounting programs offer APIs for integration. The shop sends data via a REST API or uses ready-made integration plugins.
### Additional features (optional)
Everything else is done on request:
- Automatic invoice generation for customers
- Payment reminders
- Generating reports for the tax office
- Integration with the bank to track incoming payments
These features are useful, but not critical at launch. The most important things are correct stock levels and automatic transfer of orders.
- **Over 1,000 satisfied customers**
- **20+ years of experience**
**5 out of 5 stars**
Based on Google reviews
[Bewertungen ansehen](https://share.google/aF8KMRPfHUgAa5GCy "Google reviews")
A big thank you to the team at 4eck Media! The new website is exactly what we wanted: modern, clear, and technically up to date. The additional subpages for SEO have helped us to optimize our content. We appreciate the expert advice, creativity, and reliability that 4eck Media brings to every project. Highly recommended!
**Geschäftsführer** — LEKO ENERGY GmbH, Potsdam
I would like to express my sincere gratitude for the super-fast and highly competent solution to my problem. My requirements and wishes were implemented professionally, and the resulting product flyer exceeded my expectations. Great availability, friendly team, and professional work. Thank you 😊
**Christina Kath**
Since our first collaboration in 2015, our team has been consistently impressed by the creativity and passion put into processing our orders. Even better: They deliver fantastic quality in record time. 🙂
**Geschäftsführer** — MeckCura Pflegedienst GmbH, Güstrow/Wismar/Rostock
I have worked with 4eck Media from Waren and am really impressed. You can immediately tell that they don’t just do agency work, but that they have real expertise behind them. Communication was always quick, straightforward, and on equal terms. When I had questions, I received clear answers and good solutions. Exactly what you want as an entrepreneur.
**Flo Fischer**
I have known Stefan and Matthias Petri for many years now. We have worked together on a wide variety of projects. The professionalism, commitment, and passion with which the two of them and their team approach their work is unparalleled. In addition to the agency itself, I have also been a long-time user of tutkit.com and can highly recommend this platform as well.
**Frank S. Fischer**
The preparation of an audit was comparatively much better than with our previous service provider (who is well-known in the SEO agency world). The recommendations for action are much more concrete and easier to implement in practice – this makes us want to intensify our cooperation. Many thanks so far Matthias!
**Heiko Mühle** — HRM Consulting GmbH, Berlin
We got to know and appreciate each other through working with a mutual client. My experience with 4eck media has been entirely positive! The collaboration is excellent—always solution-oriented, transparent, and characterized by mutual trust. The collaboration is refreshing and constantly infused with new ideas.
**Lutz Thiel**
Very helpful SEO audit—many errors were found and corrected, leading to significantly improved SEO performance for the site. Contact and completion just in time!
**Geschäftsführer** — LeuchtNatur GmbH, Chiemgau/Bayern
I always enjoy working with the team at 4eck Media and am more than thrilled every time. The collaboration is super straightforward, professional, and, above all, takes place on an equal footing. What I particularly like is that they think along with you, have a really good feel for design, and implement websites that are not only beautiful but also technically sound. I highly recommend them—they are a really strong partner!
**Philipp Pechta**
## Stage 12: Connecting logistics modules
Logistics in modern e-commerce is one of the key factors for success. Without high-quality integration with shipping companies, the shop will not be competitive.
### The most important things to integrate
Automatic creation of shipping labels – once the order is paid and ready to ship, the system automatically creates a shipping label via the carrier’s API. The warehouse employee simply prints the label and sticks it on the parcel. No manual filling in of forms or typing in of addresses is needed.
At 50 parcels a day, the time saving is 3 to 4 hours daily.
### Choosing the rate at checkout
During the ordering process the customer chooses the shipping method. The system automatically calculates the cost depending on the parcel weight, the delivery address and the chosen rate.
Delivery options:
- Standard delivery (3–5 days)
- Express delivery (1–2 days)
- Collection from a pick-up point
- Delivery to a Packstation
### Tracking for customers
Once the shipping label has been created, the customer automatically receives an email with the tracking number and a link to track the shipment. Users love following their parcel – this reduces the number of support enquiries about delivery status.
### Integration with till systems
Integration with a till system may also be required if this is prescribed by law. The system has to create fiscal receipts automatically and, where necessary, send data to the tax office. The receipt is printed and enclosed with the parcel; for online payments it is sent by email.
### Simplification through aggregators
To simplify integration there are aggregators such as Sendcloud or Shipcloud, which provide a single API for working with several carriers at once. That is handy if you use DHL + DPD + Hermes – you do not have to integrate each one separately.
Without logistics automation, every order is processed by hand, which creates scope for errors and slows processing down at peak times. The automation pays for itself within the first month of operation.
## Stage 13: Developing additional modules
At this stage, specialised modules are created that deliver a competitive advantage. This is what distinguishes a professional shop from an ordinary template site.
### Competitor monitoring module
Price scraping – automatic collection of data on competitors’ prices and product availability. This is legal if it is done for internal use.
What the system collects:
- Prices for equivalent products
- Information on stock availability
- Data on special promotions
- Changes to the product range
Every night the system crawls the pages of your 5 to 10 main competitors. The data is visualised via a dashboard. The shop owner can see: the average market price for each product, their own price compared with the competition, who has the product cheaper, and where the product is out of stock (a window of opportunity!).
A practical example: the main competitor has raised prices for a particular brand by 10% because delivery has become more expensive. The parser detects this the next day. You can leave your old price and earn on the difference, or raise your price by slightly less than the competitor and look like the better deal.
Without monitoring, you find out about competitors’ moves weeks later. In that time you can lose a significant share of the market.
### Module for personalised mailings
The system tracks user behaviour on the site and builds personalised offers on the basis of that data.
Examples of triggered mailings:
1. Abandoned cart – the customer put a product in the shopping cart but did not order it. After 2 hours, an email with a discount voucher
2. Viewed products – the customer has looked at a product several times in a week. An email about a price reduction or a special offer
3. Category interest – actively browsing products from one category. A selection of the best products with personal recommendations
4. Post-purchase upsell – a week after the purchase, an offer of complementary products at a discount
Important to understand: this belongs to marketing, but it has to be developed and set up technically at the stage when the shop is being built. Adding it later becomes many times more expensive.
Events are tracked via Google Analytics 4 or your own analytics system. Triggers are configured in the email marketing system (Mailchimp, Klaviyo, Newsletter2Go). Personalisation works via dynamic content.
Our customers trust us
schlosstorgelow.de
leuchtNatur.eu
zahnwohl-neuenhagen.de
personalberatung.de
lenz-wild.de
malerbetriebschwarz.com
leko-energy.de
wald-zu-tisch.de
mueritz-automobile.de
fidelis-revision.de
fischkaufhaus.de
bootservice-mueritz.de
immo-bau-mehr.de
awo-mueritz.de
mundgesundheit-waren.de
charter-schulz.de
elbmed-prignitz.de
kuk-ferienwohnungen.de
tutkit.com
meckcura.de
ign-architekten.de
gymnasium-carolinum.de
corel.com
adobe.com
## Stage 14: Initial testing and optimisation
Once all the features have been implemented, comprehensive testing begins. This is not simply clicking every button, but a systematic check of every scenario.
### Functional testing
What gets checked:
- Registration and authorisation (including login via social networks)
- Password recovery
- Product search with a check of filters and sorting
- Adding products to the shopping cart (simple ones and ones with variants)
- Removing from the shopping cart, changing quantities
- Applying discount vouchers
- The ordering process (as a guest and as a registered user)
- All payment methods
- All shipping methods
- Receipt of email notifications
- How the customer account works
### Testing on different devices
Mandatory combinations:
- iPhone with Safari (the last 2 models)
- Samsung Galaxy with Chrome
- Desktop: Chrome, Firefox, Safari, Edge
- Tablets: iPad and Android
Every device-browser combination can show its own display quirks.
### Load testing
What happens if 100 users place orders at the same time? Can the server cope? Does the database not slow down?
Peak loads occur at:
- Black Friday (the last Friday in November)
- Cyber Monday (the Monday after Black Friday)
- Christmas sales (December)
- The first days after an advertising campaign goes live
If the site goes down during a sale, you lose a whole month’s turnover in a single day.
### Speed optimisation
Only AFTER the pages have been filled with real content does the final optimisation begin:
1. Image compression – via specialised services, conversion to WebP
2. CSS/JavaScript minification – removal of unused code
3. Lazy loading – images are loaded as you scroll
4. Browser caching – correct Cache-Control headers
5. Preconnect and prefetch – connecting to resources ahead of time
Target values:
- PageSpeed desktop: 90+
- PageSpeed mobile: 85+
- LCP (Largest Contentful Paint): < 2.5s
- FID (First Input Delay): < 100ms
- CLS (Cumulative Layout Shift): < 0.1
## Stage 15: Final testing and fine-tuning
This is the final marathon before launch. The SEO specialist works in tandem with the developer. The goal is to bring on-page SEO to 95+ percent in Seobility.
Once all the features have been implemented and the initial testing has been done, the final testing phase begins. From experience, something always comes to light at this stage. Small flaws that were not noticed before, inconsistencies in the logic of certain features, display problems on rare browser-device combinations.
The SEO specialist runs the entire site through Seobility and receives a detailed report. Every title tag, every meta description, the heading structure, the URLs of all pages, internal linking, canonical tags, the alt texts of all images, the loading speed of every key page and the correctness of the schema markup are checked. The target is 95+ percent, which is the happy medium between perfectionism and practicality.
The process is iterative: SEO finds problems, the developer fixes them, SEO checks the fixes, and this repeats until the target value is reached. It usually takes 1 to 2 weeks, but the result is critically important. The difference between 85% and 95% on-page SEO is the difference between position 15 and position 5 on Google, and the difference in traffic between those positions is tenfold.
Once the target values have been reached, the project is handed over to the client. After that, if they wish, work on marketing begins – but that is a whole different story.
## Stage 16: Launch and monitoring
The big day – the shop goes into production. But this is not the finale, it is the start of the real work.
### Preparing for launch
Pre-launch checklist:
- Final backup of the entire database
- Checking the SSL certificates
- Setting up uptime monitoring
- Preparing the support team
What gets tracked: where users drop off without completing a purchase, which pages load slowly, where errors occur, server logs (500 or 404 errors), conversion rate.
### Long-term monitoring
Google Analytics 4 is configured to track: user behaviour, the conversion funnel, traffic sources, problem areas.
Alerts are set up for: a sharp drop in traffic, a rise in the bounce rate, a fall in conversion, an increase in loading time.
In the first few days, small corrections are usually needed. That is normal. But if all the previous 15 stages have been worked through carefully, these really are just corrections, not critical problems.
The process of optimising the shop never ends. Analysing the behaviour of the first customers shows what works well and what needs reworking.
## Conclusion
These sixteen stages form the **technical foundation of a professional online shop**. Without it, any marketing budget is burned.
Only once PageSpeed is in order, SEO is configured to a level of 95+, multilingualism has been implemented (if needed), accessibility requirements are met, schema markup has been implemented and all processes work without errors does it make sense to think about generating traffic and investing in advertising.
The process is long and demands serious investment. But a shop that has been built well will work for years: ranking well in classic search engines, appearing correctly in AI answers, delivering a positive user experience, and remaining comfortable to extend and scale.
This is not an expense but an investment in the business, one that pays for itself many times over.
Now you know all the stages. Now you understand what you are paying for. The decision is yours.
## Frequently asked questions about online shop development
How long does it take to develop a professional online shop?
Developing a fully fledged online shop with all 16 stages usually takes 3 to 6 months. A simple shop with basic features can be ready in 6 to 8 weeks, but without the technical polish described here.
What does a professionally developed online shop cost?
At 4eck Media, the cost of a professional online shop starts at 15,000 euros. Many factors influence the final price:
- Number of products and categories
- Desired payment and shipping methods
- Integrations (accounting, ERP, CRM, logistics)
- Number of languages
- Special modules (competitor monitoring, personalised mailings)
- Scope of the design work
Why is PageSpeed 90+ so important?
Google uses PageSpeed as a direct ranking factor. On top of that, users abandon slow pages – every extra second of loading time means 7% fewer conversions. A shop with a PageSpeed of 45 loses half of its potential customers before they have even seen anything.
Can I start with a Shopify template and upgrade later?
Technically yes, but in practice it becomes expensive. Template shops have architectural limitations that are not easy to fix later. A complete rebuild then costs more than a professional solution would have cost from the outset.
Which is better: a generalist developer or an agency with specialists?
An agency with specialists. A generalist developer can do a lot of things, but nothing at expert level. Frontend, backend, DevOps, SEO – these are different professions. Quality comes from specialisation.
Do I really need schema markup for my shop?
Yes! Schema markup is becoming ever more important, especially for AI-powered searches. When ChatGPT or Google Gemini are asked for product recommendations, they analyse structured data. Without schema markup you are invisible to this traffic source.
Is it worth investing in a multilingual module?
Absolutely. Translating 3,000 pages by hand costs 40,000 to 50,000 euros per language. An automated module costs 5,000 to 10,000 euros and can handle an unlimited number of languages. It pays for itself after two or three languages.
What happens if I only do SEO optimisation after launch?
You waste time and money. Without a technical SEO foundation (on-page 95+), even expensive marketing campaigns deliver hardly any results. Google simply does not rank technically poor shops highly, no matter how good the content is.
What is the maximum number of products my shop can have?
That depends on the CMS and the server configuration. A well-optimised shop on Shopware or Magento can handle 10,000 to 50,000 products without any trouble. WooCommerce without professional optimisation becomes slow from around 2,000 to 3,000 products.
Can I pay for the development in stages?
Yes, we work with milestone payments. The minimum down payment is 30%; the remaining payment terms can be agreed individually – depending on the scope of the project and the stages you want. That minimises the risk for both sides and lets you plan your investment flexibly.