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

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

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

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

1. 헷 베위그트

이 사이트는 Romy Lodewijk가 제출했습니다. 이것은 파란색, 녹색, 노란색 및 빨간색의 생생한 음영을 사용하여 흥미로운 색상 조합을 만듭니다. 색상은 로고, 그래픽 및 아이콘에 함께 사용됩니다. 배경, 텍스트, 버튼, 카운터 등에서 개별적으로 사용됩니다. 마우스를 올리면 제품 이미지가 기울어집니다. 다른 여러 제품 이미지가 서로 겹치거나 배경이 겹칩니다. 제품의 기능에 중점을 둔 깔끔한 레이아웃입니다. 헤더 디자인도 마음에 듭니다. 헤더의 하단은 둥글고 로고는 헤더와 메뉴 링크로 버튼을 포함하는 다음 섹션과 겹칩니다.

웹사이트 방문

2. x비즈

이 사이트는 KG에 의해 제출되었습니다. 이것은 깔끔한 디자인을 만들기 위해 공백이 있는 브랜드 색상에 노란색과 검은색 하이라이트와 짙은 회색 배경을 사용합니다. 평면 그래픽에는 CTA에 대한 관심을 끌기 위해 브랜드 색상이 포함됩니다. Blurbs는 검정색과 노란색 하이라이트가 있는 차트와 그래프의 모형을 보여줍니다. 그들은 호버를 확대하고 색 구성표를 유지하는 실제 차트와 그래프를 표시하도록 변경합니다. 탭에는 더 큰 그래픽이 포함된 차트가 표시됩니다. 디자인을 묶는 검은색 아이콘 뒤에 노란색 원이 사용되는 방식이 마음에 듭니다. 또한 잘 설계된 메가 메뉴가 있습니다.

웹사이트 방문

3. 컬렉티브 디자인 에이전시

이 사이트는 Lauren K. Slack이 제출했습니다. 이것은 넓은 공간과 이미지 오버레이를 흥미롭게 사용합니다. 슬림 메뉴는 왼쪽에 세로로 붙어 있습니다. 영웅 섹션은 한쪽으로 흐려지는 오버레이가 있는 전체 화면 이미지를 보여줍니다. 다른 이미지는 유사한 효과를 사용하여 흥미로운 시각 효과를 만듭니다. 일부 섹션은 콘텐츠를 중앙에 배치하고 다른 섹션은 한쪽 또는 다른 쪽으로 밀려납니다. 대부분의 섹션에는 명확한 클릭 유도문안이 있습니다. 나는 특히 프로젝트 페이지를 좋아합니다. 최근작들을 다양한 사이즈의 큰 이미지로 보여줍니다.

웹사이트 방문

4. 레스퍼런스 & 어소시에이츠

이 사이트는 Geek Boutique Design의 Jeffrey가 제출했습니다. 이 사이트는 짙은 파란색 배경과 하이라이트, 우아하지만 진지한 글꼴 및 이미지를 사용하여 청중에게 주제를 알립니다. 진한 파란색은 이미지 오버레이, 흐릿한 배경, 텍스트, 버튼 및 바닥글에 사용됩니다. CTA는 사이트 디자인과 일치하는 책 표지를 사용합니다. 블로그 섹션도 흥미롭습니다. 그것은 양쪽에 그림자가 있지만 위쪽이나 아래쪽에는 없습니다. 진한 파란색 오버레이는 블로그의 추천 이미지에도 사용됩니다.

웹사이트 방문

5. 빌켄베르크

이 사이트는 Torsten Landsiedel이 제출했습니다. 사이트 전체에서 의도적으로 이상한 이미지를 사용하여 대상 청중에게 어필합니다. 많은 섹션에 교대 레이아웃과 오프셋 레이아웃이 있습니다. 나는 특히 한쪽에는 큰 이미지를, 다른 한쪽에는 발췌 부분을 보여주는 번갈아 가며 프로젝트 섹션을 좋아합니다. 둘 다 서로를 구분하는 검은색 테두리가 있습니다. 나는 또한 수상 섹션을 좋아합니다. 광고 문구를 사용하여 로고와 설명이 있는 상을 보여줍니다.

웹사이트 방문

6. 울크

이 사이트는 Benjamin Segura가 제출했습니다. 이것은 타이포그래피와 이미지를 잘 활용합니다. 영웅 섹션은 마우스를 따라가는 텍스트 내 소용돌이 배경과 함께 중앙에 로고를 배치합니다. 다른 많은 섹션에는 텍스트, 오버레이, 배경 등의 소용돌이 색상이 포함됩니다. 마이크로 애니메이션은 호버링 시 텍스트에 색상을 지정하고, 아이콘에 애니메이션을 적용하고, 커서를 변경하고, 이미지를 확대/축소합니다. 내가 가장 좋아하는 요소 중 하나는 팀 섹션입니다. 팀 구성원의 카드는 중앙에 있는 카드가 가장 큰 카드로 서로 겹쳐집니다. 카드 내에서 이미지가 이동하고 마우스를 가져가면 설명이 나타납니다.

웹사이트 방문

7. 공통 업무

이 사이트는 Fudzil Akmal이 제출했습니다. 이것은 카드를 흥미롭게 사용합니다. 영웅 섹션은 중앙에 인용문이 있고 하단에 제목이 있는 추천 이미지를 표시하는 전체 화면 게시물 슬라이더입니다. 메뉴가 명확하여 추천 이미지가 표시됩니다. 페이지의 나머지 부분은 블로그 게시물이지만 일반 블로그처럼 배치되지 않습니다. 다양한 크기의 행당 2-3개의 열이 있는 모자이크 레이아웃에 배치됩니다. 카드에는 이미지 아래에 메타와 제목이 있는 큰 이미지가 포함됩니다. 블로그 게시물은 이전 및 다음 링크를 페이지 측면에 세로로 배치합니다.

웹사이트 방문

8. 아이시텍 인터내셔널

이 사이트는 Eric Wils가 제출했습니다. 이것은 밝은 주황색/빨간색을 브랜드 색상으로 대담한 파란색과 깨끗한 레이아웃과 이미지를 사용하여 대상 청중을 끌어들입니다. 영웅 섹션에는 연락처 양식이 겹치는 전체 너비 이미지가 포함됩니다. Blurbs는 서비스를 보여줍니다. 그들은 배경에서 눈에 띄고 왼쪽 모서리에 아이콘을 포함합니다. 모서리에 태그가 있는 이미지는 사례 연구에 사용됩니다. 나는 또한 이점을 보여주는 광고를 좋아합니다. 파란색 배경과 혼합되지만 눈에 띄도록 테두리가 포함됩니다. 주황색 아이콘은 진한 파란색 카드와 잘 어울립니다.

웹사이트 방문

9. 선샤인 딜라이트

이 사이트는 John Cooper가 제출했습니다. 제품의 브랜딩과 잘 어울리는 트로피컬 컬러를 많이 사용한 제품입니다. 배경에는 곡선 디바이더가 포함되어 서로 떨어져 있고 파도의 환상을 만듭니다. 열대 색상의 아이콘은 마우스 오버 시 오버레이에 정보를 표시합니다. 제품 구매를 위한 CTA에는 두 섹션이 겹치는 제품 이미지가 포함됩니다. 많은 섹션에는 이전 섹션과 다음 섹션의 색상이 하이라이트로 포함되어 있습니다. 이렇게 하면 모든 섹션이 함께 연결됩니다. 섹션 구분선이 서로 다른 방향으로 구부러져 있는 것이 좋습니다. 바닥글에도 상단과 하단에 구분선이 포함됩니다.

웹사이트 방문

10. 작업 편집

이 사이트는 Devanshi Jain이 제출했습니다. 그것은 사이트 전체에 파란색과 노란색 브랜드 색상으로 손으로 그린 ​​그래픽을 많이 사용합니다. 그래픽 요소에는 섹션과 구분하기 위해 뭉툭한 배경이 포함됩니다. 이점은 한 면에 그래픽을 표시하고 다른 면에 텍스트를 번갈아 표시하는 레이아웃입니다. 여기에는 흥미로운 헤더도 포함되어 있습니다. 소셜 미디어 팔로우 버튼과 상단에 로그인, 하단에 메뉴가 있는 두 개의 행이 있습니다. 로고는 두 행에 걸쳐 있습니다. 블로그도 재미있습니다. 동일한 디자인을 따르고 추천 이미지에 대한 그래픽을 사용하여 카드 내에 게시물을 배치합니다.

웹사이트 방문

결론

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

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

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

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