Skip to content

What comes first in an online store: structure or design

LightSEO · Order of work

What comes first in an online store: structure or design

Most owners start with the question "what will it look like". That makes sense: you can see a design, and you can't see a structure. The problem is that it is the structure that decides whether a buyer finds you – and whether they find the product they need once inside.

1
structure
2
prototype
3
design

The basics

What structure really is

It goes far beyond a list of categories in the menu. It answers the question of which search queries have their own pages on your site – and whether there is a page at all for what a person is looking for.
A filter cannot replace a category. If the product type a buyer needs is only a checkbox inside a large category on your site, you can't compete with a store that has a separate page with a description and a curated selection for that query.
Structure decides convenience. How many clicks it takes to reach a product, what the navigation looks like on a phone, whether a buyer gets lost in a catalog of three thousand items.

Consequences

Why the order matters

📐

The menu is squeezed into the mockup

The mockup gets as many menu items as fit nicely. Later it turns out there should be three times as many categories.

🔁

Rework after launch

Changing the structure after launch means new page addresses, redirects and losing part of what has already been indexed.

🕳

An empty home page

The mockup is designed for ten categories, and there are three – the site looks empty and unfinished.

Sequence

The right order of work

1

Demand analysis

Which search queries exist in the niche and in what volume – this is the basis for the list of categories.

2

Structure and attributes

The category tree, filters and a set of attributes for each product type.

3

Prototype

Schematic pages without colors: what goes where and in what order.

4

Design

Now it is drawn around the real structure, and the picture no longer dictates what the structure looks like.

Result

What this gives you in practice

The store works for years without rework. New products simply go into the existing categories, and new product lines are added without breaking the navigation.
Design dresses the structure and cannot replace it. It is responsible for trust and convenience – but if there is no catalog logic beneath it, it won't bring more sales.
Not sure what structure your catalog needs?

We'll look at your niche and product range – and tell you which categories and filters you need for your store to be found in search.