Я делаю концепт-сайты, чтобы показать, как работаю в жанрах, где у меня пока нет клиентских проектов. ORIVA — один из них: интернет-магазин вымышленного акустического ателье, которое продаёт наушники, акустику, усилители, винил и аксессуары. Бренд, изделия, цены и бутики придуманы; сайт написан на русском.

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

18 страниц: главная, каталог, карточка товара, корзина, оформление, подтверждение заказа, личный кабинет, избранное, журнал, бутики, ателье, доставка, сервис, контакты, политика конфиденциальности, оферта, cookie и 404. В каталоге 13 изделий с фильтрами по категории, цене, цвету и меткам, сортировкой и чипами активных фильтров. В карточке — галерея с лайтбоксом, выбор цвета и количества, аккордеоны, отзывы и похожие товары.

Корзина принимает 2 демо-промокода и показывает шкалу до бесплатной доставки от 30 000 рублей — это демо-порог. Оформление идёт в три шага с проверкой полей: контакты, доставка, оплата. Бутики в 6 городах стоят на интерактивной карте с записью на прослушивание, а комната прослушивания — плеер в виде вращающейся пластинки с тонармом: 5 треков, перемотка, громкость и автопереход.

Главная открывается полноэкранным видео и продолжается историей со счётчиками, которая разворачивается при прокрутке; анимация построена на GSAP со ScrollTrigger и плавной прокрутке Lenis. Сайт написан на чистых HTML, CSS и JavaScript без сборки: шапка, подвал и оверлеи рендерятся одним общим скриптом, а аккаунты, корзины и записи хранятся в localStorage браузера — ничего никуда не отправляется.

Сейчас это работающий концепт: 18 страниц, 13 изделий, бутики в 6 городах и комната прослушивания на 5 треков — всем можно пользоваться от каталога до подтверждения заказа без сервера. Проверка 22 сентября 2026 года по 17 страницам показала один H1 на каждой, alt у 100% изображений и 0 битых внутренних ссылок.

Lighthouse дал главной SEO 100 и доступность 99 и на мобильном, и на десктопе, а производительность — 97 на десктопе и 66 на мобильном. Мобильную оценку тянет вниз вес: телефон получает 12,8 МБ, включая полноэкранное видео в Full HD и изображения, а LCP составляет 7,3 с.