봉투를 여는 순간부터,두 사람의 이야기로.

종이 초대장을 펼치는 감각을 모바일로 옮겼습니다.두 사람의 이야기와 사진, 예식 안내가 자연스럽게 이어지는 청첩장입니다.

기획 · UI/UX · 인터랙션 · 반응형 웹 개발실제 청첩장 보기

초대의 시작

정보를 읽기 전에,
초대를 받는 순간.

청첩장은 날짜와 장소를 전하는 동시에 두 사람의 이야기를 처음 만나는 화면입니다.첫 장면에 봉투를 놓고, 직접 열어 초대장을 꺼내는 동작으로 시작했습니다.

봉투가 펼쳐지고 카드가 올라오는 움직임을 스크롤과 연결했습니다.이후에는 사진과 문장을 따라 두 사람의 이야기로 들어갑니다.

사진을 보는 흐름

본문의 사진은 두 사람의 이야기와 함께 이어집니다.별도 갤러리에서는 사진을 자유롭게 살펴보도록 불규칙한 그리드로 구성했습니다.

방문할 때마다 사진 순서가 달라집니다.사진을 누르면 크게 열리고, 좌우로 넘기며 계속 볼 수 있습니다.

필요한 안내로

아래로 읽을 때는 메뉴가 숨고, 다시 올라오면 반투명 메뉴가 나타납니다.사진과 이야기를 가리지 않으면서 필요한 위치로 이동할 수 있게 했습니다.

예식 안내에서 길찾기와 축하 메시지까지 연결했습니다.초대장을 감상하는 일과 참석에 필요한 정보를 찾는 일을 같은 화면 흐름에 담았습니다.

초대에서 이야기·사진·예식 안내로 이어지는 정보 순서

종이의 질감과 여백, 모바일 화면과 탐색 메뉴

봉투 펼침과 초대장 인출, 스크롤에 반응하는 장면

사진 배열·확대·스와이프, 길찾기와 축하 메시지 연결

첫 화면부터 다음 행동까지.준비하고 있는 프로젝트를 알려주세요.