모든 정보를 한 페이지 안에! 원페이지 사이트 만들기📜 | 1분 디자인 레시피

2023. 09. 18


단순하지만 눈에 쏙 들어오는 웹사이트, 쉽게 만드는 꿀팁을 공개합니다! 바로 모든 내용을 하나의 긴 페이지에 담는 ‘원페이지 사이트’를 만드는 건데요. 아임웹 디자인모드 내 옵션 체크 한 번이면, 고객에게 단 한 페이지로 우리 브랜드를 소개할 수 있죠. 

이번 아임웹 레시피에서는 반려동물 유산균 브랜드 <빌리스벳>의 사례를 통해 원페이지 사이트 제작법을 알아보려 합니다. 빌리스벳은 브랜드 행사 '풉로깅' 웹사이트를 원페이지로 만들어, 모든 정보를 페이지 이동 없이 한 번에 볼 수 있게끔 했는데요. 


빌리스벳 풉로깅의 레시피, 지금 알아볼까요?👩‍🍳 

 


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

  • 간결한 구성으로 웹사이트 제작을 하고 싶은 분
  • 소량의 텍스트, 이미지로 웹사이트를 만들고 싶은 분
  • 캠페인/프로모션, 회사 웹사이트 제작을 고민하고 계신 분




시작에 앞서
원페이지 사이트를 구성하기 전에, 우선 메뉴를 생성하고 디자인해야 해요. 디자인을 모두 마치고 원페이지 구성을 설정하면, 디자인한 1차 상위 메뉴들이 하나의 페이지로 구성됩니다. 


STEP 1
아임웹 디자인 모드 접속 후, 좌측 상단에 ‘☰’버튼을 클릭해 주세요.


STEP 2
[상단 메뉴] 탭 오른쪽에 ‘+’ 버튼 클릭, [메뉴]를 원하는 만큼 추가하고, 페이지 내용을 추가해 주세요.

✋여기서 잠깐!

  • 원페이지 구성은 [미리보기]에서만 확인할 수 있어요.
  • 2차 이하의 하위 메뉴는 원페이지 구성에 포함되지 않으며, 각각 독립적인 페이지로만 접근할 수 있어요.


STEP 3
우측 상단에 있는 톱니바퀴 버튼 클릭, ‘공통 디자인 설정’으로 이동해 주세요.


STEP 4
하단에 [옵션] 항목에서 ‘원페이지 구성’을 체크하면 끝이에요! 

💡TIP
원페이지에서 특정 메뉴를 숨기고 싶다면 [메뉴 설정]에 접속해 ‘원페이지 구성 제외’를 체크해 주세요.




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


🔎 JLP international
핵심 메시지가 담긴 슬로건을 시작으로 회사 소개, 포트폴리오, 구성원 등의 정보를 깔끔하게 담아 신뢰도를 높였어요.



🔎 패티바이번
메뉴 페이지를 브랜드 아이덴티티와 경쟁력이 드러나는 흐름으로 배치하여, 방문자를 자연스럽게 설득했어요. 

원페이지 사이트, 이런 용도로도 제작할 수 있어요!

  • 랜딩 페이지, 브랜드 캠페인 사이트
  • 개인 포트폴리오 사이트
  • 컨퍼런스, 이벤트 등의 행사 사이트



아임웹 템플릿과 함께 디자인모드 내 기능들을 잘 활용하면, 더욱 멋진 홈페이지 제작이 가능하답니다! 디자인이 너무 어려우시다면, 전문 디자이너에게 의뢰하는 것도 방법이고요☝️ 오늘 소개해 드린 방법을 통해 더욱 쉽게 나만의 홈페이지를 만들어 보세요! 


레시피 사례로 소개한 빌리스벳 풉로깅을 비롯해 JLP international패티바이번 아임웹과 함께 성장하는 브랜드입니다. 


💌 평소 궁금했던 디자인 설정법이 있다면 알려주세요!

아임웹을 사용하거나, 고객사례를 보며 궁금했던 디자인 설정법이 있으셨다면 👉 여기에 남겨주세요. 보내주신 의견을 참고하여, 더욱 유익한 디자인 레시피를 들고 찾아올게요!




📖 오늘 내용과 연관된 아임웹 가이드



🔖 다른 레시피 보러가기




by 마케팅 소영