12 Divi 개인 코칭 웹사이트의 예

개인 코칭은 웹 안팎에서 인기 있는 산업입니다. 개인 코칭 서비스를 제공하는 사람들은 잠재 고객에게 서비스와 제품에 대해 알릴 수 있도록 잘 설계된 웹사이트가 필요합니다. 다행히도 Divi로 만든 개인 코칭 웹사이트가 많이 있어 상상력을 자극할 수 있습니다. 이 기사에서는 Divi 개인 코칭 웹사이트의 12가지 예를 살펴보겠습니다.

개인 코칭은 라이프 스타일, 건강, 재정, 관계, 경력 등을 포함한 많은 주제를 다룹니다. 개인 코치의 요구 사항은 다양한 서비스로 인해 코치마다 다릅니다. 대부분은 가입 양식, 예약 정보, 제품, 연락처 정보, 블로그 등을 포함합니다. 일부는 웹사이트를 통해 서비스를 제공하고 다른 일부는 웹사이트를 사용하여 제품을 선보입니다.

이 12개의 웹사이트는 특별한 순서가 없습니다. 마지막에는 Extra로 만든 개인 코칭 사이트인 보너스도 있습니다. 한 번 보자…

1. 호박석 찰루스

Amber Chalus는 화면 오른쪽에 스타일이 지정된 이메일 등록 양식이 있는 전체 화면 이미지를 사용합니다. 다음은 브랜드 색상으로 스타일이 지정된 글꼴이 있는 정보 섹션입니다. 다음은 페이지로 연결되는 이미지가 있는 전각 섹션, 블로그 섹션, 파란색 배경 위에 우아한 흰색 글꼴을 사용한 인용문이 있는 전각 섹션, 이미지, 텍스트 및 기타가 있는 사이트 소유자에 대한 섹션입니다. 그녀가 등장한 미디어 아이콘입니다. 탐색은 드롭다운 없이 간단합니다. 레이아웃이 잘 디자인되어 있으며 사이트는 부드러운 파란색과 우아한 글꼴을 사용합니다.

2. 코트니 맥더모트

Cortney McDermott에는 태그라인이 있는 전체 화면 이미지와 미디어 아이콘의 전체 너비 섹션 및 이메일 가입 양식이 포함되어 있습니다. 정보 섹션은 더 읽기 메시지로 배경색과 우아한 글꼴이 있는 텍스트 모듈을 사용합니다. 3개의 CTA(클릭 유도문안)가 수평으로 정렬된 후 전체 화면 이미지가 평가로 표시됩니다. 블로그 섹션은 세 개의 클릭 가능한 이미지를 사용합니다. 다음은 책 CTA, 미디어 링크 및 가입 양식이 있는 바닥글입니다. 이 사이트는 이미지와 글꼴을 잘 활용합니다.

3. 하이디 로즈

Heidi Rose는 로고, 태그라인 및 스타일 버튼이 있는 전체 화면 이미지를 표시합니다. 버튼을 클릭하면 전체 화면 이미지와 상위 탐색이 표시되는 홈 화면으로 이동합니다. 스크롤하면 동기 부여 메시지, CTA 및 바닥글 메뉴가 있는 여러 섹션이 표시됩니다. 블로그는 게시물 제목 위에 3개의 이미지를 전체 너비로 표시합니다. 게시물 자체는 사이드바 없이 단일 열의 중앙에 배치되어 우아한 모양을 만듭니다. Work With Me 페이지는 시차 텍스트와 이미지가 번갈아 나타나는 세련된 레이아웃을 사용합니다. 스토어는 WooCommerce에서 제공합니다. 이 사이트는 레이아웃, 글꼴 및 이미지를 훌륭하게 사용합니다.

4. 구애 대 데이트

구애 대 데이트는 CTA와 뉴스레터 양식이 포함된 전폭 슬라이더를 사용합니다. 스크롤하면 이미지와 설명이 포함된 책의 CTA와 Kindle 스토어 링크가 포함된 책 목록이 표시됩니다. 3열 정보 섹션은 텍스트와 아이콘을 사용합니다. 이벤트 섹션에는 이벤트 페이지에 대한 링크가 있는 이미지가 표시됩니다. 다음은 평가 섹션, 블로그 섹션 및 브랜드 색상이 있는 바닥글입니다. 이 사이트는 브랜드 색상을 잘 사용합니다.

5. 통찰력 코칭

Insight Coaching은 메뉴 위에 태그라인이 있는 로고가 있는 큰 헤더를 사용합니다. 전체 너비 이미지에는 추가 정보가 포함된 태그라인이 포함됩니다. 스크롤하면 서비스에 대한 아이콘과 링크가 있는 광고 문구가 있는 3열 섹션이 나타납니다. 정보 섹션은 스타일이 지정된 블록 내에 텍스트를 배치합니다. 정보 섹션은 글머리 기호로 정보를 제공합니다. 후기 섹션은 미러링된 버전의 헤더 이미지를 배경으로 사용합니다. 사이트는 단순하고 대상 고객을 위해 색상과 글꼴을 잘 사용합니다.

6. 미셸 루프트

Michelle Luft는 CTA가 포함된 전체 너비 이미지와 Tawk.To에서 제공하는 채팅 시스템을 사용합니다. 여기에는 시차로 배경 이미지 위에 배치된 태그라인이 포함됩니다. 동그라미로 표시된 이미지에는 서비스에 대한 링크가 있습니다. 애니메이션 정보 섹션은 연락처 양식 위에 슬라이드쇼를 표시합니다. 블로그 섹션은 슬라이더 내에 게시물을 표시합니다. 평가는 태그라인과 동일한 시차 배경 위에 배치됩니다. 바닥글에는 포함된 Facebook 링크가 포함되어 있습니다. 이벤트 캘린더는 WP Event Plus에서 제공합니다. 레이아웃은 깨끗하고 주제에 맞게 다채로운 배경 이미지를 사용합니다.

7. 위투미

We2Me는 시차에 로고가 있는 전체 화면 이미지를 사용합니다. 스크롤하면 다양한 페이지에 대한 링크가 뒤따르는 인용문으로 사명 선언문이 나타납니다. 홈 페이지의 섹션은 소개 텍스트가 있는 시차의 전체 화면 이미지로 구분됩니다. 섹션은 이미지, 텍스트, 비디오 등을 사용합니다. 여기에는 언론 기사 링크, 포함된 오디오, 문의 양식 및 CTA가 포함된 4열 섹션이 포함됩니다. 구독은 WooCommerce에서 제공합니다. 이 사이트는 브랜드 색상을 사용하여 대상 고객을 유치합니다.

8. 호흡과 행복

Breathe and Bliss는 시차로 메시지를 회전하는 전체 화면 배경 이미지를 사용합니다. 정보 섹션은 배경 이미지가 보이는 헤더 텍스트를 사용합니다. 서비스에 대한 설명은 시차로 배경 위에 배치됩니다. 섹션에 대한 두 개의 열은 한쪽에는 이미지를 표시하고 다른 한쪽에는 글머리 기호를 표시합니다. 전폭 CTA는 수업과 워크샵을 보여주기 위해 이미지를 표시합니다. 여기에는 전체 너비의 Instagram 피드도 포함됩니다. 브랜드 색상을 사용하여 분위기를 설정합니다.

9. 내 마음의 연금술사

My Heart Alchemist는 오버레이, 링크 및 CTA에 태그라인이 있는 전체 너비 이미지를 표시합니다. 문제를 설명하는 정보 섹션은 가운데 텍스트를 사용합니다. 개인 견적은 컬러 배경을 사용하여 전체 너비 텍스트 섹션에 배치됩니다. 전체 너비 이미지 콜라주는 오버레이의 문을 CTA로 사용합니다. 정보 섹션에는 전체 너비의 평가 및 전체 섹션이 링크인 이미지 및 텍스트가 포함된 전체 너비 CTA가 표시되는 이점이 표시됩니다. 예약은 LeadBox 양식을 통해 처리됩니다. 이 사이트는 브랜드 색상, 이미지 및 CTA를 잘 활용합니다.

10. 그보다 더 깊은

Deeper Than That은 시차로 전체 너비 이미지 위에 태그라인이 뒤에 오는 CTA가 있는 전체 너비 이미지를 표시합니다. 블로그 섹션은 호버 애니메이션을 사용합니다. 정보 섹션은 전체 화면 이미지의 한 면에 대한 링크가 있는 텍스트 상자를 배치합니다. 포함된 YouTube 비디오는 YouTube에서 비디오를 볼 수 있는 링크와 함께 비디오 스니펫을 표시합니다. Instagram 섹션은 석조 그리드에 Instagram 피드를 표시합니다. 바닥글에는 이메일 가입 양식, 페이지 링크 및 연락처 정보가 포함됩니다. 다운로드는 Dropbox에 포함된 파일입니다. 사이트는 흑백을 사용하여 분위기를 설정합니다.

11. 로리 어드먼

Laurie Erdman은 한쪽에는 큰 이미지가 있고 다른 한쪽에는 ActiveCampaign에서 제공하는 가입 양식이 있는 2열 섹션을 사용합니다. 전체 너비 섹션은 배경 패턴 위에 태그라인을 표시합니다. 스크롤하면 더 많은 정보를 들을 수 있는 링크가 있는 임베디드 비디오, 호버 애니메이션을 사용하는 블로그 카테고리가 있는 이미지, 한쪽에는 평가가 있고 다른 한쪽에는 미디어 링크가 있는 2열 섹션, 링크와 소셜 미디어 팔로우 버튼이 있는 바닥글이 표시됩니다. 상점은 WooCommerce에서 제공합니다. 이 사이트는 색상과 이미지를 잘 활용합니다.

12. 야생의 신성한

Wild Sacred는 웹사이트 전체에서 헤더 텍스트 뒤의 하이라이트로 사용되는 컬러 스플래시가 포함된 중앙 로고가 있는 박스형 디자인을 사용합니다. 2열 디자인을 사용하는 이 사이트는 한 면에 환영 메시지와 뉴스레터 양식이 있는 이미지를 포함하고 있습니다. 다음은 CTA로 한쪽에 텍스트 오버레이가 있는 일련의 이미지입니다. 일부 텍스트는 전체 너비 이미지의 한 면에 배치됩니다. 평가는 전체 너비 슬라이더 내에 표시됩니다. 과정 구매는 WooCommerce를 통해 처리됩니다. 이 사이트는 색상과 사진을 잘 활용합니다.

보너스: 추가 예 – 희망과 센트

Hope and Cents는 시차에 태그라인과 CTA가 있는 전체 화면 이미지를 포함합니다. 홈페이지에는 포스트 슬라이더, 모든 카테고리가 포함된 탭 포스트 모듈, 뉴스레터 CTA, 인기 및 최근 포스트가 포함된 사이드바가 있는 단일 열 레이아웃이 포함됩니다. 사이드바에는 소셜 팔로우 버튼, 정보 위젯, 미디어 아이콘, 상장 및 최근 트윗이 표시됩니다. 바닥글은 중앙에 큰 로고와 메뉴를 표시합니다. Work With Me 페이지는 각 서비스를 시차로 전체 너비 이미지로 구분하여 단계별로 진행합니다. 깔끔한 레이아웃과 색상의 활용이 탁월하며, Extra의 매거진 모듈을 사용하여 일반 웹사이트를 만든 좋은 예입니다.

마지막 생각들

이 12개의 Divi 사이트와 1개의 Extra 사이트는 코칭 주제와 상관없이 개인 코칭 웹사이트의 좋은 예입니다. 레이아웃, 색상, 글꼴, 연락처 정보, 가입 양식, 예약 정보, 제품, 블로그 등에 대한 영감이 필요하든 개인 코치를 위한 다음 Divi 디자인에 도움이 될 만한 것이 여기 있을 것입니다.

여러분의 의견을 듣고 싶습니다. Divi 개인 코칭 웹 사이트의 이러한 예에서 가장 좋아하는 디자인 요소는 무엇입니까? 아래 의견에 어떻게 생각하는지 알려주십시오.

Vector Goddess / shutterstock.com을 통한 주요 이미지