Next.js
App Router, серверные компоненты, метаданные страниц, оптимизация изображений.
Кейс · Корпоративный сайт
Сайт ГК «Сэттэ»
Корпоративный сайт строительной компании из Якутии: жилые, социальные и коммерческие объекты, дорожное строительство. Современный стек, 3D и анимации.
Год
2024
Город
Якутск
Тип проекта
корпоративный сайт
Заказчик
ГК «Сэттэ»
Ниша
строительство
Разработчик
Иннокентий Горохов
О проекте
ГК «Сэттэ» — лидер строительного рынка Республики Саха (Якутия). Компания реализует полный цикл работ в жилой, коммерческой и социальной недвижимости, а также в дорожном строительстве, выполняя как государственные, так и частные проекты.
Перед нами стояла задача собрать сайт, который с первого экрана транслирует масштаб и надёжность компании, аккуратно подаёт портфель объектов и даёт посетителю быстрый путь к контактам отдела продаж. Мы сделали акцент на сдержанной корпоративной подаче, понятной структуре разделов и удобной навигации с десктопа и мобильных.
Сайт разработан в 2024 году. Над проектом работал Иннокентий Горохов: проектирование структуры, вёрстка, анимации и 3D-сцена.
Задача
- Показать масштаб и надёжность застройщика на первом экране
- Структурировать портфель: жилые, социальные, коммерческие объекты и дороги
- Сделать акцент на контактах и заявках в отдел продаж
- Обеспечить адаптивность и быструю загрузку (AVIF/WebP, оптимизация изображений)
Решение
Главная страница построена вокруг анимированного hero с корпоративным слоганом «Традиции, надёжность, комфорт» и AVIF-анимацией фона. Блок «О компании» дополнен интерактивным 3D-логотипом на Three.js — он добавляет странице глубину, не перегружая её. Категории объектов вынесены в наглядную сетку из четырёх карточек, а полный блок контактов с несколькими телефонами и адресом офиса размещён в футере.
Секции плавно появляются при скролле за счёт Framer Motion, вёрстка адаптивна под мобильные и десктоп, изображения оптимизированы через next/image.
Что использовали
Next.js + Tailwind, анимации и интерактивные элементы.
Tailwind CSS
Корпоративная типографика и адаптивная сетка.
Framer Motion
Плавное появление секций при скролле.
Three.js
3D-логотип компании в блоке «О компании».
Что реализовано
- Sticky-хедер с выпадающим меню «Объекты»
- Hero с AVIF-анимацией и корпоративным слоганом
- Блок «О компании» с интерактивным 3D-логотипом
- Сетка из 4 категорий объектов (жилые, социальные, коммерческие, дороги)
- Футер с полными контактами и навигацией
- Адаптивная вёрстка под мобильные и десктоп
Результат
Готовый корпоративный сайт, который подаёт ГК «Сэттэ» как лидера строительного рынка Якутии: понятная структура объектов, акцент на контактах и современная визуальная подача с 3D и анимациями. Проект вошёл в портфолио студии ЛУМД.
Над проектом работали
Иннокентий Горохов
Веб-студия ЛУМД
Разработка — веб-студия ЛУМД. Автор проекта: Иннокентий Горохов (проектирование, вёрстка, анимации, 3D). Год: 2024.