Как происходит разработка сайта или онлайн-магазина?
История про «просто каталог» и «просто блог»
![](https://static.tildacdn.com/tild3364-6631-4564-a662-343834343863/-/empty/2.png)
Просто блог
![](https://static.tildacdn.com/tild3436-6465-4635-b062-613665373463/-/empty/4.png)
![](https://static.tildacdn.com/tild3762-3339-4535-a162-333137356164/-/empty/5.png)
![](https://static.tildacdn.com/tild6664-3562-4665-b266-383465666532/-/empty/6.png)
![](https://static.tildacdn.com/tild3261-3161-4638-b533-363333393835/-/empty/7.png)
![](https://static.tildacdn.com/tild3366-3066-4162-b065-346333636330/-/empty/8.png)
![](https://static.tildacdn.com/tild6465-6239-4565-b733-663338363736/-/empty/9.png)
Просто каталог
Навигация по категориям
![](https://static.tildacdn.com/tild3431-3530-4431-b230-633832376335/-/empty/10.png)
![](https://static.tildacdn.com/tild3061-6337-4435-b462-666532313563/-/empty/11.png)
Фильтры
![](https://static.tildacdn.com/tild3830-3164-4837-b339-386561313133/-/empty/12.png)
![](https://static.tildacdn.com/tild6366-3462-4164-b539-653031616137/-/empty/13.png)
![](https://static.tildacdn.com/tild3538-3834-4439-b965-633266626164/-/empty/14.jpg)
Всего в категории
Сортировка
![](https://static.tildacdn.com/tild3064-3963-4130-b961-336338643934/-/empty/15.png)
Карточка товара
При наведении показываем товар с другого ракурса.
При наведении показываем доступные размеры и цвета.
А еще можно при скролле запариться и прогружать сперва плохое качество, а затем хорошее, чтобы ускорить процесс и не съедать память.
Пагинация
![](https://static.tildacdn.com/tild3631-3538-4330-b231-373061633435/-/empty/17.png)
Поиск
Но тут встает вопрос, а насколько сильно стоит упарываться по поиску.
![](https://static.tildacdn.com/tild3138-6533-4061-a466-623065363763/-/empty/18.png)
SEO
![](https://static.tildacdn.com/tild3265-3161-4439-b661-353935386435/-/empty/19.png)
Что теперь?
![](https://static.tildacdn.com/tild6665-3031-4766-b036-306165333439/-/empty/20.png)