단순하지만 눈에 쏙 들어오는 웹사이트, 쉽게 만드는 꿀팁을 공개합니다! 바로 모든 내용을 하나의 긴 페이지에 담는 ‘원페이지 사이트’를 만드는 건데요. 아임웹 디자인모드 내 옵션 체크 한 번이면, 고객에게 단 한 페이지로 우리 브랜드를 소개할 수 있죠.
이번 아임웹 레시피에서는 반려동물 유산균 브랜드 <빌리스벳>의 사례를 통해 원페이지 사이트 제작법을 알아보려 합니다. 빌리스벳은 브랜드 행사 '풉로깅' 웹사이트를 원페이지로 만들어, 모든 정보를 페이지 이동 없이 한 번에 볼 수 있게끔 했는데요.
빌리스벳 풉로깅의 레시피, 지금 알아볼까요?👩🍳
📌이런 분이라면 특히 주목해 주세요!
- 간결한 구성으로 웹사이트 제작을 하고 싶은 분
- 소량의 텍스트, 이미지로 웹사이트를 만들고 싶은 분
- 캠페인/프로모션, 회사 웹사이트 제작을 고민하고 계신 분
시작에 앞서
원페이지 사이트를 구성하기 전에, 우선 메뉴를 생성하고 디자인해야 해요. 디자인을 모두 마치고 원페이지 구성을 설정하면, 디자인한 1차 상위 메뉴들이 하나의 페이지로 구성됩니다.
STEP 1
아임웹 디자인 모드 접속 후, 좌측 상단에 ‘☰’버튼을 클릭해 주세요.
STEP 2
[상단 메뉴] 탭 오른쪽에 ‘+’ 버튼 클릭, [메뉴]를 원하는 만큼 추가하고, 페이지 내용을 추가해 주세요.
✋여기서 잠깐!
- 원페이지 구성은 [미리보기]에서만 확인할 수 있어요.
- 2차 이하의 하위 메뉴는 원페이지 구성에 포함되지 않으며, 각각 독립적인 페이지로만 접근할 수 있어요.
STEP 3
우측 상단에 있는 톱니바퀴 버튼 클릭, ‘공통 디자인 설정’으로 이동해 주세요.
STEP 4
하단에 [옵션] 항목에서 ‘원페이지 구성’을 체크하면 끝이에요!
TIP💡
원페이지에서 특정 메뉴를 숨기고 싶다면 [메뉴 설정]에 접속해 ‘원페이지 구성 제외’를 체크해 주세요.
다른 브랜드들은 이 기능을 어떻게 활용했을까요?
🔎 JLP international
핵심 메시지가 담긴 슬로건을 시작으로 회사 소개, 포트폴리오, 구성원 등의 정보를 깔끔하게 담아 신뢰도를 높였어요.
🔎 패티바이번
메뉴 페이지를 브랜드 아이덴티티와 경쟁력이 드러나는 흐름으로 배치하여, 방문자를 자연스럽게 설득했어요.
✅ 원페이지 사이트, 이런 용도로도 제작할 수 있어요!
- 랜딩 페이지, 브랜드 캠페인 사이트
- 개인 포트폴리오 사이트
- 컨퍼런스, 이벤트 등의 행사 사이트
아임웹 템플릿과 함께 디자인모드 내 기능들을 잘 활용하면, 더욱 멋진 홈페이지 제작이 가능하답니다! 디자인이 너무 어려우시다면, 전문 디자이너에게 의뢰하는 것도 방법이고요☝️ 오늘 소개해 드린 방법을 통해 더욱 쉽게 나만의 홈페이지를 만들어 보세요!
※ 레시피 사례로 소개한 빌리스벳 풉로깅을 비롯해, JLP international, 패티바이번은 아임웹과 함께 성장하는 브랜드입니다.
💌 평소 궁금했던 디자인 설정법이 있다면 알려주세요!
아임웹을 사용하거나, 고객사례를 보며 궁금했던 디자인 설정법이 있으셨다면 👉 여기에 남겨주세요. 보내주신 의견을 참고하여, 더욱 유익한 디자인 레시피를 들고 찾아올게요!
📖 오늘 내용과 연관된 아임웹 가이드
🔖 다른 레시피 보러가기
by 마케팅 소영
