портфолио
Двадцать четыре площадки,
ни одна не похожа на соседнюю
Кофейни, рестораны, бары, отели, клубы и театры. У каждой работы свой шрифт, своя палитра и своя подпись — движение, которое держит страницу. Открывайте и смотрите вживую.
продаётсяКаждый из этих сайтов собран мной, и любой можно забрать целиком. Название бренда, тексты, цены и контакты поставим ваши; характер страницы останется.
Кофе и чай
03
смотреть
можно купить
Puro
спешелти кофейня
подъём парящих струй пара над чашкой (SVG + CSS), липкие стопки карточек способа заваривания, line-mask появление заголовков.
смотреть
можно купить
Улун №7
китайский чайный дом
чернильное растекание как переход секций (SVG feTurbulence + feDisplacementMap), медленные фейды свитков, циферблат времени заваривания со стрелкой.
смотреть
можно купить
Sakura Mori
японское кафе и вагаси-десерты
падающие лепестки на канвасе, росчерк кисти как маска-раскрытие фото, медленное дыхание композиций.
Кухня
04
смотреть
можно купить
Дымок
ресторан на углях и коптильня
канвас дыма, поднимающегося от нижней кромки экрана, hover-подсветка блюда как тлеющий уголь, полноэкранные фотографии с parallax и резким золотым разрезом.
смотреть
можно купить
Osteria Bruma
итальянская траттория
горизонтальная плёночная лента блюд, скролл которой управляется вертикальным движением, курсор-«вилка», появление текста как разворачивающаяся скатерть.
смотреть
можно купить
Вереск
скандинавский сет-ресторан
sticky-скролл courses, где номер блюда прилипает и переливается, медленные кроссфейды фото, тонкие hairline разделители, которые прорисовываются.
смотреть
можно купить
Фонари
ночной фуд-маркет
мерцание фонарей (разночастотный flicker), карта киосков с hover-подсветкой, меню-борд с переворотом строк, тёплый шум поверх всего.
Бары и вино
02
смотреть
можно купить
Секстант
авторский коктейльный бар
вращающиеся созвездия и азимутальные круги на SVG за заголовком, налитая жидкость в бокале-иконке при hover, бегущая строка состава коктейля.
смотреть
можно купить
Кюве
винотека и дегустационный зал
параллакс градиентного «розлива» вина, палитра оттенков сортового цвета, кольцо-декантер вокруг курсора, появление карточек как винтаж-этикетки.
Пекарни и десерты
02
смотреть
можно купить
Корка
ремесленная пекарня
нарисованные от руки SVG-булки, расписание выпечки как таймлайн с движущимся теплом печи, stamp-поворот появления элементов, наведение с «надломом» корочки.
смотреть
можно купить
Пуант
кондитерская и macaron-ателье
3D tilt карточек за курсором, перебор цвета macaron с перекраской секции, слоистый параллакс-фон, плавное «дышащее» свечение.
Отели и ночлег
04
смотреть
можно купить
Камчатка
бутик-отель у вулканов
горизонтальная галерея номеров, управляемая вертикальным скроллом, слой тумана, дрейфующий над героем, медленное «проявление» фото, температурный градиент-полоса.
смотреть
можно купить
Сосны
глэмпинг в сосновом лесу
переключатель день/ночь, который перекрашивает палитру и включает светлячков на канвасе, параллакс слоёв леса, карточки шатров с мягким свечением.
смотреть
можно купить
Марлезонъ
отель в историческом здании
орнаменты рисуются по скроллу (stroke-dashoffset), золотые разделители-виньетки, медленный зум классических фото, номер-табло с flipping цифрами.
смотреть
можно купить
Ночник
дизайнерский хостел
scramble-decode заголовков, sticker-поворот блоков, две печати-слоя со смещением и зерном, шумный marquee, крупные приглушённые цифры цен.
Сцена и ночь
06
смотреть
можно купить
Атрей
концертный клуб
glitch-искажение текста при наведении, световой скан сцены через всю секцию, афиша-барабан с прокруткой, полоса sold-out прогресса.
смотреть
можно купить
Микро
стендап-клуб
единственный луч софита следует за скроллом, микрофон-силуэт покачивается, наклон карточек стендаперов, афиша в формате рваной бумаги.
смотреть
можно купить
Дуэтто
караоке-клуб
живой waveform на канвасе, реагирующий на курсор, дуотонные портреты-кабинки, пульсирующие свечения в такт, переливающийся градиент-текст.
смотреть
можно купить
Кулисы
камерный театр
занавес раскрывается при загрузке (две половины уходят в стороны), афишные постеры в сетке с hover-подсветкой прожектора, тонкие золотые линии-рамки.
смотреть
можно купить
Партер
бутик-кинотеатр
плёночная лента кадров, едущая навстречу скроллу, flicker-мерцание поверх героя, поворот бобины, афиша-сеанс с таймером.
смотреть
можно купить
Иллюминатор
квесты и иммерсивные шоу
курсор-фонарь, который радиальной маской освещает скрытое изображение и улики, интерактивный кодовый замок, мерцающие надписи, переходы как щелчок затвора.
Отдых и красота
03
смотреть
можно купить
Хмарь
городской спа
дыхание — элементы медленно расширяются и сужаются как вдох, появление секций из расфокуса, стеклянные панели с backdrop-blur, плавное перетекание градиента.
смотреть
можно купить
Соль
пляжный клуб
анимированные волны (path morph через transform), прибойная линия как разделитель секций, закатный градиент, сдвигающий оттенок по скроллу, sun-glare hover.
смотреть
можно купить
Папоротник
флористическая студия
линейные ботанические рисунки прорисовываются по скроллу, слоистый параллакс листьев, конструктор букета с выбором палитры, нежные развороты на наведении.