정보 페이지 디자인 방법 (2025 안내서)

귀하의 웹 사이트는 종종 잠재 고객에게 비즈니스의 첫인상을 제공합니다. 홈페이지가 중요하지만 정보 페이지는 브랜드의 마음과 영혼을 드러냅니다. 그러나 그것은 단순한 사실을 나열하는 것 이상입니다. 청중과 연결하고 신뢰를 구축하며 눈에 띄는 기회입니다. 이 게시물에서는 핵심 요소와 모범 사례를 탐색하고 Divi로 About Page를 디자인하는 방법을 보여줍니다.

다이빙합시다.

정보 페이지가 중요한 이유는 무엇입니까?

귀하의 웹 사이트 정보 페이지는 단순한 정적 페이지 이상입니다. 웹 사이트의 필수 부분입니다. 이곳에서 잠재 고객과 더 깊은 수준으로 연결하고 신뢰와 신뢰성을 구축하며 비즈니스를 경쟁 업체와 차별화 할 수 있습니다. 이를 염두에두고 효과적인 페이지가 중요한 이유를 살펴 보겠습니다.

그것은 당신의 브랜드에 대한 신뢰와 신뢰성을 구축합니다

오늘날의 디지털 세계에서 소비자는 많은 선택이 있습니다. 회사의 이야기, 가치 및 미션을 공유하는 정보 페이지를 통해 서비스를 선보이고 신뢰와 신뢰성을 구축 할 수 있습니다. 고객 만족에 대한 전문 지식과 헌신을 보여줌으로써 대상 고객과의 지속적인 관계를위한 강력한 토대를 구축 할 수 있습니다.

감정적 수준에서 고객과 연결할 수 있습니다

귀하의 비즈니스에 대한 사실을 언급하는 것 외에도 About Page는 잠재 고객과 공명하는 이야기를해야합니다. 당신의 열정, 가치 및 비즈니스 뒤에있는 이유를 감정적으로 공유하십시오. 인간의 연결을 확립하면 더 깊은 충성도가 높아지고 브랜드를 선택하도록 격려 할 수 있습니다.

당신은 군중에서 눈에 띄게 될 것입니다

인터넷은 경쟁이 치열하기 때문에 눈에 띄기 위해 무언가를해야합니다. 효과적인 페이지를 사용하면 브랜드가 다른 점을 보여줄 수 있습니다. 독특한 판매 제안, 회사 문화 및 비즈니스 결정을 안내하는 가치를 강조하십시오. 차이를 보여 주면 판매하는 내용에 맞는 고객을 유치 할 수 있습니다.

브랜드에 대한 귀중한 정보를 제공합니다

귀하의 정보는 브랜드에 대한 귀중한 정보를위한 허브 역할을합니다. 팀, 서비스, 회사 이력 및 고객에 대한 헌신에 대한 세부 정보를 공유하기 가장 좋은 곳입니다. 사람들에게 필요한 정보를 제공하면 자신있게 정보에 입각 한 결정을 내리고 브랜드를 선택할 수 있습니다.

SEO에게 좋습니다

페이지에 대한 잘 쓰여진 것은 웹 사이트의 SEO (Search Engine Optimization)에 긍정적 인 영향을 줄 수 있습니다. 키워드 연구를 수행하고 SERP (Search Engine Ranking Pages)에서 웹 사이트의 배치를 개선하기 위해 귀중한 컨텐츠를 제공하십시오 . 가시성이 높아지면 사이트로 더 많은 유기 트래픽을 유발하고 참여를 증가시킬 수 있습니다.

효과적인 페이지의 주요 요소

거의 페이지는 단순한 바이오 이상입니다. 사이트 방문자와 브랜드를 연결하는 웹 사이트의 중요한 부분입니다. 효과적인 것을 구축하려면 다음을 포함 해야하는 몇 가지 주요 요소가 있습니다.

당신의 이야기부터 시작하십시오

가장 매력적인 웹 페이지는 좋은 이야기로 시작합니다. 잠재적 인 고객과 이야기를 공유하면 감정적 인 연결을 구축하고 고유 한 브랜드 아이덴티티를 이해하는 데 도움이됩니다.

비즈니스에 대해 글을 쓸 때 고려해야 할 세 가지 주요 구성 요소, 즉 원산지, 사명, 가치 및 고유 한 판매 제안 (USP)이 있습니다. 회사가 어떻게 시작되었는지 이야기하면서 시작하십시오. 개인적인 열정, 문제를 해결하려는 욕구 또는 우연한 만남에서 태어 났습니까?

둘째, 회사의 사명 선언문, 즉 비즈니스를 주도하는 목적을 분명히 밝힙니다. 또한 귀하의 결정과 행동을 안내하는 데 도움이되는 비즈니스의 핵심 가치를 포함하십시오.

마지막으로, 귀하의 비즈니스가 다른 비즈니스와 다른 이유를 포함시켜야합니다. 다른 사람들이하지 않도록 제공하는 독특한 특성, 기능 또는 혜택은 무엇입니까?

이러한 요소를 About About Page에 직조하면 청중과 공명하고 지속적인 인상을 남기는 매력적인 이야기를 만듭니다.

제품이나 서비스를 강조하십시오

효과적인 페이지의 또 다른 중요한 구성 요소는 제품이나 서비스를 강조하는 것입니다. 테이블에 가져 오는 것을 명확하게 설명해야합니다. 무엇보다도 기능뿐만 아니라 혜택에 중점을 둡니다. 서비스에 대한 지루한 세부 정보를 나열하는 대신 이점을 강조하십시오. 귀하의 제안이 어떻게 고객의 삶을 개선하거나, 문제를 해결하거나, 삶을 더 쉽게 만드는 방법을 고려하십시오.

정보 페이지에서 명확하고 간결한 언어를 사용하려고 노력하십시오. 독자들을 혼란스럽게하는 산업 전문 용어와 기술적 인 tere를 피하십시오. 대신, 공명하는 간단하고 이해하기 쉬운 텍스트를 사용하십시오.

마지막으로, 평가 및 사례 연구와 같은 사회적 증거를 포함시키는 것을 고려하십시오. 기존 고객에게 연락하여 피드백을 받고 설문 조사를 발송하며 제품이나 서비스가 과거에 고객이 어떻게 도움이되었는지에 대한 심층적 인 이야기를 공유하십시오.

혜택과 사회적 증거에 중점을두면 서비스의 가치를 효과적으로 전달하고 잠재 고객이 다음 단계를 수행하도록 장려 할 수 있습니다.

당신의 브랜드에 얼굴을 두십시오

정보 페이지는 브랜드에 얼굴을 추가 할 수있는 좋은 기회입니다. 헤드 샷과 간단한 바이오로 팀원을 선보이는 것을 고려하십시오. 관련이 있다면 회사의 문화와 독특한 문화를 설명 할 수도 있습니다.

청중을 대상으로하십시오

잠재 고객과 연결할 기회가 없다면 마크가 없습니다. 효과적인 페이지는 당신이 도달하려는 사람들과 공명해야합니다. 이를 수행하는 가장 좋은 방법은 고객 페르소나를 만드는 것입니다. 인구 통계, 관심사 및 동기를 포함하여 이상적인 고객의 세부 프로필을 개발해야합니다.

대상 고객을 설립 한 후에는 언어와 톤을 사용하여 공명합니다. 예를 들어, 더 젊고 기술에 정통한 군중을 목표로하고 있다고 가정 해보십시오. 이 경우 더 캐주얼하고 대화적인 언어를 사용해야합니다.

충격을위한 디자인

첫인상은 중요하며 정보 페이지를 디자인하는 방법도 중요합니다. 긍정적이고 지속적인 영향을 미치기 위해서는 몇 가지 고려 사항이 있습니다.

시선을 사로 잡는 영상 :

• 고품질 이미지 : 시각적으로 매력적이고 브랜드와 관련이있는 ShutterStock (예산이없는 경우 비 플래시)과 같은 스톡 사진 사이트의 고해상도 이미지 및 비디오를 고려하십시오.
• 전문 사진 : 전문 사진 또는 AI 헤드 샷 생성기에 대한 투자를 고려하여 최상의 조명으로 팀을 선보입니다.
• 공백 : 화이트 스페이스를 효과적으로 활용하여 가독성을 향상시키고 깨끗하고 깔끔한 모양을 만듭니다.

페이지 템플릿 :

• 깨끗한 디자인을 선택하십시오 : 탐색하기 쉽고 시각적으로 매력적인 깨끗하고 전문적인 디자인을 선택하십시오.
• 모바일 응답 성 : 정보 페이지가 완전히 반응이 좋으며 스마트 폰 및 태블릿을 포함한 모든 장치에서 멋지게 보이도록합니다.
• 페이지 빌더를 고려하십시오 : Divi와 같은 페이지 빌더를 사용하여 코딩 지식없이 사용자 정의 레이아웃과 디자인 요소를 쉽게 만들 수 있습니다.

명확하고 간결한 언어 사용 :

• 간결한 것은 핵심입니다. 텍스트를 요점으로 유지하십시오. 짧은 단락과 총알 포인트를 사용하여 긴 텍스트 블록을 분해하십시오.
• 강력한 헤드 라인 및 소제목 : Impactful 헤드 라인 및 소제목을 사용하여 컨텐츠를 통해 독자를 안내합니다.
• 콘텐츠를 교정하십시오 : 문법 오류 또는 오타가 없는지 확인하십시오.

행동 유도 문안을 포함하십시오

귀하의 정보 페이지는 방문자에게 알리고 행동하도록 격려해야합니다. 사용자를 원하는 결과로 안내하는 CTA (Call to Action)를 사용하는 것을 고려하십시오. 일부 예에는 연락처 양식, 뉴스 레터 가입 등이 있습니다. 성공할 수있는 가장 큰 기회를 얻으려면 페이지 전체에 CTA를 전략적으로 배치하십시오. 즉, 과도하게 사용하지 마십시오. CTA를 의도 한대로 작동하도록 CTA를 최소로 유지하십시오.

정보 페이지를 디자인하는 방법

웹 사이트의 About Page를 디자인하는 방법에는 여러 가지가 있지만 가장 빠르고 가장 쉬운 중 하나는 WordPress를 사용하는 것입니다. 모든 기술 수준의 사용자에게 적합한 CMS (Content Management System)입니다 . About Page의 WordPress를 고려할 때는 WP가 자체 주최하기 때문에 몇 가지가 필요합니다. Siteground와 같은 훌륭한 호스팅 제공 업체 인 Divi와 같은 프리미엄 워드 프레스 테마.

Divi 소개

Divi는 시장에서 가장 강력하고 다재다능한 WordPress 테마 중 하나이며 효과적이고 아름다운 페이지를 만들 수 있습니다. 그러나 Divi는 단순한 WordPress 테마 이상입니다. 그것은 당신의 비전을 생생하게 만들기위한 완벽한 프레임 워크입니다. Divi는 직관적 인 드래그 앤 드롭 페이지 빌더 인 Visual Builder를 제공하여 놀라운 페이지를 실시간으로 쉽게 만들 수 있습니다. Visual Builder에는 200 개가 넘는 설계 모듈이 포함되어있어 페이지를 쉽게 이동하여 비즈니스의 완벽한 페이지를 구축 할 수 있습니다.

직관적 인 페이지 빌더 외에도 Divi는 테마 빌더를 자랑하며 헤더, 바닥 글, 포스트 템플릿, 검색 결과 페이지 등을 포함한 웹 사이트의 모든 측면을 설계 할 수 있습니다. Divi는 창의적으로 투쟁하는 사람들을 위해 About Page를 산들 바람으로 만듭니다. Divi에는 한 번의 클릭으로 수입 할 수있는 페이지를 포함하여 2300 개 이상의 전문적으로 설계된 레이아웃이 제공됩니다. 이 레이아웃은 12 개 이상의 카테고리로 제공되므로 자신에게 맞는 디자인을 쉽게 찾을 수 있습니다.

divi를 얻으십시오

Divi ai로 정보 페이지를 만듭니다

Divi의 또 다른 놀라운 특징은 Divi AI로, 텍스트 프롬프트만으로 효과적인 페이지를 만들 수 있습니다. Divi AI는 간단한 텍스트 설명, 선택한 글꼴 및 브랜딩 색상으로 웹 페이지 (또는 전체 웹 사이트)의 모든 측면을 생성 할 수 있습니다. 프로세스는 몇 분 밖에 걸리지 않으며 창의성을 뛰어 넘는 좋은 방법입니다.

정보 페이지 작성

이 기사에서는 Divi의 사용 편의성에 중점을 둡니다. 위에서 언급했듯이 Divi는 공을 굴리기 위해 가져올 수있는 수천 개의 미리 메이드 레이아웃을 제공합니다. 이 미리 메이드 레이아웃 중 하나를 사용하여 새로운 정보 페이지를 만들 수 있습니다.

WordPress 웹 사이트에 로그인하여 페이지를 탐색하여 새 페이지를 추가하십시오 .

페이지가 새로 고침되면 페이지에 제목 을 제공 한 다음 Divi Builder 사용을 클릭하십시오.

화면에 세 가지 옵션이 나타납니다. 미리 메이드 레이아웃 선택을 선택하십시오.

대화 상자가 나타나서 특정 레이아웃을 검색 하거나 카테고리별로 필터링 할 수 있습니다 .

비즈니스 CV 레이아웃 팩 을 스크롤하거나 검색하고 클릭하여 선택하십시오.

다음으로 레이아웃 팩에서 거의 페이지를 선택하십시오.

마지막 으로이 레이아웃 버튼을 클릭하여 WordPress 페이지에로드하십시오.

모든 Divi 레이아웃에는 글로벌 사전 설정이 할당되어 있습니다. 글꼴과 스타일 변경을 계획하지 않으면 Preset Tickbox 가져 오기를 확인하십시오.

페이지에 AI 생성 된 텍스트 추가

레이아웃이 설치되면 About Page에 대한 시작이 좋습니다. 그러나 콘텐츠를 작성하고 이미지를 변경하며 디자인을 변경하려면 작업을 수행해야합니다. 고맙게도 Divi 사용자는 Divi AI를 사용하여 일부 (모든 것이 아니라) 작업을 도울 수 있습니다. 모든 Divi -Pricade 레이아웃에는 기본적으로 Lorem Ipsum 텍스트가 자리 표시 자로 제공됩니다. 자리 표시 자 텍스트를 페이지의 SEO가 풍부한 콘텐츠로 변경하는 과정을 살펴 보겠습니다.

페이지의 첫 번째 헤드 라인 바로 아래의 텍스트부터 시작하겠습니다. 텍스트 모듈 위로 마우스로 이동하여 설정을 표시하십시오. 기어 아이콘을 클릭하여 모듈을 편집하십시오.

다음으로 텍스트 영역의 AI 버튼을 클릭하여 Divi AI를 시작하십시오.

옵션이 나타나면 AI로 쓰기를 클릭하십시오.

Divi AI와 관련된 모든 옵션이 포함 된 대화 상자가 나타납니다. 컨텐츠 유형을 선택하고 Divi AI에 작성한 내용을 알리고 페이지의 컨텍스트를 기반으로 해야하는지 지정할 수 있습니다. 미리 메이드 레이아웃에서 시작하여 컨텍스트를 선택하지 않으 겠습니다. Divi AI에 단락을 만들어내는 데 도움이되는 정보를 제공하고, Creative를 음성 톤으로 선택하고, 꼭 사용 해야하는 키워드를 입력하십시오. 또한 Divi AI에게 사용하려는 단어 를 알려주고 언어를 지정할 수도 있습니다.

Divi AI가 텍스트를 생성하면 텍스트를 수정할 수 있습니다. 다른 옵션들 중에서도 길게, 단순화, 단순화, 재 작성 또는보다 자세하거나 설명을 할 수 있습니다.

텍스트가 취향에 따라 있으면 이 텍스트 사용 버튼을 클릭하여 텍스트 모듈에 삽입하십시오.

페이지에 추가 콘텐츠 추가

divi ai로 모든 텍스트를 생성 한 후에는 더 영향력을 발휘하기 위해 About Page에 추가해야 할 몇 가지 설계 모듈이 있습니다. 디자인 포트폴리오와 연락처 양식을 보여주기 위해 새로운 섹션을 추가하여 사용자가 연락하도록 유도합니다.

About Page의 내 스토리 섹션을 지나서 스크롤하여 시작하십시오. Blue + 아이콘을 클릭하여 새 섹션을 추가하십시오.

대화 상자가 나타나면 페이지에 일반 섹션을 추가하십시오.

다음으로 단일 행을 선택하십시오.

제목 모듈을 추가하십시오

제목 모듈을 선택하고 행에 추가하십시오.

제목 모듈의 설정을 활성화하면 내 포트폴리오를 제목 필드 에 입력하십시오.

마지막으로, 미리 메이드 레이아웃의 사전 설정을 모듈에 적용합니다. 이렇게하면 페이지에 추가 한 모든 제목 모듈에서 스타일을 일관되게 유지할 수 있습니다. 사전 설정 드롭 다운 메뉴를 클릭하여 사전 설정을 선택하십시오.

마지막으로, 제목 모듈을 스타일링하려면 포트폴리오 제목 사전 설정을 선택하십시오.

갤러리 모듈을 추가하십시오

다음으로 About Page에 갤러리 모듈을 추가하겠습니다. 근처에 호버링하여 제목 모듈 아래의 회색 + 아이콘을 클릭하십시오.

갤러리 모듈 설정이 활성화되면 갤러리 추가 이미지 아이콘을 클릭하십시오.

미디어 갤러리에서 이미지를 선택하거나 WordPress 사이트에 업로드하십시오. 이미지 카운트 필드에 숫자를 입력하여 표시 할 이미지 수를 선택할 수 있습니다.

글로벌 사전 설정 외에도 모든 Divi 레이아웃에는 글로벌 색상이 제공되어 변경을 할 때 디자인을 일관되게 유지하는 데 도움이됩니다. 디자인 탭에서 오버레이 드롭 다운으로 향하십시오. 오버레이 아이콘 색상 아래의 전역 탭을 클릭하십시오. 다음으로 아래 그림과 같이 진한 파란색 을 선택하십시오.

색상이 설정되면 이미지가 멀지 않도록 행을 약간 조정해야합니다. 행 위로 가져 가서 녹색 설정 아이콘을 선택하십시오.

디자인 탭 으로 가서 행의 거터 너비를 2 로 조정하십시오.

CTA 모듈을 추가하십시오

마지막으로, 방문자가 연락을 장려하기 위해 CTA 모듈을 추가합니다. 단일 행으로 새 섹션을 만들고 CTA 모듈을 선택하십시오.

CTA 모듈 설정이 활성화되면 버튼의 제목과 텍스트를 추가하고 Divi AI를 활성화하여 CTA의 컨텐츠를 생성하십시오.

기본적으로 Divi의 CTA 모듈에는 배경색이 있습니다. 제거합시다. 색상을 투명하게 설정하거나 배경 색상 토글을 끄는 데 전환 할 수 있습니다.

디자인 탭으로 전환하고 CTA의 다음 설정을 입력하십시오.

제목 텍스트

• 제목 제목 수준 : H2
• 제목 글꼴 : 팝핀
• 제목 글꼴 중량 : 중간
• 제목 텍스트 정렬 : 센터
• 제목 텍스트 크기 : 52px (데스크탑), 32px (태블릿) 및 20px (모바일)

바디 텍스트

• 바디 글꼴 : 열린 산
• 신체 글꼴 체중 : 일반
• 바디 텍스트 색상 : #ffffff
• 바디 텍스트 크기 : 18px (모든 화면 크기)

버튼 설정

• 버튼에 맞춤형 스타일을 사용하십시오 : 예
• 버튼 텍스트 크기 : 16px
• 버튼 텍스트 색상 : #16264a
• 버튼 배경 : #ffffff
• 버튼 테두리 너비 : 0px
• 버튼 테두리 반경 : 0px
• 버튼 글꼴 : 팝핀
• 버튼 글꼴 무게 : 중간
• 표시 버튼 아이콘 : 아니요
• 버튼 정렬 : 센터
• 버튼 패딩 : 12px (상단 및 하단) 및 35px (왼쪽 및 오른쪽)

마지막으로 CTA 모듈이 포함 된 섹션을 열고 배경색을 #16264A로 변경하십시오.

완제품

모든 변경을 한 후에는 시각적 빌더의 오른쪽 하단에있는 녹색 게시 버튼을 클릭하여 About Page를 게시 할 수 있습니다.

이것은 Divi로 만들 수있는 정보의 예일뿐입니다. Divi는 이미지 갤러리에서 이메일 옵트 인입에 이르기까지 AFFEAS를 효과적으로 설계하는 데 필요한 모든 도구를 제공합니다.

Divi로 잊을 수없는 페이지를 만들 수 있습니다

귀하의 정보 페이지는 귀하의 웹 사이트의 중요한 요소입니다. 그것은 당신이 신뢰를 구축하고, 청중과 연결하고, 브랜드를 독특하게 만드는 것을 세상에 보여주는 방법입니다. 이 팁을 따르면 진정으로 빛나고 목표를 달성하는 데 도움이되는 정보에 대한 정보를 만들 수 있습니다.

비전을 생생하게 할 수있는 완벽한 도구를 찾고 있다면 Divi가 답입니다. 사용하기 쉬운 시각적 빌더와 놀라운 기능으로 인해 ABSE 페이지를 빠르고 효과적으로 쉽게 구축 할 수 있습니다. 또한 Divi AI의 마법을 통해 청중을 사로 잡을 멋진 브랜드 콘텐츠를 생성 할 수 있습니다.