HoneyCodeделаем сайты с 3D, анимацией и характером

002 — практика

Что
собираем

Берём проект от первого разговора до адреса, по которому сайт открывается. Одна команда — интерфейс, сцена, движение и сервер.

1. 01 РазборСлушаем задачу. Выясняем, что человек должен понять или сделать на странице.
2. 02 ПредметНаходим центральную вещь, вокруг которой строится весь сайт. У нас — банка с кодом.
3. 03 СборкаИнтерфейс, свет и прокрутка собираются одновременно, не слоями по очереди.
4. 04 ЗапускПродакшен на своём сервере, с доменом и сертификатом. Не архив с макетом.

003 — услуги

Чем
заняты

Делаем сайты, в которых дизайн и инженерия — одно целое. Срок и стоимость называем после разбора, не по строке прайса.

• Сайт под ключПродукт, студия, кампания или персональная страница. Структура и текст работают и без 3D — сцена усиливает, а не подменяет.
• WebGL и 3DМодель, материалы, освещение, реакция на курсор. Сцена живёт внутри страницы, а не в отдельном iframe.
• Анимация и движениеПрокрутка управляет временем. Переходы, появления, интерактивные детали — всё привязано к поведению пользователя.
• Фронтенд-инженерияNext.js, React, TypeScript. Чистый код, автоматическая сборка в контейнер, деплой на ваш сервер или облако.
• Поддержка после запускаПравим сцену и интерфейс после релиза. Не бросаем проект архивом, который некому открыть.

004 — метод

Код
на просвет

Сначала предмет, потом объяснение. Прокрутите страницу — исходник выплывает из банки. Так же показываем работу клиенту: не презентацией, а живой вещью, которую можно потрогать.

export const studio = {
  name: "HoneyCode",
  kind: "development",
  practice: ["interface", "webgl", "motion"],
}
 
/** Знак студии. Читается на просвет. */
export function show(scroll: number) {
  if (scroll < 0.4) return "sealed"
  return studio.open()
}