2026Editorial

Atelier Varga

설명

High-end Editorial & Digital Experience Website

기간

Mar 2026 - Apr 2026

역할

웹 디자이너 & 아트 디렉터: 에디토리얼 매거진 컨셉 기반의 전체 UI/UX 디자인 및 비주얼 아트 디렉션.
프론트엔드 개발자: Next.js 프론트엔드 구축 및 컴포넌트 최적화. GSAP와 Lenis를 활용한 고급 스크롤 애니메이션 및 호버 리빌 인터랙션.
데이터 아키텍처: Supabase를 활용한 포트폴리오 목록 및 인사이트 데이터 렌더링 구조 설계.

기술

Frontend

Next.js · React · TypeScript · Tailwind CSS

Animation / Motion

GSAP · ScrollTrigger · Lenis

Backend / Data

Supabase

Deployment

Vercel

프로젝트 목적

"편집 디지털 경험, 문화와 럭셔리 브랜드를 위한." Atelier Varga는 수석 크리에이티브 파트너 Elias Varga의 역량을 소개하는 개인 포트폴리오 웹사이트입니다. 단순한 작업물 전시를 넘어, 고급 패션 에디토리얼을 한 호씩 읽어나가는 것과 같은 깊은 디지털 경험을 선사합니다. 시각적 절제와 정교한 인터랙션이 럭셔리 및 문화 예술 프로젝트에 어울리는 우아하고 신뢰로운 브랜드 아이덴티티를 구축합니다.

범위

· 고급 인터랙티브 웹 디자인 & 프론트엔드 개발
· 에디토리얼 레이아웃 구현
· 다이나믹 호버 인터랙션 개발

주요 기술 특징

에디토리얼 스크롤 경험

· Lenis의 물리 기반 부드러운 스크롤과 GSAP ScrollTrigger를 결합해 텍스트와 이미지가 뷰포트에 진입할 때 무게감 있고 우아한 전환 효과를 구현했습니다.
· 'PREPARING EDITORIAL ISSUE' 시네마틱 로딩 시퀀스가 콘텐츠 노출 전 기대감을 조성하며, 방문을 럭셔리 매거진을 여는 경험으로 구성합니다.

다이나믹 호버 인터랙션

· 'E-V Insights' 목록 섹션의 호버 이미지 리빌 — 호버된 텍스트 항목 옆에 관련 이미지가 부드럽게 페이드인되어 텍스트 중심 UI에 생동감을 더합니다.
· 커스텀 마그네틱 커서가 썸네일과 링크에 마이크로 인터랙션 피드백을 제공해 악기를 다루는 듯한 촉각적 느낌을 줍니다.