Примеры работ и кейсы по направлению «UI/UX дизайн»

Приложения для генерации и редактирования изображений на основе современных ИИ моделей

Концептуальный лендинг для юридической компании премиум-сегмента: строгая тёмная палитра, золотой акцент, серифная типографика для ощущения статуса и доверия. Разделы: практики компании, статистика (выигранные дела, взысканные суммы, опыт), блок партнёров фирмы. Задача — визуально позиционировать фирму на уровне топовых международных юрфирм ещё до первого звонка клиента. Чистая адаптивная вёрстка на HTML/CSS.

Концептуальный лендинг для Web3/DeFi-протокола: тёмная тема, крупная градиентная типографика, сетка-оверлей в стиле криптоинтерфейсов, блок статистики протокола (TVL, холдеры, сети) и роадмап по фазам запуска. Задача — донести доверие и техничность проекта инвесторам и комьюнити до листинга. Верстка адаптивная, всё на чистом HTML/CSS без тяжёлых фреймворков.

Концептуальный лендинг для e-commerce бренда обуви/аксессуаров с живым 3D-конфигуратором товара прямо в браузере. Покупатель вращает модель, переключает материалы и цвета в реальном времени — без перезагрузки страницы. Стек: HTML/CSS, покадровая 3D-анимация, адаптивная вёрстка под мобильные устройства. Подходит для брендов обуви, украшений и мебели, которые хотят повысить конверсию за счёт интерактивной презентации товара.

«Бьюти, мягко». Лёгкая романтичная айдентика (крем, роза, терракота, золото), шрифты Playfair Display + Jost. Оригинальный логотип-сакура — пять лепестков с фирменной выемкой. Пять страниц (Home / Skincare / Makeup / Fragrance / About), 3D Z-объёмные флаконы, пиннированная горизонтальная карусель, split-text заголовки, рабочая корзина и быстрый просмотр товара.

«Аромат, который видно». Скролл-история о четырёх ароматах в почти полной темноте, где золото — единственный свет. Нишевый парфюмерный дом с кинематографичной подачей: тёмная editorial-типографика (Fraunces + Space Grotesk), золото на угольном. Z-объёмные 3D-флаконы, курсор оставляет тающий световой «шлейф», как аромат в воздухе. Лёгкая CSS-«аврора» вместо тяжёлых WebGL-шейдеров дыма — ради скорости: драма сохраняется на любом ноутбуке.

Тёплая архитектурная айдентика (не банальные крем-и-терракота). Живой 3D-конфигуратор на Three.js: кресло, диван, стол, торшер, комод, стул — переключаются и перекрашиваются в реальном времени по 6 обивкам × 6 каркасам из библиотеки материалов. Реалистичные материалы (кожа с clearcoat, металл с отражением), мягкие тени PCFSoft, орбита камеры. Заявка забирает выбранную комбинацию. Шрифты Marcellus + Archivo.

Премиальный ювелирный лендинг. Сигнатура — конфигуратор колец на Three.js: солитер, ореол, трилогия, паве, изумрудная огранка; бриллиант с настоящим преломлением (IOR 2.42) и студийными отражениями; металлы с корректной шероховатостью (платина/титан/розовое золото). Всё перекрашивается и пересчитывается вживую, выбранная конфигурация уходит в заявку. В hero — 3D-камень с частицами-искрами и реакцией на курсор. Холодная «ледяная» айдентика, шрифты Cormorant + Montserrat.

PRISMA — концепт студии ручного стекла, где «много цветов» это суть. Придумал бренд, логотип (призма, расщепляющая луч), название и тексты с нуля. Фишка — переключатель настроений: один клик перекрашивает весь интерфейс и переосвещает 3D-сцену вживую. Внутри: настоящий WebGL (Three.js) — стеклянная скульптура с преломлением и четыре сосуда, собранные как реальное выдувное стекло. Эффекты: liquid-glass линзы с backdrop-blur, призматический курсор, магнитные кнопки. Один файл, чистый код, защита от сбоев CDN.