NOMA Living

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

NOMA Living — концептуальный международный интернет-магазин предметов для спокойной повседневной жизни: света, керамики, текстиля, сервировки и аксессуаров рабочего пространства.

Задача

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

Визуальная концепция

В основе дизайна — современная скандинавская редакционная эстетика. Тёплый молочный фон, глубокий зелёно-чёрный цвет, приглушённый мох и небольшой терракотовый акцент создают спокойное, дорогое и узнаваемое настроение. Крупная типографика помогает сформировать характер бренда, а строгая служебная типографика делает каталог понятным. Вместо нескольких одинаковых баннеров используется один сильный первый экран и самостоятельные тематические блоки с разной задачей.

Логика воронки

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

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

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

Каталог и поиск

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

Корзина и оформление

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

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

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

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

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

Результат

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