MiegoMenas.lt: інтернет-магазин матраців безпосередньо від виробника

Особливості завдання

Матрац — товар, який купують зважено й нечасто та який має багато варіантів: той самий матрац продається в семи розмірах (від 80×200 до 200×200 см) за різною ціною. Покупцеві потрібно швидко зрозуміти різницю між моделями й безпомилково вибрати розмір, а магазину — приймати замовлення як на складські, так і на нестандартні розміри під замовлення.

Власна тема. Я створив окрему тему «MiegoMenas SHOP NEW» на основі блогової теми Spotlight і дизайн-системи на Bootstrap. У ній усі стилі, шаблони WooCommerce (товар, кошик, оформлення, листи, особистий кабінет) та інтерфейс адаптовано до бренду. Весь інтерфейс — литовською.

Головна сторінка.

• Слайдер-вітрина з п’яти категорій зі швидким переходом до каталогу.
• Блок хітів продажу з картками, цінами та кнопкою вибору.
• Чотири сервісні блоки: безкоштовна доставка по Литві від 500 €, безпечна оплата, дбайливе пакування, 14 днів на повернення.
• Окремий блок подарункового сертифіката та свіжі статті з блогу.
• Тексти з легкою самоіронією («палата — не готель, зате матрац хороший»), які вирізняють магазин серед типових каталогів.

Каталог і пошук.

• Власне сортування: за назвою (А–Я та Я–А), за ціною, за релевантністю.
• Бічна панель фільтрів із ціновим повзунком.
• Пошук безпосередньо в шапці.
• Меню категорій з іконками для мобільної версії.

Картка товару.

• Галерея з великим фото та стрічкою мініатюр (Slick).
• Вибір розміру кнопками, ціна перераховується відповідно до вибраного варіанта.
• Докладний опис: будова матраца, зони жорсткості, чохол, гіпоалергенність, рекомендована вага.
• Хлібні крихти для SEO (Rank Math).

Кошик і оформлення замовлення. Кошик перероблено на зрозумілу таблицю литовською мовою з можливістю змінювати кількість. Під час оформлення замовлення я прибрав зайве: вимкнув окрему форму доставки, зробив поле «область» необов’язковим (у Литві воно лише заважає), скасував обмеження мінімальної суми замовлення та переклав системні написи. Менше полів — менше покинутих кошиків.

Подарункові сертифікати. Покупець обирає номінал і дарує сертифікат, а одержувач використовує його на сайті. Сторінку оформлено в стилі магазину, щоб вона виглядала як подарунок, а не як службова форма.

Аналітика та SEO. Підключено Google Site Kit, відстеження Google Ads і SEO-плагін Rank Math. Для всіх товарів налаштовано метаописи та Open Graph, тож посилання мають привабливий вигляд у соцмережах.

Стабільність. Автооновлення WooCommerce вимкнено навмисно: перед кожним оновленням я перевіряю шаблони кошика, оформлення замовлення та листів, щоб магазин не зламався в момент покупки.

Блог

Блог про сон та інтер'єр: «Якісні матраци — запорука гарного сну», «Велюрові ліжка», «Меблі з масиву» та інші. Статті залучають пошуковий трафік за запитами, з яких покупець починає вибір, і ведуть до каталогу.

Технології

WordPress · WooCommerce · PHP · JavaScript (jQuery) · Bootstrap · Slick / Owl Carousel / Swiper · GSAP · Rank Math · Google Site Kit / Ads · подарункові сертифікати (YITH Gift Cards) · адаптивна верстка

Результат

Магазин, у якому покупець за кілька кліків вибирає матрац потрібного розміру та оформлює замовлення без зайвих полів. Сайт і сьогодні оновлюється та розвивається: у блозі з'являються нові статті, а картки товарів підтримуються в актуальному стані.