Обсъди проект
Всички проекти

МАТРАЦИ, ЛЕГЛА И КОМФОРТ У ДОМА

VIP Матраци

Вашият матрак. Вашето утро.

Посети сайта
Индивидуален дизайнОнлайн магазинWooCommerceМиграция
Проект VIP Матраци на 88Lab
Реален проект от портфолиото на 88Lab · VIP Матраци

01 / КОНТЕКСТ И ЗАДАЧА

Вашият матрак. Вашето утро.

VIP Матраци съчетава голям продуктов каталог с магазин в столичния квартал Люлин 5. Задачата беше да създадем ново, разпознаваемо представяне и по-лесен избор сред моделите и размерите, като запазим съществуващите продукти, поръчки и познатата администрация.

Разработихме индивидуален интерфейс, отделен от WordPress темата, със сървърно генерирани страници. WordPress и WooCommerce остават за управление на продуктите и поръчките. Новият магазин свързва колекциите, продуктовите детайли, сравнението и покупката с реалните цени, варианти и наличности от съществуващия бекенд.

Нова визуална идентичност и ясен първи екран

Съчетахме светли топли фонове с фирменото синьо, едра типография и реални продуктови снимки. Първият екран поставя заглавието, основния бутон и входовете към категориите на видно място. Оформихме SVG икони и извити стрелки, а менюто е последователно на компютър и телефон.

Каталог, който помага при избора

Подредихме над 190 продукта в шест основни колекции: двулицеви и еднолицеви матраци, топ матраци, подматрачни рамки, легла и аксесоари. Добавихме търсене, филтри по размер и бюджет, сортиране и промоции. Кратък помощник води посетителя към подходящата категория според вида, размера и бюджета.

Размери, продуктови галерии и сравнение

Изборът на размер е свързан с реалния вариант и неговата цена. Продуктовите страници включват галерии и описание, а посетителят може да сравнява модели. Добавихме директни адреси за избрания размер. Продуктите без зададена цена показват „Попитайте за цена“.

Поръчка с проверка от WooCommerce

Количката, количествата, доставката и финализирането на поръчката използват WooCommerce Store API. Цените и наличностите се проверяват от съществуващия магазин. Поддържат се наличните в него наложен платеж и банков превод, а поръчките остават в познатата администрация.

Плавно движение и мобилно оформление

Реалните продуктови снимки се разгръщат с обратими скрол ефекти. На десктоп по-късите леви колони остават видими до по-дългото съдържание. Мобилното оформление запазва естественото превъртане, четимостта и достъпните контроли; отчетени са и настройките за намалено движение.

Запазени адреси и управление, оптимизирани изображения

Прехвърлихме магазина на VPS, запазихме продуктовите адреси и WordPress администрацията и отделихме публичния интерфейс от темата. Шрифтовете с кирилица се зареждат локално. Конвертирахме използваните JPEG/PNG изображения в WebP и почистихме потвърдено неизползваните медийни файлове след проверка на зависимостите.

SEO основа и полезни отговори

Подготвихме уникални заглавия и описания, канонични адреси, карта на сайта и структурирани данни за продукти, размери, цени и магазина. Добавихме ръководство за избор, FAQ и вътрешни връзки. Проверихме 225 публични адреса, данните за вариантите и достъпността на съдържанието за търсещите роботи.

02 / КАКВО ИЗГРАДИХМЕ

Детайлите правят
цялото

  • 01Индивидуален интерфейс с WordPress / WooCommerce администрация
  • 02Над 190 продукта и избор между размерни варианти
  • 03Шест основни колекции и промоционални предложения
  • 04Търсене, филтри по размер и бюджет и сортиране
  • 05Помощник за избор на категория, размер и бюджет
  • 06Продуктови галерии и сравнение на модели
  • 07Директни връзки към избран размер и актуална цена
  • 08Количка и поръчка през WooCommerce Store API
  • 09Наложен платеж и банков превод
  • 10Запазени продуктови адреси, продукти и поръчки
  • 11SVG икони и индивидуални извити стрелки
  • 12Обратими скрол ефекти и sticky колони на десктоп
  • 13Мобилно оформление и намалено движение
  • 14WebP изображения и локални шрифтове с кирилица
  • 15Метаданни, структурирани данни и XML карта на сайта
  • 16Ръководство за избор, FAQ и връзка с магазина в София
РЕАЛИЗИРАНОТО РЕШЕНИЕ

VIP Матраци вече свързва реалния каталог с ново представяне и по-ясен път от избора на размер до поръчката. Екипът продължава да управлява продуктите и поръчките от познатия бекенд, а посетителите могат да разгледат и сравнят моделите онлайн или да посетят магазина в София.

Имате подобен проект?

Да поговорим
СЛЕДВАЩ ПРОЕКТ

Oxycare България