웹사이트 접속 시 첫 화면에 원하는 화면이 나타나도록 설정할 수 있다는 사실, 알고 계신가요? 디자인 모드에서 인트로 페이지를 설정하면 손쉽게 가능한데요. 인트로 페이지는 사이트 주제/콘셉트를 보여주거나, 주제가 다른 사이트로 이동하도록 안내하는 등 다양하게 활용할 수 있죠.
이번 아임웹 레시피에서는 스테이 브랜드 <잔월>과 <아녹>의 홈페이지 디자인 사례를 통해 인트로(대문) 페이지 제작법을 알아보려 해요. 잔월/아녹은 인트로 페이지에서 각기 다른 컨셉의 두 스테이 브랜드를 한번에 보여주었는데요.
잔월과 아녹의 레시피, 지금 알아볼까요?👩🍳
📌이런 분이라면 특히 주목해 주세요!
- 방문자에게 브랜드 콘셉트에 맞는 인트로를 보여주고 싶은 분
- 주제 별로 다른 제품을 판매하거나, 공개 예정이신 분 (ex. 시즌, 컬렉션 등)
- 고객유형 별로 다른 웹사이트를 구성해 보여주고 싶으신 분 (ex. 개인고객/기업고객)
STEP 1
아임웹 디자인모드에 접속 후, 좌측 상단에 [메뉴 관리]를 클릭해 주세요.
STEP 2
[상단 메뉴] 탭 아래에 인트로 페이지가 될 메뉴를 추가하고, 최상단에 배치해 주세요.
STEP 3
추가한 메뉴에서 마우스 오른쪽을 클릭해 [메뉴 설정]으로 접속한 다음, ‘메뉴 숨김’, ‘상단 숨김’, ‘하단 숨김’ 옵션을 체크해 주세요.
STEP 4
추가한 메뉴의 좌측에 + 버튼을 클릭하여 [이미지 위젯] 2개를 추가해 주세요.
STEP 5
위젯을 원하는 레이아웃으로 설정하고, [이미지 위젯]에 마우스 오른쪽을 클릭해 [이미지 설정]으로 이동해 주세요.
STEP 6
이미지를 설정하고 [링크] 항목에서 '클릭 시 이동할 페이지'를 지정해 주세요. 다른 이미지도 동일한 방식으로 설정해주면 완성이에요!
다른 브랜드들은 이 기능을 어떻게 활용했을까요?
🔎 nodoi
‘입장 티켓’을 클릭해야 웹사이트로 들어갈 수 있게끔 설정하여, 방문자에게 구경하는 재미를 선사했어요.
🔎 brid3
브랜드 개성이 담긴 컨셉셜한 화보를 보여주어, 방문자에게 브랜드가 추구하는 이미지를 보여줬어요.
✅ 인트로(대문) 페이지, 이렇게도 활용할 수 있어요!
- 고객유형 별 웹사이트 보여주기 (ex. 개인고객/기업고객)
- 유사하거나, 연관된 주제의 웹사이트 보여주기 (ex. A회사 → A회사의 자회사 1,2)
- 시즌, 컬렉션 별 페이지를 나누어 보여주기 (ex. 여름/겨울 시즌, 2022/2023 컬렉션, 콜라보 제품 등)
우리 브랜드만의 감도 높은 웹사이트, 쉽고 빠르게 만들어 보세요!
아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 종의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇
