여러 개의 웹사이트를 한 눈에! 인트로 페이지 만들기🎏 | 1분 디자인 레시피

2023. 06. 09

blog cover image


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

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


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

 

📌이런 분이라면 특히 주목해 주세요!

  • 방문자에게 브랜드 콘셉트에 맞는 인트로를 보여주고 싶은 분
  • 주제 별로 다른 제품을 판매하거나, 공개 예정이신 분 (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여 종의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇





레시피 사례로 소개한 잔월/아녹을 비롯해 nodoibrid3는 아임웹과 함께 성장하는 브랜드입니다.


by 마케팅 소영