CodeButterfly.art – 3D-сайт студии
Сайт нашей собственной студии: 3D-мир, который движется вслед за прокруткой и мышью, на трёх языках — быстрый, читаемый и удобный для SEO.
Открыть сайт- Клиент
- CodeButterfly (собственный проект)
- Продолжительность
- 1 месяц
- Категория
- 3D веб-разработка
О проекте
CodeButterfly.art — сайт нашей собственной студии, и мы сделали его так же, как делаем для клиентов. За каждой страницей — один WebGL-мир в реальном времени: при прокрутке камера движется сквозь него, а 3D-бабочка с нашего логотипа перелетает от раздела к разделу, пока стайка маленьких бабочек следует за курсором. Сам контент — лёгкий и быстрый HTML, поэтому сайт остаётся читаемым, доступным и хорошо находится поисковиками. Он работает на английском, русском и азербайджанском, адаптирует 3D под телефоны, показывает статичный рендер из Blender, когда анимации отключены, и включает пошаговый планировщик проекта, который помогает клиентам описать задачу.
Используемые Технологии
- Next.js
- React Three Fiber
- Three.js
- Tailwind CSS
- Blender
Проблемы
- Полноценный 3D-мир, который не мешает читать
- Плавное 3D на любом телефоне и ноутбуке
- Один сайт на трёх языках, понятный поисковикам
Решения
- 3D за контентом, а текст остаётся ровным и спокойным при чтении
- Адаптивное качество и статичный рендер, когда анимации отключены
- Серверный HTML с полноценным SEO на EN/RU/AZ
Хотите что-то похожее?
Расскажите о своей идее — мы ответим в течение 24 часов и предложим следующие шаги.