Задача: студия с наградой «Хорошее место 2026» получала клиентов из соцсетей, но ссылаться было не на что — нужен был сайт уровня премиум-сервиса, который доводит подписчика до записи.
Что сделано: спроектировал структуру из 10 секций — hero-карусель работ, услуги и прайс в формате салонного меню, галерея мастеров в стиле полароидов, знакомство со студией, виджет онлайн-записи (услуга → мастер → время → заявка администратору), контакты. Разработал собственную дизайн-систему: глубокая navy-палитра с фуксиевыми акцентами, типографика Playfair Display + Manrope, микроанимации и переходы на Framer Motion. Вёрстка mobile-first: основная аудитория салона приходит со смартфонов.
При создании сайта использованы:
Next.js 16 (App Router) — каркас сайта и статическая генерация (SSG): страницы отдаются готовым HTML, без серверных задержек;
TypeScript (strict) — типизация компонентов и данных прайса, защита от ошибок при правках;
Tailwind CSS 4 — стилизация и собственная дизайн-система студии: navy-палитра с фуксиевыми акцентами, сетки, отступы, адаптив;
Framer Motion — анимации: hero-карусель работ, появление секций при скролле, микропереходы в галерее и прайсе;
Playfair Display + Manrope — типографическая пара: акцидентный шрифт для заголовков, гротеск для текста;
next/image — оптимизация изображений: lazy-load, современные форматы, приоритет для LCP-элемента;
VPS Ubuntu + Nginx + SSL (Let's Encrypt) — деплой и отдача статики в прод;
Git + rsync — версионирование и доставка сборки на сервер