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

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

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

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

1. 내 대학

이 사이트는 Eric Wils가 제출했습니다. 사이트 전체의 빨간색 강조 표시는 메뉴, 버튼, 탐색, 이미지 테두리, 배경의 원 패턴 및 스크롤 막대에 나타납니다. 영웅 섹션은 다음 섹션과 겹치는 버튼과 비디오가 있는 전체 너비 배경 이미지를 표시합니다. CTA는 한 면에는 이미지를 표시하고 다른 면에는 정보를 교대로 표시합니다. 평가 슬라이더가 흥미 롭습니다. 탐색 화살표는 슬라이더 상단에 나타납니다. 평가 카드는 크고 우아합니다. 나는 또한 단일 게시물을 표시하는 블로그 섹션을 좋아합니다. 추천 이미지는 짧고 넓으며 이미지와 겹치는 상자 안에 발췌 부분이 배치됩니다. 블로그 페이지는 이 디자인을 따릅니다. 제품 페이지도 사이트의 디자인을 따릅니다.

내 대학 방문

2. 엠시티크리에이티브

이 사이트는 Scott Alberti가 제출했습니다. 그것은 깨끗하고 흥미로운 단순한 디자인을 가지고 있습니다. 배경 패턴은 콘텐츠를 강조하는 동안 이 사이트에 약간의 시각적 질감을 제공합니다. 제목, 메뉴, 아이콘 및 클릭 가능한 링크를 포함하여 사이트 전체에 주황색 강조 표시가 나타납니다. 영웅 섹션은 큰 텍스트로 된 메시지와 서비스를 소개하는 문구를 보여줍니다. 회사에 대한 정보는 로고와 구분선으로 소개되며 정보는 이력서 스타일의 레이아웃으로 표시됩니다. 바닥글은 로고를 반복하고 클릭 가능한 연락처 링크를 제공합니다. 각 페이지는 이와 동일한 디자인을 따르고 스타일이 지정된 프리로더를 포함합니다.

엠시티크리에이티브 보러가기

3. 너무 좋아

이 사이트는 Naim Boughattas가 제출했습니다. 이것은 사이트 전체에 밝은 색상과 슬라이딩 애니메이션의 큰 블록이 많이 있습니다. 한쪽에는 여러 버튼이 있고 다른 한쪽에는 사이트의 나머지 부분을 설정하는 데 도움이 되는 애니메이션 원이 있는 영웅 섹션 제목입니다. 대부분의 섹션에는 큰 제목과 애니메이션 블록이 있는 한 면에 큰 배경 패턴이 포함되어 있습니다. 정보 및 CTA는 다양한 모양의 광고문안으로 제공됩니다. 슬라이더는 사이트의 나머지 부분과 혼합되는 슬라이드 작업의 예를 보여줍니다. 나는 클라이언트에 관한 섹션을 좋아합니다. 비행기는 원 사이를 날아다니며 원마다 색을 바꿉니다. 블로그 페이지는 유사한 디자인을 따르지만 추천 이미지의 색상을 사용합니다.

SO SIGHTY 방문

4. 이상한 나라의 보육원

이 사이트는 Camiel Bos가 제출했습니다. 배경, 모양, 버튼, 텍스트에 기본이 아닌 밝은 색상을 많이 사용하여 육아라는 주제를 홍보하면서도 동시에 세련된 사이트를 만듭니다. 헤더에는 로고와 헤더와 겹치는 버튼 섹션이 포함됩니다. 색상이 지정된 모양은 사이트의 나머지 부분과 별도로 스크롤되고 애니메이션됩니다. 영웅 섹션은 배경색과 스타일이 지정된 섹션 구분 기호가 있는 흥미로운 디자인을 표시하고, 한 면에는 다른 모양이 있는 모양 내의 이미지, 다른 면에는 CTA를 표시합니다. 여러 섹션에는 스타일이 지정된 섹션 구분 기호가 있는 유사한 배경색이 포함됩니다. 나는 특히 스타일이 지정된 이미지가 있는 슬라이드를 표시하는 갤러리 섹션을 좋아합니다.

원더랜드 보육원 방문

5. Z 쉬어

이 사이트는 Justin Arcara가 제출했습니다. 이것은 색상과 레이아웃을 훌륭하게 사용하는 한 페이지 디자인입니다. 영웅 섹션에는 파란색/녹색 그라디언트 오버레이가 있는 전체 화면 배경 이미지가 표시됩니다. 텍스트 및 그래픽 요소는 사이트 전체에서 파란색/녹색 색상 구성표를 따릅니다. 여러 섹션에는 콘텐츠와 완벽하게 조화되는 임베디드 비디오가 있습니다. 나는 특히 주변에 광고 문구가 있는 중앙에 그래픽을 표시하는 광고 문구 섹션을 좋아합니다. 갤러리도 흥미롭다. 섹션의 제목은 갤러리 뒤에서 스크롤하여 제자리에 슬라이드됩니다. 많은 섹션이 배경에 유사한 슬라이딩 제목을 포함합니다. 많은 요소에는 배경에서 눈에 띄는 상자 그림자가 있습니다.

Z Shere 방문

6. 젤리코 스키픽

이 사이트는 Zeljko Škipic이 제출했습니다. 이것은 애니메이션 흑백 요소와 녹색 하이라이트가 많이 있습니다. 영웅 섹션은 한 면에 큰 제목이 있는 검은색 배경과 배경과 혼합되는 다른 면에 사이트 소유자의 이미지를 표시합니다. 버튼 애니메이션은 녹색 또는 흰색 배경을 표시합니다. 고정 소셜 아이콘은 왼쪽에 있고 고정 탐색 메뉴는 오른쪽에 있으며 섹션 이름을 보여줍니다. 둘 다 배경 색상에 따라 검정색 또는 흰색입니다. Blurbs는 텍스트 뒤에 큰 아이콘을 표시합니다. 특히 최근작 부분이 마음에 든다. 큰 이미지, 설명 및 버튼이 포함된 카드 내 작업을 보여줍니다. 카드에 애니메이션이 적용되고 마우스를 가져가면 상자 그림자가 표시됩니다.

젤리코 스키픽 방문

7. 미디어 소

이 사이트는 Wouter Hendrixen이 제출했습니다. 이것은 디자인 전체에 빨간색과 보라색 음영이 있는 흰색을 많이 사용합니다. 영웅 섹션은 양쪽에 스타일 패턴이 있고 중앙에 메시지가 있는 전체 화면 배경 비디오를 재생합니다. 여러 섹션에는 빨간색 텍스트, 아이콘, 버튼, 화살표 및 광고 문구, 제목, 버튼 및 배경 그라디언트와 같은 배경 요소가 포함됩니다. 사례 연구 페이지는 사례 세부 정보를 단일 열에 표시하고 사례 세부 정보가 있는 스타일이 지정된 사이드바와 사이드바 내에서 완벽하게 작동하는 문의 양식을 포함합니다. 군중 커뮤니케이션 페이지는 여러 정보 섹션과 슬라이드를 측면으로 기울이는 슬라이더를 포함하는 더 많은 스타일과 요소를 추가합니다. 보라색 배경과 빨간색 하이라이트가 이 사진을 돋보이게 합니다.

미디어 소 방문

8. 웨바스

이 사이트는 Daniel Aaserud가 제출했습니다. 이것은 파란색 강조 표시가 있는 깔끔한 레이아웃입니다. 영웅 섹션에는 오버레이에 CTA가 있는 파란색 그라데이션 배경과 다음 섹션과 구분하기 위한 스타일이 지정된 섹션 구분 기호가 포함됩니다. 견적에 대한 CTA는 한 면에는 그래픽을 표시하고 다른 면에는 정보를 표시합니다. 최신 작업은 세 개의 열에 있는 카드 내의 프로젝트를 보여줍니다. 중앙 기둥은 눈에 띄는 어두운 배경을 포함합니다. 가격표에는 빨간색으로 가장 인기 있는 옵션이 있는 파란색 하이라이트가 포함되어 있습니다. 나는 Google 리뷰의 카드를 표시하는 평가 섹션을 좋아합니다. 바닥글도 흥미롭다. 가입 양식, 큰 색 블록의 메뉴, 다른 색 블록의 최신 블로그 게시물을 포함하는 세 개의 열에 정보를 표시합니다. 나는 큰 이미지와 웹사이트 링크가 있는 프로젝트를 보여주는 참조 페이지를 좋아합니다.

Webaas 방문

9. 트루케어

이 사이트는 Nicolle Principe가 제출했습니다. 이것은 배경, 버튼, 텍스트, 아이콘 등에 밝은 색상을 많이 사용합니다. 영웅 섹션은 밝은 배경의 오버레이에 CTA가 있는 전체 화면 이미지를 표시합니다. 링크는 영웅과 다음 섹션을 겹치는 상자 안에 배치됩니다. 여러 CTA는 색상, 이미지, 광고 문구, 통계 및 버튼 블록으로 정보를 표시합니다. 서비스 섹션에는 배경 그라데이션 위의 링크가 있는 사이드바 탐색이 표시됩니다. 팀원들을 만날 수 있는 섹션은 한쪽에는 이미지가, 다른 한쪽에는 링크가 표시됩니다. 여러 CTS에 겹치는 요소가 포함되어 있습니다. 나는 또한 각각 다른 색상의 배경을 가진 4개의 행을 표시하는 바닥글을 좋아합니다. 블로그 페이지가 흥미롭습니다. 여기에는 화면의 한 면을 덮는 드롭다운이 있는 스타일이 지정된 검색 기능이 포함됩니다.

TrueCare 방문

10. 윌파리

이 사이트는 Vilem Necesany가 제출했습니다. 이것은 색상과 레이아웃을 흥미롭게 사용합니다. 영웅 섹션은 한 면에 배경색과 겹치는 이미지를 표시하고 다른 면에 링크 스트립이 뒤따르는 설명을 표시합니다. 정보는 텍스트, 이미지 및 통계 카운터와 함께 제공됩니다. 내가 가장 좋아하는 섹션은 트렌드를 강조합니다. 위치 및 정보 이미지가 있는 3열 그리드를 표시합니다. 이것은 이미지 상단에 정보를 표시하는 것과 정보 상단에 이미지를 번갈아 표시합니다. 각각에는 자세한 내용을 볼 수 있는 링크가 포함되어 있습니다. 블로그 섹션은 배경과 겹치고 큰 지도는 위치를 보여줍니다. 나는 또한 웹사이트의 나머지 부분과 일치하는 스타일의 이메일 구독 양식을 좋아합니다. 각 페이지는 동일한 스타일 요소를 따르고 더 많이 추가합니다. 스타일이 지정된 스크롤바도 있습니다.

Willflies 방문

마무리

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

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

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

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