Кейс Needle:
vibecoding-сайт

Перед нами стояла задача создать сайт, который подчеркнёт высокий уровень ателье и при этом останется рациональным по стоимости разработки. В основу концепции легла персонализация: мы выстроили сайт вокруг выбора ткани, силуэта и деталей костюма, добавили интерактивный конструктор и связали весь сценарий с главным действием — записью на встречу с мастером.

Визуальные решения развивали на основе брендбука Needle, адаптируя фирменный стиль под сайт и digital-интерфейс.

Сайт собрали при помощи AI Astra GPT как самостоятельный фронтенд на HTML, CSS и JavaScript. Подключили к Bitrix24.

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

Needle — московское ателье на Остоженке, специализирующееся на индивидуальном пошиве мужских и женских костюмов. Клиент вместе с мастером выбирает ткань, силуэт, конструкцию и детали изделия, а посадку выстраивают по индивидуальным меркам и уточняют на примерках. В работе используют ткани ведущих европейских мануфактур, включая Loro Piana, Albini, Solbiati и Lochcarron.

needle.ru

2026 год

Аккаунт-менеджер

(Экспертиза)

(Ссылка на сайт, который мы сделали)

Основу палитры составили графитовые и светлые оттенки с винным акцентом. Винный использовали в кнопках, активных состояниях и отдельных интерфейсных элементах. Для основного текста и интерфейса выбрали шрифт Onest, для крупных акцидентных заголовков — Prata. В той же системе оформили 3D-конструктор, чтобы он визуально не выбивался из сайта.

Ведущий маркетолог

Главной технической частью стал интерактивный 3D-конструктор на Three.js. В нём можно выбрать одну из 20 тканей, силуэт, застёжку и детали костюма, вращать и масштабировать модель. Выбранные параметры и предварительные мерки собираются в персональную спецификацию, которую клиент может собрать перед встречей с мастером. Дополнительно реализовали систему анимаций, адаптацию под reduced motion и клавиатурное управление интерактивными элементами.

Тёмный графит

#18191D

#F1F2F3

Фарфоровый

#D6AEB9

Пыльно-розовый

#E0E4EC

#672B3C

Серебристый

Винный