Корпоративный сайт для рынка драгоценных металлов

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

React / Vue Автоматизация бизнес-процессов Интеграции и API Сайты и лендинги

Задача

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

Решение

По готовому дизайну в Figma была полностью реализована платформа на Astro + React + Emdash CMS. Astro используется как основа сайта и обеспечивает серверный рендеринг и высокую производительность, а React подключается для сложных интерактивных элементов — калькуляторов и других UI-компонентов. Контентная часть полностью связана с Emdash CMS: через административную панель можно управлять страницами, текстами, изображениями, блоками и SEO-параметрами. В результате сайт работает не как набор жестко сверстанных страниц, а как единая система, которую можно постепенно расширять вместе с бизнесом.

CMS и переиспользуемые страницы

Одной из ключевых частей проекта стала архитектура шаблонов в Emdash CMS. Вместо создания каждой страницы с нуля была разработана система переиспользуемых шаблонов и блоков. Процесс выглядит так: создание шаблона → наследование → выбор и заполнение блоков → настройка SEO → публикация Для разных страниц можно использовать уже готовые секции, менять их содержимое и собирать из них новые комбинации, сохраняя единую визуальную систему сайта. Отдельно через CMS управляется SEO-модуль, поэтому для новой страницы можно настроить заголовки, description и необходимый контент без изменений в коде. Это позволяет клиенту самостоятельно создавать новые направления и посадочные страницы на базе уже разработанной системы.

Котировки и калькулятор стоимости

Сайт работает с актуальными рыночными данными. Котировки автоматически обновляются раз в сутки после обновления данных ЦБ РФ и используются в интерфейсах сайта. Для пользователей реализован отдельный калькулятор стоимости драгоценных металлов. Пользователь выбирает: металл; пробу; необходимый вес. Вес можно указать вручную или изменить интерактивным ползунком, после чего система рассчитывает ориентировочную стоимость на основе актуальных данных. Сложная логика калькулятора и интерактивный интерфейс реализованы на React, при этом компонент встроен в общую CMS-архитектуру сайта.

SEO-архитектура

Проект изначально проектировался с учетом дальнейшего органического продвижения. Для страниц предусмотрено управление через административную панель: SEO-заголовками; description; текстовым контентом; структурой страницы. Сайт работает с SSR, а frontend оптимизирован под скорость загрузки и корректную индексацию. За счет шаблонной архитектуры новые SEO-страницы можно создавать на существующей компонентной базе без необходимости разрабатывать каждую из них отдельно.

06Ключевой результат

Результат

В результате клиент получил не статичный корпоративный сайт, а масштабируемую платформу для развития нового направления бизнеса. Команда может самостоятельно создавать новые страницы, переиспользовать готовые блоки, менять контент и управлять SEO через CMS. Динамические котировки и калькулятор превращают сайт из обычной презентационной страницы в рабочий инструмент для посетителя, а архитектура на Astro, React и Emdash позволяет постепенно добавлять новые функции и направления без перестройки проекта с нуля.

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

Оценка

Понравился материал?

Другие кейсы

Переключиться на другой разбор.

Нажатие сразу меняет выбранный проект и возвращает к его описанию.

Сайты и интерфейсы

Корпоративный сайт для рынка драгоценных металлов

Задача

Решение

CMS и переиспользуемые страницы

Котировки и калькулятор стоимости

SEO-архитектура

Результат

Переключиться на другой разбор.

Корпоративный сайт для рынка драгоценных металлов

Промо-лендинг для фестиваля

Мобильное приложение для клиентов спортивного клуба

B2B-сайт для электронной торговой площадки

Упрощение покупки отчетов в онлайн-сервисе