Сайт студии DROP·STACK: React, анимации, 100/100 скорость

Клиент: наша собственная студия DROP·STACK (сапожник с сапогами).

Задача: собрать современный сайт-визитку студии, который проходит проверку взглядом за 5 секунд: кто мы, что умеем, почему нам можно доверять. Сайт должен быстро грузиться, работать на телефонах и выдерживать поток посетителей с бирж и объявлений без падений.

В рамках проекта было решено:

• спроектировать структуру под одну цель - заявка в Telegram;

• собрать сайт на React + TypeScript с анимациями Framer Motion;

• сделать тёмную тему и адаптив под все экраны;

• оптимизировать скорость: статическая сборка Vite, лёгкие ассеты;

• подключить домен dropstack.ru с HTTPS;

• настроить автоматический мониторинг работоспособности: проверка каждые 3 часа, при сбое команда получает уведомление.

Результат: сайт задеплоен и работает - dropstack.ru. От идеи до продакшена с доменом и мониторингом - несколько дней.

Результат можно потрогать руками - сайт живой: dropstack.ru

• от идеи до продакшена - несколько дней: структура, дизайн, код, домен, HTTPS;

• скорость: статическая сборка, лёгкие ассеты - страница открывается мгновенно даже с телефона;

• стабильность: автоматический мониторинг каждые 3 часа, при сбое команда получает уведомление - за время работы ни одного простоя;

• сайт работает как продавец: все отклики и объявления студии ведут на него, посетители с бирж конвертируются в диалоги в Telegram.

Этот же процесс - структура, сборка, деплой, мониторинг - мы повторяем для клиентских проектов.