웹사이트 접속 시 첫 화면에 원하는 화면이 나타나도록 설정할 수 있다는 사실, 알고 계신가요? 디자인 모드에서 인트로 페이지를 설정하면 손쉽게 가능한데요. 인트로 페이지는 사이트 주제/콘셉트를 보여주거나, 주제가 다른 사이트로 이동하도록 안내하는 등 다양하게 활용할 수 있죠.

이번 아임웹 레시피에서는 스테이 브랜드 <잔월>과 <아녹>의 홈페이지 디자인 사례를 통해 인트로(대문) 페이지 제작법을 알아보려 해요. 잔월/아녹은 인트로 페이지에서 각기 다른 컨셉의 두 스테이 브랜드를 한번에 보여주었는데요.

잔월과 아녹의 레시피, 지금 알아볼까요?👩‍🍳

STEP 1
아임웹 디자인모드에 접속 후, 좌측 상단에 [메뉴 관리]를 클릭해 주세요.

STEP 2
[상단 메뉴] 탭 아래에 인트로 페이지가 될 메뉴를 추가하고, 최상단에 배치해 주세요.

STEP 3
추가한 메뉴에서 마우스 오른쪽을 클릭해 [메뉴 설정]으로 접속한 다음, ‘메뉴 숨김’, ‘상단 숨김’, ‘하단 숨김’ 옵션을 체크해 주세요.

STEP 4
추가한 메뉴의 좌측에 + 버튼을 클릭하여 [이미지 위젯] 2개를 추가해 주세요.

STEP 5
위젯을 원하는 레이아웃으로 설정하고, [이미지 위젯]에 마우스 오른쪽을 클릭해 [이미지 설정]으로 이동해 주세요.

STEP 6
이미지를 설정하고 [링크] 항목에서 '클릭 시 이동할 페이지'를 지정해 주세요. 다른 이미지도 동일한 방식으로 설정해주면 완성이에요!

다른 브랜드들은 이 기능을 어떻게 활용했을까요?

🔎 nodoi
‘입장 티켓’을 클릭해야 웹사이트로 들어갈 수 있게끔 설정하여, 방문자에게 구경하는 재미를 선사했어요.

🔎 brid3
브랜드 개성이 담긴 컨셉셜한 화보를 보여주어, 방문자에게 브랜드가 추구하는 이미지를 보여줬어요.

우리 브랜드만의 감도 높은 웹사이트, 쉽고 빠르게 만들어 보세요!

아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 종의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇