모든 정보를 한 페이지 안에! 원페이지 사이트 만들기📜 | 1분 디자인 레시피
2023. 09. 18
2023. 09. 18
단순하지만 눈에 쏙 들어오는 웹사이트, 쉽게 만드는 꿀팁을 공개합니다! 바로 모든 내용을 하나의 긴 페이지에 담는 ‘원페이지 사이트’를 만드는 건데요. 아임웹 디자인모드 내 옵션 체크 한 번이면, 고객에게 단 한 페이지로 우리 브랜드를 소개할 수 있죠.
이번 아임웹 레시피에서는 반려동물 유산균 브랜드 <빌리스벳>의 사례를 통해 원페이지 사이트 제작법을 알아보려 합니다. 빌리스벳은 브랜드 행사 '풉로깅' 웹사이트를 원페이지로 만들어, 모든 정보를 페이지 이동 없이 한 번에 볼 수 있게끔 했는데요.
빌리스벳 풉로깅의 레시피, 지금 알아볼까요?👩🍳
📌이런 분이라면 특히 주목해 주세요!
시작에 앞서
원페이지 사이트를 구성하기 전에, 우선 메뉴를 생성하고 디자인해야 해요. 디자인을 모두 마치고 원페이지 구성을 설정하면, 디자인한 1차 상위 메뉴들이 하나의 페이지로 구성됩니다.
STEP 1
아임웹 디자인 모드 접속 후, 좌측 상단에 ‘☰’버튼을 클릭해 주세요.
STEP 2
[상단 메뉴] 탭 오른쪽에 ‘+’ 버튼 클릭, [메뉴]를 원하는 만큼 추가하고, 페이지 내용을 추가해 주세요.
✋여기서 잠깐!
STEP 3
우측 상단에 있는 톱니바퀴 버튼 클릭, ‘공통 디자인 설정’으로 이동해 주세요.
STEP 4
하단에 [옵션] 항목에서 ‘원페이지 구성’을 체크하면 끝이에요!
💡TIP
원페이지에서 특정 메뉴를 숨기고 싶다면 [메뉴 설정]에 접속해 ‘원페이지 구성 제외’를 체크해 주세요.
🔎 JLP international
핵심 메시지가 담긴 슬로건을 시작으로 회사 소개, 포트폴리오, 구성원 등의 정보를 깔끔하게 담아 신뢰도를 높였어요.
🔎 패티바이번
메뉴 페이지를 브랜드 아이덴티티와 경쟁력이 드러나는 흐름으로 배치하여, 방문자를 자연스럽게 설득했어요.
✅ 원페이지 사이트, 이런 용도로도 제작할 수 있어요!
아임웹은 웹사이트, 온라인 쇼핑몰 제작을 고민하는 여러분들을 위해 70여 개의 템플릿을 무료로 제공하고 있어요. 조금만 수정해도 꽤 그럴듯한 웹사이트가 완성되죠! 마음에 드는 템플릿을 발견했다면, 지금 바로 가볍게 만들어 보세요👇
by 마케팅 소영