Divi 디자인 쇼케이스: 2019년 11월의 새로운 제출물
게시 됨: 2019-11-24다시 한 번 월간 Divi 쇼케이스에서 커뮤니티 구성원이 만든 10개의 멋진 Divi 웹사이트를 살펴봅니다. 매달 우리는 커뮤니티에서 제출된 최고의 Divi 웹사이트를 선보이며 오늘은 11월의 상위 10개 웹사이트를 공유하고자 합니다. 게시물 전체에서 각 웹 사이트로 나를 끌어들이는 내가 가장 좋아하는 디자인 기능 중 일부를 지적할 것입니다.
나는 당신이 그들을 좋아하기를 바랍니다!
Divi 디자인 쇼케이스: 2019년 11월의 새로운 제출물
1. 아틀리에 1318
이 사이트는 Judith Augustin이 제출했습니다. 이것은 한 페이지 디자인입니다. 섹션의 탐색 메뉴는 스크롤할 때 떠 있는 세로로 정렬된 텍스트 목록입니다. 영웅 섹션은 다음 섹션과 겹치는 오른쪽 하단 모서리에 애니메이션 원형 로고가 있는 진정한 시차로 전체 화면 배경 이미지를 표시합니다. 많은 섹션에서 정보와 링크를 제공합니다. 배경색은 수업 소개로 스타일이 지정된 제목과 숫자가 포함된 여러 섹션으로 흑백이 번갈아 나타납니다. 작업은 마우스 오버 시 설명을 표시하는 갤러리 슬라이더 내에 표시됩니다. 갤러리의 이미지는 Instagram에서 이미지를 볼 수 있는 탭을 엽니다.
웹사이트 방문
2. 기술 법률
이 사이트는 Aleksandra Palecka가 제출했습니다. 이것은 하이라이트에 대담한 빨간색을 많이 사용합니다. 영웅 섹션은 한 면에 CTA가 있고 다른 면에 두 개의 열린 모서리가 있는 빨간색 선으로 그린 상자가 있는 흑백의 배경 이미지를 보여줍니다. 이 단순한 것이 레이아웃에 얼마나 많은 시각적 매력을 제공하는지 놀랍습니다. 다음 여러 섹션에는 스크롤할 때 사라지는 점 패턴이 있는 배경이 있습니다. 이 섹션은 빨간색 하이라이트가 있는 흑백 사진으로 둘러싸인 여러 CTA를 보여줍니다. 하이라이트에는 빨간색 오버레이, 구분선, 선으로 그린 상자 및 버튼이 있는 이미지가 포함됩니다. 이 동일한 상자 디자인은 글머리 기호에 번호를 매기는 데 사용됩니다. 빨간색 오버레이는 통화 CTA를 만드는 데도 사용됩니다. 저는 이 부분에서 빨간색을 사용하는 것을 좋아합니다.
웹사이트 방문
3. 리지 커뮤니티 교회
이 사이트는 James Smith가 제출했습니다. 오버레이에 큰 로고와 태그라인이 있는 전체 화면 배경 비디오를 재생합니다. 메가 메뉴는 왼쪽에 배치되고 오른쪽에는 소셜 팔로우 링크와 텍스트 위에 아이콘이 있는 몇 개의 CTA가 포함됩니다. 링크는 비디오 하단에 나타나며 호버 오버레이를 포함합니다. 환영 섹션에는 두 가지를 더 많이 볼 수 있는 링크와 함께 포함된 비디오와 이벤트가 표시됩니다. 이벤트는 슬라이더 내에서 카드로 표시됩니다. 이벤트 페이지의 이벤트 자체는 사이드바에 더 많은 사용자 정의 게시물 유형으로 표시됩니다. 신념은 아코디언 안에 표시됩니다. 저는 이 부분에서 빨간색 하이라이트를 좋아합니다.
웹사이트 방문
4. 미디어 하차
이 사이트는 James Smith가 제출했습니다. 영웅 섹션에는 곡선 구분선과 스타일이 지정된 정점 탐색이 있는 전체 너비 슬라이더가 표시됩니다. 여러 슬라이드에 구분선과 겹치는 이미지가 있습니다. 서비스는 안내문 안에 표시되며 2색 사용자 정의 아이콘이 포함됩니다. 메가 메뉴에는 광고 문구와 동일한 제목의 동일한 아이콘이 포함됩니다. 다른 슬라이더는 최근 프로젝트를 보여줍니다. 이 슬라이더는 상단에 곡선 구분선이 있고 모서리가 둥근 슬라이드를 표시합니다. 더 작은 슬라이더는 배경과 구별될 만큼 충분히 어두운 색상 블록 안에 클라이언트 로고를 표시합니다. 서비스 페이지에는 갤러리 그리드가 있는 예제가 표시됩니다.
웹사이트 방문
5. 닥터라이프 헬스
이 사이트는 Oskar Kopec이 제출했습니다. 제품 및 CTA는 영웅 섹션의 전체 너비 슬라이더에 표시됩니다. 슬라이드에는 이미지를 돋보이게 하는 측면을 따라 배경 이미지가 포함되어 있습니다. 다음 섹션에서는 다양한 제품에 대한 몇 가지 CTA를 보여줍니다. 이 CTA에는 안쪽을 가리키는 그림자가 있어 연결되어 있어도 서로 떨어져 있습니다. 다음 두 섹션에서는 제품을 슬라이더 내의 더 작은 이미지로 보여줍니다. 정보 섹션에는 오버레이에 설명이 있는 이미지가 표시됩니다. 기사 페이지에는 상자 그림자가 있는 범주에 대한 이미지가 표시되며 제목과 설명이 포함됩니다.
웹사이트 방문
6. 공동 미디어
이 사이트는 Robin Kesting이 제출했습니다. 아이콘, 링크, 버튼 등에 굵은 노란색을 많이 사용합니다. 여러 배경에는 곡선 구분선이 있고 많은 행과 모듈에는 눈에 띄는 상자 그림자가 있습니다. 영웅 섹션의 한쪽에는 CTA가 표시되고 다른 한쪽에는 그래픽이 표시됩니다. 삽입된 비디오와 스타일이 지정된 텍스트 블록과 함께 소개가 제공됩니다. 번호가 매겨진 광고 문구 세트는 사용의 이점을 보여줍니다. 숫자는 제목 뒤에 배치됩니다. 또한 Instagram에서 이미지를 여는 스타일 갤러리, FAQ 작성을 위한 토글, 스타일 뉴스레터 양식, 겹치는 버튼이 있는 스타일 바닥글이 포함되어 있습니다.
웹사이트 방문
7. 비숍턴 도그 워킹 서비스
이 사이트는 Jamie Shanks가 제출했습니다. 헤더는 클릭 가능한 이메일 및 전화번호가 있는 첫 번째 이미지 상단에 막대를 추가합니다. 페이지의 나머지 부분은 거의 전체 화면 이미지의 시리즈입니다. 이미지는 개가 노는 모습을 보여주며 오버레이에 CTA 및 기타 정보를 포함합니다. 텍스트가 배치된 영역이 어두워집니다. 스타일이 지정된 연락처 양식도 배경 이미지 위에 배치됩니다. 이 이미지는 훨씬 더 어두워지지만 중앙이 보일 수 있습니다. 블로그는 카드 안에 게시물을 표시하고 더 읽기 버튼에 대한 상자 그림자를 포함합니다. 블로그 카테고리 페이지에는 검색 기능이 포함되어 있습니다. 그것은 심지어 back-to-top 버튼에 대해 위쪽을 가리키는 발의 그래픽을 포함합니다.
웹사이트 방문
8. 아이우드
이 사이트는 Julien Ferla가 제출했습니다. 메뉴에는 CTA를 강조 표시하는 색상 블록이 포함되어 있습니다. 그것은 실제로 함께 플레이하는 재미있는 흥미로운 영웅 섹션이 있습니다. 제목 텍스트와 배경 이미지는 마우스에 반응하여 움직입니다. 3개의 원(2색) 점이 제자리에 남아 있습니다. 각 점은 이미지의 항목 중 하나 위에 배치되며 마우스를 가져가면 항목의 이름이 나타납니다. 슬림 섹션은 정책 및 상점에 대한 링크를 제공합니다. 다음은 텍스트의 여러 큰 섹션입니다. 텍스트에는 분홍색으로 된 여러 단어가 포함되어 있으며 텍스트 섹션은 번갈아 가며 구분됩니다. 제품에 대한 큰 섹션에는 텍스트, 이미지 및 슬라이더가 표시됩니다. 여기에는 헤더 아래에 있는 것과 일치하는 슬림 CTA가 포함됩니다. 이것은 텍스트와 색상을 우아하게 사용합니다.
웹사이트 방문
9. 코디 구딘
이 사이트는 Nicole Marie Zinnanti가 제출했습니다. 이 사이트는 깔끔한 레이아웃을 제공하기 위해 많은 여백과 최소한의 디자인을 사용합니다. 영웅 섹션에는 패턴이 있는 배경 위에 한쪽에 CTA가 포함되어 있습니다. 다음 섹션은 한 면에 그래픽을 보여주고 다른 면에 CTA를 보여줍니다. 나는 특히 기술 섹션을 좋아합니다. 교대로 두 개의 열에 기술이 표시됩니다. 각 세그먼트에는 각 세그먼트에 대한 2색 아이콘이 있으며 그 아래에는 제목과 설명이 있습니다. 그런 다음 기술은 다른 유형의 글꼴로 반대쪽에 나열됩니다. 정보 섹션은 스타일 구분선과 그래픽으로 사이트를 마무리합니다. 사용자 정의 바닥글은 양쪽에 링크를 배치합니다.
웹사이트 방문
10. 엘세베스 에골름
이 사이트는 Rikke Ekelund가 제출했습니다. 영웅 섹션은 오버레이의 리뷰 세트에 대한 CTA 및 책 이미지와 함께 패터닝된 배경 이미지를 시차로 표시합니다. 다른 책은 더 읽을 수 있는 링크와 함께 대체 레이아웃에 표시됩니다. 저자에 대한 섹션의 한쪽에는 더 많은 것을 읽을 수 있는 링크와 다른 한쪽에는 이미지가 있는 정보가 표시됩니다. 모든 연락처 정보는 작성자의 전체 화면 사진 위에 표시됩니다. 나는 책의 페이지를 좋아한다. 그들은 책의 분위기를 설정하는 데 도움이 되는 어두운 배경 위에 한 면에는 책을, 다른 면에는 설명을 보여줍니다. 이 사이트에는 스타일이 지정된 뒤로 가기 버튼과 오른쪽에 스타일이 지정된 슬라이더 막대가 있습니다. 나는 빨간색 하이라이트를 좋아합니다.
웹사이트 방문
결론
11월 한 달 동안 최고의 커뮤니티 Divi 웹사이트 제출물 10개입니다. 이 사이트는 정말 멋져보이며 언제나처럼 제출해 주신 모든 분들께 감사드립니다!
자신만의 디자인을 고려하고 싶으시다면 언제든지 우아한 테마 닷컴의 nathan 편집자에게 이메일을 보내주십시오. 이메일 제목은 "DIVI SITE SUBMISSION"으로 하십시오.
우리는 또한 당신의 의견을 듣고 싶습니다! 이 웹사이트에 대해 마음에 드는 점과 웹사이트에서 수행한 작업이 있으면 블로그에서 가르치고 싶은 내용을 알려주십시오.
Mascha Tace/Shutterstock.com을 통한 추천 이미지