Divi로 구축된 마케팅 대행사 웹사이트의 15가지 예
게시 됨: 2017-04-17마케팅 및 브랜딩은 모든 비즈니스의 중요한 부분이며 마케팅 대행사는 서비스와 이점을 보여주기 위해 멋진 웹사이트를 필요로 합니다. Divi로 구축된 많은 마케팅 대행사 웹사이트가 있습니다. 이 기사에서는 다음 마케팅 대행사 웹사이트 프로젝트에 영감을 주기 위해 Divi로 구축한 마케팅 대행사 웹사이트의 16가지 예를 살펴봅니다.
이러한 사이트는 레이아웃, 글꼴, 색상, 이미지, 탐색 시스템, 사례 연구, CTA(클릭 유도문안) 등에 대한 영감을 주는 데 도움이 될 수 있습니다. 서비스에는 브랜딩, 전략, 소셜 미디어, 로고 디자인 등이 포함됩니다. 일부는 웹 개발을 포함하지만 주요 서비스는 아닙니다. 웹사이트는 특별한 순서가 없습니다.
1. 레이첼 테일러

Rachel Taylor는 태그라인이 있는 전체 화면 이미지, 전폭 뉴스레터 가입 양식, 서비스를 설명하는 광고 문구가 있는 섹션, 텍스트 CTA, 고객 로고가 있는 섹션, 평가, 그래픽 디자인이 포함된 맞춤형 바닥글을 보유하고 있습니다. 포트폴리오 페이지는 호버 효과를 사용하고 3열 그리드에 샘플을 표시합니다. 클릭하면 상세 프로젝트 페이지로 이동합니다. Work With Me 페이지는 Type Form의 통합 CTA를 사용합니다. 이 사이트는 색상과 이미지를 잘 사용합니다.
2. 나탈리의 상자

Natalie's Box에는 로고와 태그라인으로 확대되는 전체 화면 이미지가 있습니다. 다음은 전체 너비에 대한 섹션입니다. 다음 섹션은 링크와 함께 상점의 새로운 기능을 보여줍니다. 다중 레이아웃 섹션에는 CTA가 뒤따르는 최근 작업이 표시됩니다. 정보 섹션에는 더 많은 것을 읽을 수 있는 텍스트와 링크가 포함된 이미지가 표시됩니다. 다음은 가입 양식과 소셜 네트워크에 대한 텍스트 링크입니다. 메뉴에는 CTA가 포함됩니다. 사이트는 전체적으로 우아한 글꼴을 사용하고 색상을 잘 활용합니다.
3. 맷 재너웨이

Matt Janaway는 텍스트, 이미지 및 CTA가 포함된 정보 섹션을 표시합니다. 스크롤하면 아이콘과 스니펫이 있는 세 가지 목록에 대한 링크가 표시됩니다. 다음은 경험 및 작업 방식에 대한 정보를 제공하는 섹션입니다. 다음 섹션에는 클라이언트 로고가 있는 슬라이더, 수상, 블로그 게시물, 평가, CTA, 자동 스크롤이 없는 전체 너비 지도 및 문의 양식이 포함됩니다. 이 사이트는 브랜드 색상을 잘 활용합니다.
4. 조타실 브랜딩

Wheelhouse Branding은 하단에 로고와 메뉴가 있는 태그라인이 있는 전체 화면 비디오 배경을 표시합니다(스크롤 후에도 화면 상단에 남아 있음). 스크롤하면 정보가 포함된 시차로 예술적 지도 배경과 오버레이의 앵커 그림이 나타납니다. 다음 섹션에서는 스크롤링 클라이언트 로고와 작업 방법론, CTA 및 Facebook 팔로우 아이콘이 있는 로고에 대한 설명을 보여줍니다. 페이지는 흑백의 전체 화면 이미지를 사용합니다. 작업 페이지는 호버 애니메이션과 함께 큰 이미지 그리드 내에 사례 연구를 표시합니다.
5. 이익 가져오기

Fetch Profits에는 오버레이에 CTA가 있는 전체 화면 배경 이미지가 있습니다. 다음은 한 면에 텍스트가 있는 전체 너비 정보 섹션, 시차 섹션에 YouTube 비디오 링크, 클라이언트 아이콘, 아이콘이 있는 색상 상자의 통계, 평가, 전체 너비 CTA, 블로그 섹션, 연락처 섹션입니다. 소셜 아이콘과 연락처 양식, 링크가 있는 큰 바닥글이 있습니다. 작업 페이지는 예제를 프로젝트로 표시하고 주제별로 필터링할 수 있습니다. 서비스/블로깅 페이지에는 Canva 이미지가 포함되어 있습니다.
6. 슈퍼 SEO 파이메스

Super SEO Pymes에는 오버레이가 있는 전체 너비 배경 비디오 슬라이더가 포함되어 있습니다. 스크롤하면 시차로 사용자 정의 바닥글을 나타내는 그림자 효과가 있는 환영 메시지가 나타납니다(이 바닥글 효과는 각 페이지에 나타납니다). 메뉴는 카테고리별로 큰 이미지를 표시하며 마우스를 멀리 움직여도 열린 상태로 유지됩니다. 연락처 양식조차도 메가 메뉴에서 작동합니다. 서비스 페이지에는 오버레이와 함께 전체 너비 슬라이더와 배경이 시차로 표시되며 서비스에 대한 자세한 정보가 표시됩니다. 이 사이트는 색상 오버레이를 잘 활용하고 더 흥미로운 바닥글과 메가너스 중 하나가 있습니다.
7. 파렐 미디어 그룹

Farrell Media Group은 시차 및 섹션 스타일의 태그라인이 있는 전체 화면 이미지를 표시합니다. 메뉴에는 CTA가 포함됩니다. 스크롤하면 텍스트가 있는 섹션에 대한 전체 너비가 표시됩니다. 다음은 호버 애니메이션이 있는 진정한 시차 서비스가 있는 3열 섹션입니다. 2열 섹션의 한쪽에는 정보가 표시되고 다른 한쪽에는 산업 목록이 표시되고 바닥글에는 연락처 정보가 표시됩니다. 서비스 페이지는 상자 안에 각 서비스의 분석을 표시합니다. 이 사이트는 애니메이션과 섹션 스타일을 잘 활용합니다.
8. 획기적인 이메일


BreakthroughEmail은 한 면에는 CTA가 있고 다른 면에는 이미지가 있는 태그라인을 표시하는 한 페이지 디자인을 사용합니다. 스크롤하면 시스템에 대한 단계별 정보가 있는 섹션과 이점을 보여주는 이미지가 있는 섹션이 표시됩니다. 다음은 큰 이미지, 로고 및 평가를 표시하는 전폭 평가 섹션입니다. 클라이언트 목록은 달러 금액으로 구분된 클라이언트의 로고를 보여줍니다. 포함된 양식을 사용하면 프로젝트에 대한 세부 정보와 연락처 정보 및 전체 너비 지도를 제공할 수 있습니다.
9. 디지털 마케팅 깨우기

Wake Digital Marketing은 설명 및 CTA가 있는 전체 화면 비디오 배경을 사용합니다. 메뉴에는 CTA도 포함됩니다. 다음은 텍스트가 있는 정보 섹션입니다. 전문 분야에 대한 섹션은 아이콘 및 호버 애니메이션을 포함하는 카드 내의 서비스를 보여줍니다. A Why Us 섹션에는 고객 아이콘 목록과 CTA(연락처 양식 포함)가 이어집니다. 사이트는 깨끗한 디자인을 사용합니다.
10. 러브 마케팅

Love Marketing은 시차에 CTA가 있는 전체 화면 이미지와 투명한 메뉴를 사용합니다. 스크롤하면 이미지 옆에 CTA가 있는 여러 섹션과 오버레이에 전체 화면 이미지와 정보가 있는 여러 섹션이 표시됩니다. 바닥글에는 이메일 가입 양식이 포함되어 있습니다. 다양한 페이지는 동일한 디자인을 따르고 확장된 정보에 대한 토글을 포함합니다.
11. 일뚜오 웹마케팅

Il Tuo Web Marketing은 오버레이에 태그라인이 있는 전체 너비 비디오 배경을 표시합니다. 스크롤하면 색상 브랜딩을 사용하는 아이콘이 있는 안내문에 서비스가 표시됩니다. 다음은 정보 섹션, 아이콘과 일치하는 배경색이 있는 연락처 섹션, 나란히 있는 지도 및 연락처 양식입니다. 사이트는 단순하고(다른 페이지는 문의 양식뿐) 브랜드 색상을 잘 활용합니다.
12. 감자

Potatio는 정보와 태그라인이 있는 전체 화면 그림을 표시합니다. 스크롤하면 CTA, 서비스에 대한 링크가 있는 정보 섹션, 링크 및 호버 애니메이션을 포함하여 작업하는 다양한 유형의 게임을 보여주는 아트워크, 통계가 있는 섹션, 바닥글의 연락처 양식 및 소셜 버튼이 포함된 메뉴가 나타납니다. 모든 페이지는 동일한 디자인을 따르지만 지원 데이터 및 정보를 포함하는 주제에 중점을 둡니다. 이 사이트는 색상 브랜딩을 잘 활용합니다.
13. 과대 광고

Hype Marketing은 전체 화면 배경 비디오 위에 애니메이션 로고와 함께 로드됩니다. 다음은 약 섹션, 어두운 배경 및 색상 브랜드 아이콘을 사용하는 서비스를 다루는 섹션, 프로젝트 모듈을 사용하는 포트폴리오 섹션, 클라이언트 아이콘, 메뉴 및 색상 브랜드 소셜 아이콘이 있는 푸터입니다. 서비스 페이지는 홈페이지와 유사한 레이아웃을 사용하여 전체 너비 이미지에 대해 시차로 서비스를 설명합니다. 연락처 링크는 화면에 남아 있으며 클릭하면 현재 페이지에 브랜드 색상을 사용하여 투명한 연락처 양식이 열립니다. 이 사이트는 색상 브랜딩을 잘 활용합니다.
14. 모자를 쓴 헤더

Heather in a Hat은 회사 메시지가 포함된 전체 너비 이미지, 회사가 소개된 미디어 아이콘 목록, CTA 및 이미지가 포함된 2열 섹션, 서비스가 포함된 3열 섹션을 표시합니다. 서비스 페이지는 CTA와 이미지가 있는 텍스트를 가격표가 뒤따르는 두 개의 교대 열에 표시합니다. 연락처 페이지에는 LinkedIn 카드가 포함되어 있습니다. 사이트는 심플하고 깔끔한 디자인을 사용하고 있습니다.
15. 집단적이다

Are Collective는 왼쪽 모서리에 로고, 오른쪽에 이미지, 중앙에 회사 이름의 창의적인 디자인을 사용하여 단순하지만 독특한 한 페이지 디자인을 사용합니다. 스크롤하면 왼쪽에 제목이 있고 오른쪽에 정보가 있는 이력서 스타일 레이아웃이 나타납니다. 섹션에는 프로필, 경험, 연결 및 연락처가 포함됩니다. 이 사이트에는 탐색 구조가 포함되어 있지 않지만 Extra로 만든 잡지와 Divi로 만든 몇 개의 사이트가 포함된 다른 페이지에 대한 링크가 포함되어 있습니다. 이 사이트는 단순하지만 흥미로운 디자인을 가지고 있습니다.
마지막 생각들
Divi로 구축한 마케팅 대행사 웹사이트의 16가지 예는 모든 유형의 마케팅 대행사 웹사이트를 Divi로 만들 수 있음을 보여주는 좋은 예입니다. 간단한 브로셔부터 가격표, 포트폴리오 및 사례 연구가 포함된 사이트에 이르기까지 모든 유형의 사이트.
이 사이트는 레이아웃, 색상, 이미지, 비디오 사용, 탐색 등에 대한 아이디어를 불러일으키기에 아주 좋습니다. 이 웹사이트는 다음 마케팅 대행사 디자인에 영감을 줄 것입니다.
이 Divi 마케팅 대행사 사이트에서 가장 좋아하는 요소는 무엇입니까 ? 아래 의견에 알려주십시오!
elomda/Shutterstock.com을 통한 추천 이미지
