PAWLY

Полное описание проекта

PAWLY — концепция международного интернет-магазина продуманных товаров для собак и кошек, расположенного в Гамбурге.

Задача проекта

Проект показывает, как существующий WordPress/WooCommerce-магазин можно превратить в самостоятельную портфолио-демонстрацию, сохранив визуальный характер и видимый функционал. Основой стали светлый розоватый фон, глубокий фиолетовый цвет, сиренево-розовые градиенты, крупные скругления, мягкие карточки и овальные кнопки исходного магазина.

Бренд и история

PAWLY строится вокруг идеи «Good days. Happy tails.» — хорошие дни питомца складываются из простых и удобных ежедневных вещей. Ассортимент не перегружен: в нём собраны товары для прогулки и поездок, дома и сна, игр, ухода и питания. Вымышленный PAWLY Studio Store находится рядом с портом Гамбурга и представлен как светлое пространство для примерки, тестирования товаров и встреч владельцев животных.

Главная страница

Первый экран создаёт эмоциональный образ бренда и сразу ведёт в магазин. Далее посетитель получает короткое объяснение концепции, выбирает одну из пяти категорий, смотрит рекомендуемые товары, сезонные предложения, преимущества, отзывы, полезные статьи и расположение магазина. Блоки чередуются по ритму и назначению, поэтому страница не превращается в набор одинаковых баннеров.

Каталог

Каталог повторяет знакомую коммерческую структуру исходного проекта: боковая панель с категориями, диапазоном цены, наличием и скидками; строка поиска; информация о количестве результатов; сортировка и товарная сетка. Доступны категории «Прогулка и поездки», «Дом и сон», «Игры», «Уход» и «Питание».

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

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

Коммерческие сценарии

Быстрый просмотр позволяет изучить товар и добавить его в корзину, не покидая каталог. Корзина показывает позиции, количество и итоговую сумму, позволяет удалять товары и переходить к оформлению. Checkout демонстрирует ввод данных доставки и завершение сценария, но специально не передаёт сведения и не создаёт настоящий заказ.

Мультиязычность

Интерфейс, навигация, категории, товары, описания, поиск, корзина, оформление и информационные страницы подготовлены на английском, немецком, французском, испанском, русском, украинском и упрощённом китайском. Выбор языка сохраняется в браузере.

Информационные страницы

В проект включены страницы «О нас», «Доставка и оплата», FAQ, «Гарантия и возврат», «Контакты» и общая страница категорий. Они открываются внутри автономного магазина и сохраняют единый дизайн.

Адаптивность

На компьютере магазин использует широкую навигацию, четырёхколоночный каталог и боковые фильтры. На планшете сетки упрощаются, а на телефоне появляются отдельное мобильное меню, двухколоночная витрина, горизонтальные категории и удобные полноэкранные панели. Основные кнопки рассчитаны на сенсорное управление.

Результат

PAWLY выглядит и ведёт себя как полноценный интернет-магазин, но остаётся лёгкой портфолио-версией без WordPress, базы данных, установки и отдельных серверных портов. Проект запускается через Laragon обычным index.html и подходит для демонстрации клиентам на компьютере и телефоне.