6 проектов

Лендинги

Одна страница, одна задача. Вёрстка без фреймворков, где это возможно, и один WebGL-эксперимент.

Лендинг

Полутон: студия света

Лендинг вымышленной студии интерьерного света: тёплая палитра, засечный шрифт, SVG-иллюстрация, FAQ и демо-форма. Адаптивный, без внешних картинок.

HTML
CSS
JS

Лендинг

Рубильник: трекер подписок

Лендинг вымышленного SaaS-продукта: тёмный градиентный hero, макет интерфейса на CSS, тарифы, FAQ, демо-форма. Все цены и названия придуманы.

HTML
CSS
JS

Лендинг

Малый масштаб: конференция

Лендинг вымышленной однодневной конференции: плакатная типографика, расписание, спикеры-заглушки, условия, демо-форма записи.

HTML
CSS
JS

Лендинг

Лендинг вымышленного датчика воздуха (демо): объект рисуется одним фрагментным шейдером на чистом WebGL2 без библиотек, четыре SDF-формы перетекают по скроллу, есть SVG-фолбэк, reduced-motion и пауза вне экрана.

HTML5
CSS3
Vanilla JS

Лендинг

Довод: концепт лендинга экспертной организации

Концепт лендинга на Nuxt 4 для вымышленной экспертной организации: направления услуг, форма консультации с маской телефона, карусель отзывов и страница политики. Компания, отзывы, цифры и контакты придуманы; форма ничего не отправляет.

Nuxt 4
Vue 3
TypeScript

Лендинг

Кварц: концепт лендинга стоматологии

Концепт одностраничного лендинга вымышленной стоматологии в стиле Liquid Chrome Dark: стеклянные карточки, хромированные заголовки и 3D-блоб в виде зуба на canvas. Один HTML-файл без сборки и зависимостей.

HTML
CSS
JavaScript