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

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

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

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

1. 스바도브나 에이전트라 테레지 클리자노베이

이 사이트는 Lubomir Micuch가 제출했습니다. 이 사이트는 전체 화면 배경 비디오를 재생하고 비디오와 일치하는 음악과 함께 오디오 플레이어를 포함합니다. 오디오는 기본적으로 꺼져 있으며 쉽게 켤 수 있습니다. 전경에는 또한 정보 섹션으로 연결되는 스타일이 지정된 섹션 구분 기호와 함께 중앙에 로고, 태그라인 및 CTA가 표시됩니다. 이 섹션에는 텍스트가 있는 몇 개의 행과 교대 레이아웃의 두 열에 설명이 포함되어 있습니다. 광고 문구는 겹치는 버튼으로 스타일이 지정됩니다. 평가는 더 많은 것을 읽을 수 있는 링크가 있는 이미지를 보여줍니다. 비디오 갤러리는 결혼식 클립을 보여줍니다. FAQ는 스타일이 지정된 토글 내에 배치됩니다. 나는 배경 이미지와 스타일이 지정된 소셜 버튼이 있는 사용자 정의 바닥글을 좋아합니다. 이 사이트에는 스타일이 지정된 슬라이딩 바와 뒤로 가기 버튼도 포함되어 있습니다. 그 우아함은 주제와 완벽하게 일치합니다.

웹사이트 방문

2. 테크킨트 랩

이 사이트는 Ben Schroeder가 제출했습니다. 화면의 아무 곳이나 가리키면 마우스 커서가 빨간색 +로 변경됩니다. 홈 페이지는 중앙에 우주 헬멧이 있는 파란색 배경의 전체 화면입니다. 헬멧의 얼굴은 산 위로 움직이는 구름의 비디오를 재생합니다. 왼쪽에 CTA가 있는 큰 흰색 텍스트와 오른쪽에 소셜 버튼이 있는 회사 정보가 포함됩니다. 헤더에는 로고와 햄버거 메뉴가 표시됩니다. 메뉴가 특히 재미있습니다. 화면의 약 절반에 흰색 배경을 표시합니다. 링크는 초대형 검정색 글꼴로 된 한 단어입니다. 마우스를 올리면 파란색으로 바뀌는 더 큰 회색 글꼴로 번호가 매겨집니다. 여러 페이지가 같은 색 구성표를 따르거나 애니메이션으로 된 검은 별 배경이 있습니다.

웹사이트 방문

3. 포컬 포인트 마케팅

이 사이트는 Derek Nelson이 제출했습니다. 이 사이트는 사이트 전체에 노란색, 흰색 및 검은색의 굵은 굵은 텍스트를 많이 사용합니다. 영웅 섹션에는 전체 화면 배경 비디오가 포함되고 전경에는 큰 태그라인이 표시됩니다. 보조 메뉴에는 스타일이 지정된 배경이 포함되며 다음 섹션에서는 배경에 굵은 노란색을 사용합니다. 여기에는 큰 CTA와 이 부분과 영웅 섹션을 겹치는 비디오 버튼이 있는 진정한 시차의 패턴이 포함됩니다. 스크롤하면 위쪽으로 발사되는 우주 왕복선의 그래픽을 표시하는 다음 섹션이 마음에 듭니다. 이 섹션에는 CTA 및 클라우드 섹션 구분 기호도 포함됩니다. 유사한 섹션에는 호버링 시 회전하는 Erath가 표시됩니다. 기타 작업의 애니메이션 예, 비스듬히 표시된 프로젝트, 초대형 아이콘 및 브랜드 색상을 사용하는 스타일이 지정된 블로그가 포함됩니다.

웹사이트 방문

4. 숨쉬는 축제

이 사이트는 Radko Sedlak이 제출했습니다. 빨간색과 파란색이 강조된 어두운 색 구성표를 사용합니다. 영웅 섹션은 한쪽에 파란색 모양이 있는 검은색 배경을 표시합니다. 빨간 손은 그 위에 CTA와 함께 중앙에 배치됩니다. 실제 시차의 작은 선은 사이트 전체에 몇 가지 시각적 패턴을 제공합니다. 다음 섹션에는 한 면에는 텍스트가 있고 다른 면에는 이미지가 있는 또 다른 CTA가 표시됩니다. 텍스트는 파란색 모양의 배경을 포함하고 이미지는 빨간색입니다. 검은색 배경이 Facebook 게시물에 대한 스타일이 지정된 이미지 링크 섹션으로 파란색으로 바뀌기 시작합니다. 또한 구매 CTA, 시차 이미지가 있는 스타일이 지정된 뉴스레터 양식, 파트너의 흰색 로고도 포함됩니다. 메뉴는 전체 화면에서 메뉴를 여는 햄버거 아이콘을 표시합니다.

웹사이트 방문

5. 마음만

이 사이트는 Chetan Gupta가 제출했습니다. 이 사이트는 주제에 대해 알리고 이상적인 청중에게 어필하는 데 도움이 되도록 전체적으로 부드러운 색상을 사용합니다. 영웅 섹션은 한 면에 CTA가 있는 흰색 배경과 스타일이 지정된 모양이 있는 다른 면에 이미지를 표시합니다. 코스에 대한 정보가 있는 섹션은 배경색이 다른 각 열과 함께 두 개의 열에 표시됩니다. 정보의 다른 섹션에는 동일한 컷아웃 모양의 그래픽이 표시됩니다. 코스가 있는 섹션은 한쪽에 상자 그림자가 있는 카드로 코스를 표시하고 다른쪽에 정보와 버튼을 표시하며 하단에 초대형 글꼴로 제목을 표시합니다. 각 코스는 교대로 배치된 다른 색상을 가지고 있습니다. Blurbs는 스타일이 지정된 아이콘으로 정보를 제공합니다. 강사에 대한 정보에는 CTA 및 스타일이 지정된 이미지가 포함됩니다. 전폭 가입 양식에는 요소 및 그래픽에 대한 브랜드 색상이 포함됩니다.

웹사이트 방문

6. 시도 및 진실

이 사이트는 Mick Tilley가 제출했습니다. 사이트 전체에 밝은 색상을 많이 사용합니다. 영웅 섹션에는 두 개의 열이 표시됩니다. 왼쪽은 파란색 배경의 이미지입니다. 오른쪽은 분홍색 배경이 있는 이미지를 보여주고 녹색 배경이 있는 이미지 위에 CTA가 있어 프로젝트를 시작하기 위한 CTA인 다음 섹션과 연결됩니다. 회사에 대한 정보에는 세로 제목과 겹치는 이미지가 포함됩니다. 파란색 배경의 이메일 수신 동의는 브랜드 색상을 사용하는 그래픽과 함께 광고 문구 내의 서비스를 보여주는 다음 섹션으로 연결됩니다. 포트폴리오 섹션은 최신 프로젝트를 큰 스크린샷으로 보여줍니다. 클라이언트 섹션은 배경 이미지 위에 고객 평가와 함께 로고를 표시합니다. 블로그 및 연락처 섹션에는 이미지, 텍스트 및 배경의 브랜드 색상이 포함됩니다.

웹사이트 방문

7. 포병 매체

이 사이트는 Siscanu Mihail이 제출했습니다. 노란색 섹션으로 오프셋된 흑백이 많은 큰 텍스트를 사용합니다. 영웅 섹션에는 큰 제목과 태그라인이 있는 전체 너비 이미지가 표시됩니다. 다른 각 섹션에는 설명과 구분선으로 레이블이 지정되어 있습니다. 밝은 회색 패턴 위에 사명 선언문이 표시되고 검은색 배경 위에 정보가 표시됩니다. 서비스는 호버를 확대하는 이미지와 서비스를 자세히 볼 수 있는 큰 노란색 버튼이 포함된 카드 안에 표시됩니다. 클라이언트 로고는 노란색 배경 위에 검은색과 회색으로 표시됩니다. 다음은 문의 양식, 작업 프로세스 및 블로그가 있는 섹션입니다. 각 섹션에는 배경이 회색과 검정색이 번갈아 나타납니다. 블로그 카드는 마우스를 올리면 노란색으로 바뀌는 검은색 버튼과 함께 검은색과 노란색을 연결합니다.

웹사이트 방문

8. 처음부터

이 사이트는 Philipp Stakenborg가 제출했습니다. 사이트 전체에 브랜드 색상으로 밝은 노란색, 녹색, 자홍색이 많이 있습니다. 헤더는 노란색 배경을 표시하고 링크는 흰색 상자 안에 배치되며 로고와 링크는 헤더와 겹칩니다. 영웅 섹션은 배경에 동일한 노란색을 사용하고 한쪽에 녹색 원이 있습니다. 전경에는 큰 제목과 태그라인이 있습니다. 검정색 배경이 있는 텍스트는 상단에 있고 흰색 배경은 하단에 영웅과 다음 섹션이 겹칩니다. CTA는 한쪽에 큰 텍스트 뒤에 노란색 배경을 사용하고 다른쪽에 흰색 배경을 사용하는 텍스트 섹션으로 만들어집니다. 유사한 디자인은 상단에 더 큰 인용문이 있는 평가를 만듭니다. 브랜드 색상의 상자 그림자가 있는 광고 문구는 서비스를 보여줍니다. 문의 양식은 이 모든 것을 세 가지 주요 색상과 연결합니다. 팝업 뉴스레터 형식도 이 디자인을 따릅니다.

웹사이트 방문

마감 중

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

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

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

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