Divi 디자인 쇼케이스: 2020년 7월부터 새로운 제출물

다시 한 번 월간 Divi 쇼케이스에서 커뮤니티 회원이 만든 8개의 멋진 Divi 웹사이트를 살펴봅니다. 매월 우리는 커뮤니티에서 제출된 최고의 Divi 웹사이트를 선보이며 오늘은 7월 한 달 동안의 상위 10개 웹사이트를 공유하고자 합니다. 게시물 전체에서 각 웹 사이트로 나를 끌어들이는 내가 가장 좋아하는 디자인 기능 중 일부를 지적할 것입니다.

나는 당신이 그들을 좋아하기를 바랍니다!

Divi 디자인 쇼케이스: 2020년 7월부터 새로운 제출물

1. 팝틴

이 사이트는 Tomer Aharon이 제출했습니다. 이 사이트는 텍스트 및 배경 그라디언트에 자주색을 많이 사용하고 하이라이트에는 유사한 빨강, 노랑 및 파랑 음영을 사용합니다. 메뉴에는 해당 색상의 아이콘이 있는 광고 문구도 포함되어 있습니다. 영웅 섹션은 CTA의 태그라인과 메시지를 변경하는 키워드에 대한 입력 효과를 표시합니다. 흥미로운 기능은 교차 레이아웃의 모형 컴퓨터 화면 옆에 수직 스택으로 버튼을 표시하는 섹션 세트입니다. 버튼 중 하나를 클릭하면 목업 화면에 표시되는 내용이 변경됩니다. 유사한 섹션에는 목업 화면 위에 아이콘이 있는 탭이 표시됩니다. 사이트의 다국어를 사용하여 7개 언어 중에서 선택할 수 있습니다.

웹사이트 방문

2. LVP 제국

이 사이트는 Nadzim Al-Rash가 제출했습니다. 검정색 텍스트가 있는 배경에 황갈색을 많이 사용합니다. 탐색 메뉴는 갤러리를 볼 수 있는 링크와 세션을 예약할 수 있는 링크로 간단하게 유지됩니다. 호버 효과는 배경을 더 어두운 색상으로 변경합니다. 페이드 효과는 영웅 이미지 및 특정 갤러리를 포함하여 스크롤할 때 이미지를 페이드 인 또는 페이드 아웃합니다. 바닥글은 눈에 띄지만 황갈색을 보완하는 짙은 녹색 배경을 표시합니다. 상단에 황갈색 선이 있는 탐색 메뉴와 호버 효과가 포함되어 있습니다. 갤러리는 작업을 보여주기 위해 단일 열에 큰 이미지를 표시합니다. 예약 페이지에는 각각의 지도와 함께 여러 위치가 표시됩니다.

웹사이트 방문

3. 앤디 후크

이 사이트는 Andy Hooke가 제출했습니다. 사이트 전체의 배경과 텍스트에 진한 파란색을 많이 사용합니다. 메뉴는 하위 메뉴 탐색을 위한 아이콘을 표시합니다. 영웅 섹션은 다음 섹션과 겹치는 작업의 스크린샷을 보여줍니다. 또한 실제 시차에 몇 가지 배경 패턴이 포함되어 눈에 띕니다. 제목 내의 여러 키워드에 밑줄이 그어져 있습니다. 저는 특히 후기와 스크린샷 및 프로젝트를 볼 수 있는 링크를 결합한 최근 작업에 대한 섹션 세트를 좋아합니다. 이러한 각 섹션은 스크롤할 때 서로 다른 배경색으로 전환되어 진한 파란색에서 중간 파란색으로, 그런 다음 주황색으로 바뀝니다. 블로그 및 기타 페이지에도 홈 페이지와 동일한 배경 패턴이 포함되어 있습니다. 일부 페이지는 아이콘에 추가합니다.

웹사이트 방문

4. 지저분한 팟캐스트의 남쪽

이 사이트는 Brent Collier가 제출했습니다. 이 사이트는 배경과 패턴에 주황색과 진한 파란색을 많이 사용합니다. 배경은 대담한 색상으로 산의 스타일 그림입니다. 최신 팟캐스트가 포함된 스타일이 지정된 오디오 플레이어는 영웅 섹션의 태그라인 아래에 배치됩니다. 이미지에는 웹사이트의 아트워크와 색상이 포함되어 있습니다. 다른 섹션은 실제 시차에서 굵은 색상으로 배경 패턴을 표시합니다. 스타일 아이콘은 팟캐스트를 들을 수 있는 다양한 장소로 연결됩니다. 나는 또한 연락 섹션을 좋아합니다. 여기에는 다른 색상의 한 면에 연락처 양식이 있는 주황색 배경이 포함되지만 필드는 두 색상이 겹칩니다.

웹사이트 방문

5. 팔라브라스 크루자다스

이 사이트는 Rui Edmond가 제출했습니다. 이 사이트는 배경, 버튼 및 제목에 굵은 파란색을 사용합니다. 그것은 대부분 파란색에서 흰색으로 번갈아 가며 섹션이 있는 2열 디자인을 따릅니다. 각 섹션에는 제품에 대한 설명과 링크가 포함된 CTA가 포함되어 있습니다. 그래픽은 제품에 대한 링크를 강조합니다. 퍼즐은 프로젝트 포스트 유형에 통합됩니다. 사용후기는 스타일이 지정된 배경이 있는 원 이미지를 표시합니다. 이 사이트에는 레이아웃이 번갈아 나타나는 여러 CTA가 포함되어 있습니다. 깔끔한 디자인은 각 제품이 다른 제품과 구별되도록 합니다.

웹사이트 방문

6. 멕 로너건

이 사이트는 Kurt Maddern이 제출했습니다. 레이아웃은 메뉴, 로고, 저작권 알림 및 슬라이더만 있으면 간단합니다. 초점은 슬라이더에 있지만 주의를 끌기 위해 공백을 사용합니다. 슬라이더는 화면 오른쪽의 2/3를 차지합니다. 왼쪽 3분의 1은 투명하며 사이트 제목이 상단에 있고 로고가 하단에 있습니다. 탐색 메뉴는 슬라이더 위에 있으며 슬라이더 왼쪽 위의 두 열에 링크를 표시합니다. 문의 링크는 슬라이더의 오른쪽 위에 있습니다. 스크롤하면 메뉴의 누적 열이 모든 링크가 수평 행에 있는 일반 메뉴가 되고 슬라이더는 다양한 너비의 이미지를 표시하여 작업을 보여줍니다. Notes 페이지에는 왼쪽에 추가된 큰 이미지와 탐색 링크가 있는 블로그 게시물이 표시됩니다.

웹사이트 방문

7. 레코바

이 사이트는 Christina Oosthuizen이 제출했습니다. 전체적으로 파란색과 노란색을 사용하여 곳곳에 빨간색을 가미했습니다. 메뉴에는 파란색과 노란색의 애니메이션 링크가 포함되어 있습니다. 영웅 섹션에는 배경과 조화를 이루는 제품 이미지가 표시됩니다. 태그라인은 노란색의 키워드와 흰색의 초대형 텍스트로 생성됩니다. 다른 제목은 노란색과 파란색으로 텍스트를 배치합니다. 큰 버튼은 눈에 띄는 검은색 그림자와 함께 표시됩니다. 이 사이트에는 스타일이 지정된 카운터, 광고 문구, 평가, 일치하는 연락처 양식 및 소셜 버튼도 포함되어 있습니다. 특히 두 가지 색상으로 제품의 그래픽을 보여주는 섹션이 마음에 듭니다. 한 면의 배경은 다른 면의 제품 색상과 일치합니다. 연락처 페이지는 유사한 디자인을 사용합니다.

웹사이트 방문

8. 플랜트바이브

이 사이트는 DJ Wheeler가 제출했습니다. 사이트는 섹션 배경, 그래픽 및 텍스트의 브랜드 색상에 녹색을 사용합니다. 영웅 섹션에는 한 면에는 이미지를 표시하고 다른 면에는 정보를 표시하는 교대로 레이아웃에 CTA가 있는 슬라이더가 포함되어 있습니다. 그래픽과 텍스트가 있는 간단한 CTA는 스타일이 지정된 패턴이 있는 녹색 배경 위에 표시됩니다. 컬렉션 섹션에는 제품 슬라이더의 다양한 옵션이 표시됩니다. 이 슬라이더에는 제목, 링크 및 탐색에 대한 진한 녹색 강조 표시가 있습니다. 문의 양식은 제출 버튼에 동일한 녹색을 사용합니다. 제품 사진에도 웹사이트 디자인의 일부로 만들기 위해 특정 섹션에서 사용되는 배경색이 있습니다.

웹사이트 방문

9. 아르메데스

이 사이트는 Thomas van der Wolde가 제출했습니다. 이 사이트는 배경, 그래픽, 텍스트 및 탐색 메뉴의 CTA에 파란색을 많이 사용합니다. 영웅 섹션에는 키워드를 변경하는 타이핑 효과가 있는 CTA가 표시됩니다. 광고 문구 섹션은 각 광고 문구의 상단 테두리에 대해 다른 색상을 표시하고 얼룩 배경 패턴이 있는 그래픽을 포함합니다. 번호가 매겨진 단계의 섹션은 교대로 레이아웃에서 한쪽에는 텍스트가 있고 다른 한쪽에는 그래픽이 있는 큰 파란색 글꼴로 숫자를 표시합니다. 다른 페이지는 서비스와 이점을 강조하는 유사한 단순하고 깔끔한 디자인을 따릅니다.

웹사이트 방문

10. MJS 미디어

이 사이트는 Matt Southam이 제출했습니다. 브랜드 색상에 대담한 노란색을 사용하고 이를 지원하기 위해 다른 여러 색상을 사용합니다. 영웅 섹션은 거의 보이지 않는 배경 비디오 위에 노란색 오버레이를 배치합니다. 노란색 배경은 전체 너비의 평가 및 연락처 버튼에도 사용됩니다. 여러 광고 문구는 다양한 색상의 원 배경이 있는 그래픽을 표시합니다. 나는 회색 오버레이 뒤의 배경에 이미지를 보여주는 사례 연구가 있는 섹션을 좋아합니다. 전체 화면 메뉴는 탐색, 서비스 및 연락처 정보를 쉽게 볼 수 있도록 링크를 3열에 큰 텍스트로 배치합니다. 배경이 흐릿하지만 볼 수 있습니다. 깔끔한 블로그 디자인도 마음에 듭니다.

웹사이트 방문

마감 중

7월 한 달 동안 최고의 커뮤니티 Divi 웹사이트 제출물 10개입니다. 이 사이트는 정말 멋져보이며 언제나처럼 제출해 주신 모든 분들께 감사드립니다!

자신만의 디자인을 고려하고 싶으시다면 언제든지 우아한 테마 닷컴의 nathan 편집자에게 이메일을 보내주십시오. 이메일 제목은 "DIVI SITE SUBMISSION"으로 하십시오.

우리는 또한 당신의 의견을 듣고 싶습니다! 이 웹사이트에 대해 마음에 드는 점과 웹사이트에서 수행한 작업이 있으면 블로그에서 가르치고 싶은 내용을 알려주십시오.

DRogatnev/Shutterstock.com을 통한 추천 이미지