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

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

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

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

1. 스트래튼 크레이그

이 사이트는 Piers Elliott가 제출했습니다. 사이트 전체에 약간의 진한 파란색과 함께 텍스트, 링크 및 버튼에 대한 빨간색 강조 표시가 많이 있습니다. 섹션에는 빨간색과 파란색 모두에 잘 어울리는 흰색 또는 매우 밝은 녹색 배경이 포함됩니다. 메가 메뉴에는 연락처 CTA가 있는 밝은 녹색 배경과 여러 열의 링크가 포함됩니다. 영웅 섹션에는 포함된 비디오가 표시됩니다. 사례 연구 및 서비스 섹션은 한 쪽에 이미지가 있고 다른 쪽에 정보가 있는 작은 행을 표시합니다. 나는 블로그 섹션을 좋아한다. 게시물에는 공백과 단일 가로선으로 구분된 제목이 표시됩니다. 내가 흥미롭게 찾은 또 다른 점은 스크롤 막대가 없다는 것입니다.

웹사이트 방문

2. 마이크 프리랜서

이 사이트는 Mike McManus가 제출했습니다. 이것은 타이포그래피와 회색 배경을 흥미롭게 사용합니다. 영웅 섹션은 한 면에 둥근 바닥 모서리가 있는 이미지를 보여줍니다. 이것은 회색 배경과 겹치는 반대쪽의 텍스트와 연결이 끊어집니다. 작은 노란색 버튼은 사이트 전체에 사용되며 메뉴의 노란색과 일치합니다. 프로젝트는 한쪽에 이미지가 있고 다른쪽에 발췌문이 있는 게시물로 표시됩니다. 나는 다른 광고문구에만 닿는 테두리로 구분된 광고문구 섹션을 좋아합니다. 사이트 디자인은 코드 모양과 느낌이 눈에 띄고 웹 사이트를 설명하는 데 완벽하게 작동합니다. 이 사이트에는 흥미로운 블로그 디자인도 있습니다.

웹사이트 방문

3. 다조크리에이티브

이 사이트는 David King이 제출했습니다. 이것은 브랜딩을 위해 사이트 전체에 녹색을 잘 사용합니다. 영웅 섹션에는 스크롤할 때 화면을 확대하는 피클 병 이미지가 포함되어 있습니다. 웹사이트는 초대형 텍스트로 소개됩니다. 많은 요소에는 호버 또는 스크롤 애니메이션이 포함됩니다. 배경 중 일부는 시차에 있고 스튜디오의 이미지를 보여줍니다. 내가 가장 좋아하는 섹션 중 하나는 타이포그래피 디자인과 관련된 아이콘이 있는 광고 문구를 보여줍니다. 내가 좋아하는 또 다른 것은 스크롤할 때 축소되는 초대형 텍스트를 보여줍니다. 나는 또한 다중 열 레이아웃으로 표시되는 작업의 예를 좋아합니다. 여기에는 이미지의 호버 효과에 대한 녹색 오버레이가 포함됩니다.

웹사이트 방문

4. IT 소스 확보

이 사이트는 Michael White가 제출했습니다. 이것은 로고, 영웅 섹션의 수직 막대, 숫자, 링크, 아이콘, 오버레이 및 수평 테두리의 하이라이트로 주황색과 빨간색을 많이 사용합니다. 많은 섹션에는 눈에 띄는 배경 패턴이 포함되어 있습니다. 일부는 섹션을 설명하는 텍스트를 포함합니다. 나는 그들의 접근 방식을 자세히 설명하는 섹션을 좋아합니다. 여기에는 애니메이션 및 오버레이가 있는 번호가 지정된 광고 문구가 포함됩니다. 리소스 페이지도 마음에 듭니다. 호버 애니메이션, 제목 및 카테고리가 포함된 추천 이미지가 포함된 블로그 게시물을 보여줍니다. 짧고 넓으며 블로그에 깔끔한 디자인을 제공하는 두 개의 열에 배치됩니다.

웹사이트 방문

5. 스튜디오 비타

이 사이트는 Simone Vitas에 의해 제출되었습니다. 이것은 사이트 전체에 흥미로운 호버 애니메이션이 많이 있습니다. 마우스 커서가 배경이 보이도록 하는 스타일이 지정된 삼각형으로 변경됩니다. 클릭할 수 있는 항목 위로 마우스를 가져가면 삼각형이 채워지고 배경이 표시되며 색상이 반전됩니다. 클릭 가능한 요소는 눈에 띄는 진한 빨간색으로 변경됩니다. 헤더 및 햄버거 메뉴 글꼴이 특히 우아합니다. 나는 페이지가 로드될 때 페이지의 요소를 드러내는 블록 애니메이션을 좋아합니다. 나는 또한 작업의 예를 위해 흥미로운 이미지를 사용하는 것을 좋아합니다. 클릭 유도문안은 마우스를 가져가면 삼각형의 큰 버전을 표시하고 사이트와 일치하도록 스타일이 지정된 큰 문의 양식으로 이동합니다.

웹사이트 방문

6. 인도네시아 서핑

이 사이트는 Lokesh Mangyan이 제출했습니다. 이것은 표기법을 흥미롭게 사용합니다. 많은 요소에는 요소를 가리키는 화살표가 있는 기울어진 텍스트가 포함됩니다. 텍스트는 웹 사이트 사용 방법에 대한 팁을 제공합니다. 여러 클릭 유도문안이 홈페이지 전체에 배치되어 있으며 사이트 디자인과 잘 어울립니다. CTA에는 버튼, 작은 배너, 전면에 이미지와 버튼이 있는 황갈색 배경 위에 큰 텍스트를 표시하는 전체 너비 섹션이 포함됩니다. 여기에는 웹사이트 도구의 앱 버전에 대한 CTA도 포함됩니다. 여러 색조의 황갈색이 해변 테마와 잘 어울리는 브랜드 색상으로 사용됩니다. 광고 문구 섹션은 마우스 오버 시 테두리를 표시하고 황갈색 아이콘을 포함합니다. 리뷰는 영웅 섹션과 평가 슬라이더 내에서 별 등급이 있는 짧은 스니펫으로 표시됩니다. 나는 이 웹사이트에서 지도를 사용하는 것을 좋아합니다.

웹사이트 방문

7. 칼디지털

이 사이트는 Kal의 Petros가 제출했습니다. 이것은 배경과 타이포그래피를 흥미롭게 사용합니다. 영웅 섹션의 제목 뒤에 밝은 빨간색 애니메이션 거품이 표시됩니다. 다음 섹션으로 스크롤할 때 거품이 제자리에 남아 있고 전체 배경이 될 때까지 다른 모양으로 변경됩니다. 그런 다음 회색으로 바뀌고 다시 거품으로 변한 다음 검정색 배경으로 바뀝니다. 길을 따라 전경에는 정보, 만화 스타일의 그래픽이 있는 서비스가 한쪽에 표시되고 다른 한쪽에는 정보가 표시됩니다. 회색 섹션은 양쪽에 광고 문구가 있는 컴퓨터 화면의 그래픽을 표시합니다. 다른 페이지는 색상이 다른 유사한 디자인을 사용합니다. 나는 또한 연락처 페이지의 애니메이션 펜을 좋아합니다.

웹사이트 방문

8. 로빈슨 MD

이 사이트는 Jonathan Morey가 제출했습니다. 사이트 전체에 밝은 색상을 하이라이트 및 배경 요소로 사용합니다. 접근성 도구는 항상 손이 닿는 곳에 있는 아이콘 안에 배치됩니다. 일부 섹션에는 한 쪽에 이미지가 있고 다른 쪽에 텍스트가 있는 두 개의 열이 표시됩니다. 일부 이미지에는 두 모서리 뒤에 색상 블록이 포함되어 있습니다. Blurbs에는 웹 사이트의 장르에 잘 맞는 특수 아이콘이 포함되어 있습니다. 홍보 문구의 한 섹션에는 배경보다 빠르게 스크롤되는 카드와 측면 문구가 포함됩니다. 바닥글 근처의 자세한 양식은 사이트의 스타일과 일치합니다. 블로그 페이지는 동일한 디자인을 따르며 제안 및 스타일이 지정된 블로그 카드가 포함된 검색을 포함합니다.

웹사이트 방문

9. 국제예산 파트너십

이 사이트는 Rajan Zaveri가 제출했습니다. 그것은 모든 요소 내에서 많은 지구 톤을 사용합니다. 많은 표제에는 마커처럼 보이는 그려진 하이라이트가 포함되어 있습니다. 일부 배경에는 손으로 그린 ​​지도가 포함됩니다. 손으로 그린 ​​사람들의 그래픽이 텍스트 옆에 떠 있습니다. 메뉴에는 스타일이 지정된 버튼이 있습니다. 토글 내에서 목차가 생성됩니다. 왼쪽에는 영웅 섹션을 지나 스크롤하면 나타나는 스타일이 지정된 점 탐색 시스템이 있습니다. 헤더는 각 섹션의 이름을 보여줍니다. 나는 특히 그리드에 숫자가 있는 섹션을 좋아합니다. 숫자는 큰 테두리로 구분됩니다. 그리드 중앙에는 제목이 있는 작은 텍스트 블록이 있습니다. 하나 위로 마우스를 가져가면 전체 크기로 조정되어 정보와 숫자 위에 표시되는 오버레이가 표시됩니다. 데이터 맵의 버튼은 하단에 붙어 팝업을 엽니다.

웹사이트 방문

10. 냥사

이 사이트는 Christina가 제출했습니다. 이것은 로고를 포함하여 사이트 전체에 브랜드 색상으로 여러 가지 녹색 음영을 사용합니다. 영웅 섹션은 전체 너비 이미지의 일부 위에 녹색 오버레이를 배치하고 CTA를 포함합니다. 다른 섹션은 이미지 위의 텍스트 블록과 겹치고 녹색 배경의 제목을 포함합니다. 나는 특히 모서리에 켜진 사각형 안에 녹색 원 아이콘이 포함된 5개의 광고 문구 섹션을 좋아합니다. 정보 섹션은 어두운 곳에서 밝은 곳으로 가는 다양한 녹색 음영의 카드를 사용합니다. 바닥글의 소셜 아이콘은 동일한 순서를 따릅니다. 블로그 섹션은 카드에 짙은 녹색 하단 테두리를 사용합니다. 평가 슬라이더는 텍스트에 대한 녹색 배경을 포함하고 큰 배경 이미지에서 눈에 띄는 두꺼운 흰색 테두리를 포함합니다.

웹사이트 방문

다음달까지!

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

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

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

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