← Отчёты

Ecwid и новый сайт: что берём

Снимки 10/15/2026: moldingmart.com (Ecwid) и new.moldingmart.com (копия Максима), компьютер 1440 px и телефон iPhone 14. По каждому блоку: что там есть, что хорошо и плохо с точки зрения покупателя, что получим при каждом варианте и что рекомендую. Выбор меняется кликом, внизу кнопка «Скопировать решения».

Как я оцениваю «хорошо» и «плохо». Пять вопросов глазами покупателя молдинга: 1) понятно ли за 3 секунды, что это за магазин и где он; 2) сколько надо прочитать и решить, прежде чем дойти до товара; 3) видит ли он цену и кнопку там, где готов купить; 4) верит ли он магазину: лицо, адрес, отзывы, нет ли ошибок и «пустых» обещаний; 5) удобно ли с телефона одной рукой. Оценки это суждение дизайнера, а не замер. Где опираюсь на факт со снимка или из данных, пишу это прямо.
Шапка и подвалГлавнаяКатегорияПодкатегорияКарточка товараДвериПоиск, корзина, страницыОшибки данных

1. Шапка и подвал (на всех страницах)

Ecwid верх любой страницы

Новый верх любой страницы

Шапка

Ecwid

Большой фото-баннер на каждой странице: значок с компьютерами, «MoldingMart», «YOU'VE NAILED IT», кнопка Shop Now, серая полоса «Let's get down to business».

  • Сильное первое впечатление, бренд крупно.
  • На категориях и в карточке товара баннер повторяется, товар уезжает ниже первого экрана.
  • Значок с компьютерами и тележкой из клипарта: выглядит устаревшим и не говорит «молдинги».
  • На телефоне первый экран целиком занят баннером, меню и корзины не видно (снимок телефона).
  • Поиск это плавающая круглая кнопка справа, её легко не заметить.
Новый

Три строки: полоса с рейтингами Google и Yelp, ссылками, телефоном и адресом; логотип, строка поиска, избранное, корзина, сравнение; меню категорий.

  • Строка поиска на виду: в каталоге 1223 товара, их ищут по профилю и артикулу.
  • Корзина и меню видны на любой странице и на телефоне.
  • Телефон и адрес в один клик: для локального магазина это важно.
  • Три строки подряд плотные, глазу не за что зацепиться.
  • «Сравнение товаров» для молдингов лишнее.
  • Рейтинги Google 4.6 и Yelp 4.9 мелко в углу, их почти не видно.
Что выбираешь
Как Ecwid: Сергей узнает сайт, но каждая страница начинается с баннера, до товара надо листать.
Как новый: удобно, но вид «не как в Ecwid».
Смесь: компактная шапка нового в две строки, тон и шрифты Ecwid; большой баннер только на главной; рейтинги крупнее, «сравнение» убрать.
Рекомендую смесь: узнаваемость Ecwid без потери места под товары.

Меню категорий

Ecwid

5 пунктов строкой по центру: MDF Moldings, FJ Pine, Flexible, Doors, Exterior Protected Wood.

  • Мало пунктов, выбор за секунду.
  • Крупно и спокойно, читается легко.
  • Подменю нет: до «MDF Casing» два перехода.
Новый

6 пунктов строкой слева, у пяти выпадающие подменю, добавлен Fireplace Mantels (4 товара).

  • Подменю ведут сразу в нужный тип.
  • Пункт ради 4 товаров весит столько же, сколько MDF с 411.
  • Прижато влево, стрелки подменю мелкие.
Что выбираешь
Как Ecwid: чище, но без подменю путь длиннее.
Как новый: быстрее к типу, но шестой пункт и вид слева.
Смесь: 5 пунктов Ecwid по центру плюс подменю; камины внутрь другой категории или в конец меню.
Рекомендую смесь. Что делать с каминами, решаешь ты.

Подвал

Ecwid

На каждой странице: «Why Choose Us?» (один отзыв), «About Us» с фото Сергея, «Location» с картой и часами, «Contact us».

  • Лицо владельца, карта и часы: сильнейшие признаки настоящего магазина рядом.
  • Длинное полотно под каждой страницей, даже под корзиной.
  • Один отзыв без имени и звёзд выглядит случайным.
Новый

Подписка «Stay updated» и подвал в 5 колонок: о магазине, разделы, страницы, часы, адрес и контакты.

  • Компактно, всё на привычных местах.
  • Нет лица и карты, магазин выглядит безличным.
  • Подписка это обещание писем. Кто ведёт рассылку, я не проверял.
Что выбираешь
Как Ecwid: много доверия, но каждая страница длинная.
Как новый: аккуратно, но без человека.
Смесь: компактный подвал нового; «About Us» с фото и карту перенести на главную (блок 2.6); подписку убрать, если писем нет.
Рекомендую смесь.

2. Главная

Ecwid moldingmart.com

Целиком: компьютер · телефон

Новый new.moldingmart.com

Целиком: компьютер · телефон

2.1 Первый экран

Ecwid

Тёмное фото столовой, бренд, «YOU'VE NAILED IT», одна кнопка Shop Now.

  • Одна мысль и одна кнопка: решать нечего, сразу «в магазин».
  • Слоган не отвечает, что продаём и где: «молдинги, Сакраменто» нигде нет.
  • Тёмное фото, молдинги на нём мелкие; продукт не главный герой.
Новый

Светлое фото гостиной с камином и молдингами, заголовок «Sacramento's Trusted Source for Moldings, Trim & Doors», абзац текста, кнопка Shop Collection.

  • Заголовок сразу говорит что и где, это помогает и людям, и Google.
  • Светлый интерьер показывает продукт в деле.
  • Абзац на 4 строки никто не читает. На телефоне кнопка уходит за край первого экрана (снимок телефона).
  • «Over 2,400 moldings» не сходится с каталогом: в нём 1223 товара (данные магазина нового сайта, 10/15).
Что выбираешь
Как Ecwid: узнаваемо и коротко, но непонятно, что за магазин.
Как новый: понятно, но тяжело читать и неверная цифра.
Смесь: устройство Ecwid (фото, крупная фраза, одна кнопка), фраза «что и где» из нового в одну строку, светлое фото, без абзаца и цифр.
Рекомендую смесь.

2.2 Категории

Ecwid

5 крупных плиток-фото, название белым поверх фото, без текста.

  • Плитки читаются за секунду, похоже на витрину магазина.
  • Покупатель узнаёт тип по картинке, а не вспоминает название.
  • Сетка 3+2: нижний ряд выглядит недостроенным.
  • Белый текст на светлых фото местами плохо читается.
Новый

6 карточек: фото на сером фоне, «N PRODUCTS», описание, ссылка «Browse category».

  • Ровная сетка 3x2, аккуратно.
  • Описание и счётчик в каждой карточке: лишнее чтение.
  • Счётчики неверные, «0 PRODUCTS» у дверей подрывает доверие (раздел 8).
  • Фото маленькие, карточка похожа на прайс, а не на витрину.
Что выбираешь
Как Ecwid: витрина и узнаваемость.
Как новый: аккуратно, но много текста и ошибки.
Смесь: плитки Ecwid в ровной сетке, мягкое затемнение под названием для читаемости.
Рекомендую Ecwid с этой докруткой. Меньше текста просил и сам Сергей 7/15.

2.3 Товары на главной

Ecwid

«Featured Products»: 6 товаров, серый фон фото, жирное имя, SKU.

  • 6 товаров: блок короткий, не утомляет.
  • Серый фон выравнивает разные фото.
  • Кнопки покупки на карточке нет, чтобы купить, надо заходить внутрь.
Новый

«Sacramento's Most-Ordered This Month»: 12 товаров, цена, длины, кнопка Buy Now.

  • Цена и кнопка сразу: можно купить с главной.
  • В подборке «Test Product $1.00» и товары с заглушкой вместо фото: сайт выглядит недоделанным.
  • «Самое заказываемое в этом месяце» нечем подтвердить.
  • 12 товаров с текстом: длинно.
Что выбираешь
Как Ecwid: красиво, но без покупки.
Как новый: продаёт, но с ошибками и спорным заголовком.
Смесь: «Featured Products», 6–8 товаров вручную и только с фото; вид карточки Ecwid, цена и кнопка из нового.
Рекомендую смесь.

2.4 Почему мы

Ecwid

«Why Choose Us?»: под заголовком один отзыв клиента.

  • Живой голос клиента.
  • Отзыв вместо ответа на вопрос: заголовок обещает причины, а их нет.
Новый

Тёмный блок, 4 пункта: местный склад, цены ниже Big Box, самовывоз и доставка в день заказа, владелец на месте.

  • Четыре коротких пункта читаются за 5 секунд и отвечают на главные сомнения: цена, наличие, скорость.
  • Тёмный фон резко выбивается из светлого сайта.
  • Каждое обещание должно быть правдой; доставку в день заказа надо сверить с Сергеем.
Что выбираешь
Как Ecwid: один отзыв, причин нет.
Как новый: понятные причины, тёмный блок.
Смесь: 4 пункта из нового на светлом фоне в стиле остального сайта.
Рекомендую смесь, после сверки обещаний с Сергеем.

2.5 Отзывы

Ecwid

Отдельного блока нет.

  • Чужого мнения о магазине на сайте нет, есть только наши слова. Рейтинги Google 4.6 и Yelp 4.9 показывает только новый сайт в шапке; сверять их я не сверял.
Новый

5 отзывов с именем, городом и звёздами, подпись «pulled straight from Google».

  • Чужие слова убеждают сильнее наших обещаний.
  • Ссылки на карточку Google нет, проверить нельзя.
  • НЕ ДОКАЗАНО, что эти пять текстов взяты из Google. Если нет, это риск для доверия.
Что выбираешь
Как Ecwid: без отзывов.
Как новый: отзывы есть, но непроверенные.
Смесь: оставить блок, тексты сверить с Google, добавить ссылку «все отзывы в Google».
Рекомендую смесь.

2.6 О нас, карта, контакты

Ecwid

«About Us» с фото Сергея (Serge Vakulchik, store owner), карта, адрес, часы, телефон, почта.

  • Лицо владельца это то, чего нет у Home Depot.
  • Карта и часы отвечают на вопрос «можно заехать сегодня?».
  • На снимке компьютера карта не прогрузилась и осталась серым прямоугольником.
Новый

На главной нет, адрес и часы строками в подвале.

  • Страница короче.
  • Пропал главный козырь локального магазина: человек и место.
Что выбираешь
Как Ecwid: вернуть блок с фото и картой.
Как новый: без лица и карты.
Смесь: блок Ecwid в новом виде: фото, 2–3 строки от Сергея, карта, кнопка «Get directions».
Рекомендую вернуть как в Ecwid, в обновлённом виде.

2.7 Синий призыв внизу

Ecwid

Нет.

Новый

«Ready to Start Your Project?» с двумя кнопками на ярко-синем фоне.

  • Последний шанс нажать кнопку в конце длинной страницы.
  • Повторяет кнопки выше; ярко-синий выбивается из палитры.
Что выбираешь
Убрать: если главная станет короче, финальный призыв не нужен.
Как новый: оставить.
Рекомендую убрать.

3. Категория (MDF Moldings)

Ecwid

Целиком: компьютер · телефон

Новый

Целиком: компьютер · телефон

3.1 Верх страницы

Ecwid

Заголовок, хлебные крошки, абзац описания с жирными словами.

  • Плитки и товары уже на первом экране.
  • Абзац наверху написан для поисковика, человек его пропускает.
Новый

Большой баннер с фото, заголовок крупными буквами, два абзаца текста.

  • Атмосферно.
  • Баннер с текстом занимает около трети первого экрана компьютера (снимок 1440x900), товаров не видно.
  • Тёмный текст на светлом фото читается хуже, чем на белом.
Что выбираешь
Как Ecwid: быстро к товарам, но текст наверху.
Как новый: красиво, но товары ниже.
Смесь: заголовок и крошки как в Ecwid, одна строка описания; длинный текст вниз страницы (блок 3.5).
Рекомендую смесь.

3.2 Плитки подкатегорий

Ecwid

Плитки-фото: Baseboard, Crown, Casing, Window Stool, Chair Rail, Wainscoting и другие, потом товары.

  • Человек сначала выбирает тип по картинке, потом профиль. Так думает покупатель молдинга.
  • Фото разного стиля: интерьеры и 3D-профили вперемешку, выглядит пёстро.
Новый

Плиток нет, сразу сетка товаров на 35 страниц (пагинация на снимке).

  • Тому, кто знает фильтры, на шаг быстрее.
  • 411 товаров вперемешку: плинтус рядом с наличником, приходится листать.
Что выбираешь
Как Ecwid: понятный путь «тип, потом профиль».
Как новый: длинный список.
Смесь: плитки Ecwid, но фото в одном стиле.
Рекомендую Ecwid с единым стилем фото. Это самое важное отличие на сайте.

3.3 Фильтры

Ecwid

Справа: поиск, цена, категория, тип, ширина, длина, сортировка.

  • «Ширина» и «тип» это язык, на котором подбирают плинтус.
  • Длинная колонка, нижние фильтры уходят за экран.
Новый

Справа: поиск, цена, категория, длина, сортировка.

  • Чище и короче.
  • Нет ширины и типа.
Что выбираешь
Смесь: вид нового плюс «Тип» и «Ширина» из Ecwid.
Рекомендую смесь. Гипотеза: ширину ищут часто; проверить по поиску сайта.

3.4 Карточка товара в сетке

Ecwid

Рамка, серый фон фото, жирное имя по центру, SKU.

  • Серый фон выравнивает разные фото, сетка выглядит ровной.
  • Мало текста, имя читается сразу.
  • Ни цены, ни кнопки: чтобы сравнить цены, надо открыть каждый товар.
Новый

Фото, имя, категория, SKU, длины «16 ft 8 ft», цена, кнопка Buy Now.

  • Цена и кнопка в сетке: сравнение и покупка без лишних переходов.
  • Пять строк мелкого серого текста.
  • Белый фон: фото профилей «плавают».
Что выбираешь
Смесь: вид Ecwid (рамка, серый фон, имя по центру), из нового цена и кнопка; категорию убрать, SKU мельче.
Рекомендую смесь.

3.5 Текст внизу страницы

Ecwid

Нет (текст наверху, см. 3.1).

Новый

«Shop MDF by Type» и «How to Choose the Right MDF Profile».

  • Внизу не мешает, помогает Google и тем, кто не знает профиль.
  • Длинно.
Что выбираешь
Как новый: оставить, сократить.
Рекомендую как новый.

4. Подкатегория (MDF Baseboard)

Ecwid

Целиком: компьютер · телефон

Новый

Целиком: компьютер · телефон

4.1 Верх и вложенные плитки

Ecwid

Заголовок, крошки, описание, плитки «Bullnose Corners» и «Flexible Base», потом товары.

  • Сразу видно, что к плинтусу есть угловые элементы и гибкий плинтус: подсказка докупить.
  • Абзац описания наверху.
Новый

Баннер с фото и «MDF BASEBOARD», крошки, товары.

  • Баннер занимает первый экран, товары видны только кромкой (снимок 1440x900).
  • Нет подсказки про угловые элементы.
Что выбираешь
Как Ecwid: тот же шаблон, что категория (3.1 и 3.2): без баннера, с плитками вложенных групп.
Рекомендую как Ecwid.

5. Карточка товара

Ecwid

Целиком: компьютер · телефон · bullnose: компьютер

Новый

Целиком: компьютер · телефон · bullnose: компьютер

5.1 Блок покупки

Ecwid

Название, крошки, SKU, количество, «Favorite», «Share». Цены и кнопки покупки на снимке нет.

  • Жирное название и SKU сразу под ним: продавец и клиент говорят на языке артикулов.
  • Нет главного: цены и кнопки. Покупатель не понимает, что делать дальше.
Новый

Название, цена, короткое описание, выбор длины 16/8 ft, количество, Buy Now, Compare, Favorites, SKU, категория, Share.

  • Правильный порядок: что это, сколько стоит, какая длина, сколько штук, купить.
  • Длина выбирается кнопками: без этого заказ невозможен.
  • Тонкий шрифт заголовка выглядит бледно.
  • «Compare» и «Share» в 5 сетей: шум рядом с кнопкой.
Что выбираешь
Как Ecwid: узнаваемо, но купить нельзя.
Как новый: продаёт, но бледно и шумно.
Смесь: всё из нового, без Compare и лишних соцсетей; заголовок жирный как в Ecwid, SKU под ним.
Рекомендую смесь.

5.2 Описание и размеры

Ecwid

«Product Details»: 2 строки текста.

  • Размеров таблицей нет, профили не сравнить.
Новый

Описание, таблица: ширина, толщина, порода, длина; вкладка «Additional information».

  • Таблица размеров помогает сравнивать профили.
  • Вкладка «Additional information» повторяет ту же таблицу.
Что выбираешь
Как новый: таблицу оставить, повтор убрать.
Рекомендую как новый.

5.3 Похожие товары

Ecwid

Нет.

Новый

«Frequently Bought Together»: 5 товаров той же категории с ценой и кнопкой.

  • Подсказывает докупить и не даёт уйти с карточки в тупик.
  • Заголовок обещает «покупают вместе», а показывает просто ту же категорию.
Что выбираешь
Как новый: оставить, заголовок честный («More in this category»), позже показывать ту же коллекцию, как просил Сергей 7/28.
Рекомендую как новый.

6. Двери

Ecwid

Целиком: категория · все двери

Новый

Целиком: компьютер · телефон

6.1 Категория дверей

Ecwid

Плитка «Show Me All Doors» ведёт на отдельную страницу со всеми дверями.

  • Лишний переход ради одной плитки.
Новый

Обычная категория по общему шаблону: баннер, потом двери.

  • Двери сразу на странице.
  • Тот же баннер, что в 3.1.
Что выбираешь
Смесь: общий шаблон категории из раздела 3, двери сразу, без «Show Me All Doors».
Рекомендую смесь.

7. Поиск, корзина, страницы

Снимки целиком: поиск Ecwid / новый; пустая корзина Ecwid / новый; политика конфиденциальности Ecwid / новый. Эти экраны собираются из тех же деталей (шапка, сетка товаров, подвал) и примут общий вид. Отдельных решений не прошу.

8. Ошибки данных (не дизайн, чиним отдельно)

ЧтоФакт и источникСтатус
Счётчики категорийНа главной «0 PRODUCTS» у Doors, Flexible, Exterior и «9» у MDF. В данных магазина нового сайта (10/15): Doors 17, Flexible 186, Exterior 55, MDF 411неверноуходят вместе с редизайном (2.2)
Test Product $1.00Виден в товарах на главнойпо плануудаляется перед запуском (чек-лист 9/17)
Uncategorised211 товаров из 1223 без категории (данные магазина, 10/15)разобратьпричину не проверял
Фото-заглушкиУ части товаров на главной вместо фото серая заглушкапроверитьсколько таких всего