SONAREX NETWORKS LLPОт нуля до продакшена: корпоративный сайт для оптового дистрибьютора.
React SPA + WordPress двойной стек · Дизайн-система Space Grotesk · Glassmorphism UI · Core Web Vitals 90+
Shapeus
Sonarex Networks LLP
Глазго, Шотландия
2025 – 2026
Клиенту нужно было цифровое присутствие, соответствующее глобальному масштабу бизнеса.
Sonarex Networks — оптовый дистрибьютор продуктов питания, нутрицевтиков и упаковочных материалов в 50+ странах. Команда Shapeus взяла на себя полный цикл: от айдентики до двойного деплоя в React SPA и WordPress.
12+
СТРАНИЦ
40+
КОМПОНЕНТОВ
90+
PAGESPEED
2
СТЕКА
6
ТИПОВ СХЕМ
<2с
FCP
Одна дизайн-система. Два стека. Шесть типов схем. Двенадцать страниц.
Разработали целостную айдентику с нуля: логотип, палитра, типографика Space Grotesk, анимационный язык Motion.
Собрали React SPA с glassmorphism-карточками, scroll-анимациями, bento-grid раскладками и полной SEO-инфраструктурой.
Воспроизвели весь опыт в кастомной теме WordPress для самостоятельного управления контентом.
Оптимизировали обе версии под Core Web Vitals: WebP, preload LCP, inline critical CSS, defer JS.
Внедрили JSON-LD для 6 типов схем, GDPR cookie consent и полную клавиатурную доступность.
Адаптивность на всех устройствах
Fluid clamp()-типографика, bento-сетки и оптимизированная навигация от 320px до 1440px+.
#0C1222
#0066FF
#FBB03B
#059669
#F6F8FA
#717285
Aa
Space Grotesk · Inter
Мы создали единый визуальный язык для обеих платформ: Space Grotesk для заголовков, Inter для текста, плавное масштабирование через clamp() от 320px до 1440px, scroll-триггерные анимации через Motion, glassmorphism-карточки с backdrop-blur и многослойными градиентами.
Working with Shapeus was seamless from start to finish. They transformed our vision into a polished digital experience that truly represents our global scale. The dual-stack approach gave us the best of both worlds.
Alexei Korovin
Co-founder, Sonarex Networks LLP
SEO-пакет
Динамические мета, canonical, OG-карточки, JSON-LD для 6 типов схем.
Vitals 90+
WebP, preload LCP, inline critical CSS, defer JS, серверное кэширование.
Адаптивность
Mobile first, fluid clamp(), адаптивные bento-сетки, touch-навигация.
Glassmorphism
Backdrop-blur карточки, градиенты, премиальный B2B-стиль.
2× деплой
React SPA + WordPress — один визуальный язык, два независимых деплоя.
Schema
Organization, LocalBusiness, BreadcrumbList, FAQPage, BlogPosting, Product.
GDPR
Гранулярный баннер cookie consent с localStorage-сохранением.
A11y
Skip-to-content, ARIA, клавиатурная навигация, контраст AA.
React 18 + TypeScript
Компонентный SPA, React Router v7, lazy-загрузка, Suspense.
Tailwind CSS v4
Utility-first, кастомные токены в theme.css, нулевой оверхед.
Motion
Scroll-триггеры, каскадные сетки, hover-микровзаимодействия.
WordPress 6
PHP-тема, ACF, кастомные post types, REST-эндпоинты.
Core Web Vitals — всё в зелёной зоне
Оптимизация на уровне каждого байта: WebP-конвертация, preload LCP-элементов, inline critical CSS, отложенный JS. Результат — стабильные зелёные метрики на обеих версиях сайта.
Посмотрите сайт в действии
React SPA с glassmorphism UI, scroll-анимациями и SEO-инфраструктурой — уже работает.