Website Concept Proposal · 2026
OF FRAME.
웨딩 · 개인 스냅 웹사이트 시안
세 가지 시안은 같은 메뉴와 내용을 담고 있고, 사진을 보여주는 방식과 분위기만 달라요. 천천히 둘러보시고 가장 마음이 가는 느낌을 골라주세요.
- 1상단 검은 바에서 CONCEPT 01 · 02 · 03을 눌러 시안을 바꿔보세요.
- 2메뉴 페이지를 보다가 컨셉을 바꾸면 같은 메뉴 페이지로 이동해요. 같은 내용이 어떻게 달라 보이는지 비교할 수 있어요.
- 3각 메뉴 페이지 아래 Photo Exhibition에는 갤러리 방식 이름표가 있어요. 마음에 드는 방식을 알려주세요.
모든 시안에 공통으로 들어가는 메뉴
메인 화면과 아래 8개의 메뉴 페이지로 구성돼요.
- ABOUT브랜드 소개
작가 소개와 촬영 철학
- PACKAGE촬영 상품
웨딩 · 본식 · 패키지 가격과 진행 과정
- WEDDING웨딩 스냅
야외 · 로케이션 웨딩 촬영 안내와 사진
- CEREMONY본식 스냅
예식 당일 촬영 흐름과 사진
- AFFILIATE제휴 업체
웨딩홀 · 드레스 · 메이크업 제휴 혜택
- NOTICE공지사항
예약 오픈, 이벤트, 휴무 안내
- GALLERY포트폴리오
전체 촬영 사진 모아보기
- RESERVATION예약 문의
예식일 · 상품 선택 후 바로 문의
한눈에 비교하기
| 항목 | 01 Editorial | 02 Gallery | 03 Archive |
|---|---|---|---|
| 전체 분위기 | 밝고 정갈한 화보집 | 사진 중심의 몰입감 | 어둡고 시네마틱한 전시 |
| 배경 색 | 화이트 | 화이트 + 사진 배너 | 블랙 |
| 첫 화면 | 가운데로 흐르는 사진 + 브랜드 문구 | 화면 전체 슬라이드 사진 | 큰 문구 + 흐르는 필름 사진 |
| 메뉴 페이지 상단 | 큰 영문 제목 | 큰 사진 배너 + 제목 | 번호가 붙은 큰 제목 |
| 포트폴리오 보는 방식 | 크기가 다른 사진 조합 | 카테고리별로 골라보기 | 목록에 올리면 사진 미리보기 |
| 추천 | 브랜드 이미지 강조 | 예약 문의 늘리기 | 개성 있는 무드 |
사진을 보여주는 방식
메뉴 페이지마다 다른 방식을 적용해두었어요. 아래 링크로 바로 확인할 수 있어요.
매거진 스타일Magazine Grid
패션 매거진이나 화보집처럼 크기가 다른 사진을 비대칭으로 조합해 리듬감을 줘요. 웨딩 스냅을 고급스럽고 세련되게 보여줍니다.
패럴랙스 스크롤Parallax Scroll
스크롤할 때 배경과 사진이 서로 다른 속도로 움직여 깊이감이 생겨요. 한 편의 이야기를 감상하는 듯한 몰입감을 줍니다.
인터랙티브 디스커버리Hover Reveal · Split Screen
한쪽 목록에 마우스를 올리거나 누르면 옆에 사진이 크게 나타나요. 깔끔한 첫인상과 함께 직접 둘러보는 재미를 줍니다.
무한 마르퀴Infinite Marquee
사진이 한 방향으로 끊김 없이 흘러가며 사이트에 생동감을 더해요.
스무스 페이드 앤 줌Smooth Fade & Zoom
사진이 부드럽게 나타나며 미세하게 확대 · 축소돼요. 사진 한 장 한 장에 시선이 머물게 합니다.
세로형 커튼 전환Vertical Curtain
커튼이 열리듯 사진이 위아래 방향으로 드러나요. 모바일에서 특히 세련되게 보입니다.
시안을 고른 다음에는
- 01시안 선택
마음에 드는 컨셉을 골라주세요. 여러 컨셉의 좋은 부분을 섞는 것도 가능해요. (예: 01의 첫 화면 + 02의 갤러리)
- 02사진 · 내용 전달
실제 포트폴리오 사진, 상품 가격, 제휴 업체, 소개 문구를 전달해주세요.
- 03디자인 다듬기
실제 사진에 맞춰 색감 · 배치 · 문구를 조정하고 확인받습니다.
- 04오픈
모바일까지 최종 점검 후 도메인을 연결해 사이트를 오픈합니다.
* 현재 사이트의 사진, 가격, 제휴 업체명, 공지 내용은 시안용 예시이며 실제 내용으로 바뀝니다.