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

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

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

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

1. 아킴보

이 사이트는 Alan Cox가 제출했습니다. 이 사이트는 배경에 회색 음영의 선으로 그린 ​​아트를 사용하고 전체적으로 다채로운 캐릭터 그림을 사용합니다. 버튼 및 기타 그래픽 요소도 사이트 디자인에서 눈에 띄게 색상으로 표시됩니다. 이것은 제품과 행동 유도에 초점을 맞추는 데 큰 역할을 합니다. 전체 화면 영웅 섹션, 제품 데모, 2열 사용성 섹션, 1열 사명 선언문, 사용 후기 및 바닥글과 겹치는 CTA로 디자인을 단순하게 유지합니다. Science 페이지는 디자인을 단순하게 유지하면서 큰 제목과 브랜드 그래픽으로 흥미롭습니다.

웹사이트 방문

2. 멋진 태퍼 매거진

이 사이트는 Carlos Godoy가 제출했습니다. 이 사이트는 Extra를 사용하여 우아한 잡지 디자인을 만듭니다. 시차에 배경 이미지와 중앙에 로고가 있는 전체 화면 영웅 섹션을 표시합니다. 스크롤하면 화면 상단에 도달했을 때 제자리에 남아 있는 메뉴가 나타납니다. 기사는 3열의 다중 열 레이아웃 내에 배치됩니다. 다른 게시물은 단일 열 슬라이더로 표시되고 맨 아래에는 추가로 읽을 수 있는 섹션이 표시됩니다. 블로그 게시물은 한 면에는 텍스트를, 다른 면에는 이미지를 배치합니다. 이 사이트에는 큰 드롭다운 메뉴와 프리로더도 있습니다. 나는 이것이 엑스트라라고 생각하지 않았을 것이다.

웹사이트 방문

3. 베이스맵

이 사이트는 Dustin Olsen이 제출했습니다. 이 사이트는 독자가 제품의 목적을 한 눈에 이해할 수 있도록 배경 이미지 위에 화면 중앙에 제품의 데모 및 CTA를 배치합니다. 비슷한 디자인의 다른 여러 섹션에서 제품을 한쪽으로 보여주지만 이번에는 스크린샷, 애니메이션 또는 비디오가 있는 두 개의 데모이며 다음 섹션과 겹칩니다. 데모는 제품의 기능을 완벽하게 보여줍니다. 스타일 가격표가 마음에 듭니다. 블로그도 재미있습니다. 여기에는 슬라이더와 2열로 필터링된 블로그 그리드가 포함됩니다. 게시물에는 우아한 오버레이가 포함됩니다. 사이드바는 또한 사이트 디자인에 적합하며 Instagram 피드를 포함합니다. 이 사이트의 사진은 훌륭합니다.

웹사이트 방문

4. DH 마케팅 디지털

이 사이트는 Douglas Henrique Monteiro e Silva가 제출했습니다. 제목, 태그라인 및 CTA를 위한 공간을 제공하여 한 면에는 주제가 있고 다른 면에는 배경이 있는 전체 화면 이미지를 보여줍니다. 서비스는 다채로운 아이콘을 사용하여 글머리 기호로 표시됩니다. 서비스에 대한 통계는 아이콘이 있는 버티클 토글의 흥미로운 그래픽으로 표시됩니다. 평가는 상자 그림자와 별 등급 시스템을 사용하는 카드에 표시됩니다. 한 섹션에는 그래픽 뒤에 배경 패턴이 있습니다. CTA는 두 섹션을 겹치고 멋지게 보입니다. 나는 서비스 페이지에서 광고 문구를 우아하게 사용하는 것을 좋아합니다. 다채로운 아이콘을 사용하고 호버 효과가 있는 슬림한 카드를 만듭니다. 이 사이트는 여백을 많이 사용하고 색상을 우아하게 사용합니다.

웹사이트 방문

5. 유커

이 사이트는 Sander Goorman이 제출했습니다. 파란색 그라디언트를 사용하여 전체 화면 배경 이미지를 표시하고 한쪽에 서비스 탐색과 함께 태그라인을 표시합니다. Blurbs는 다음 섹션과 겹치며 각 서비스에 대한 자세한 정보를 제공합니다. 광고 문구는 파란색 아이콘이 있는 깨끗한 카드입니다. 호버링 시 위쪽으로 올라가며 사이트 디자인에 완벽하게 맞습니다. 그들의 이야기를 보여주는 섹션은 한 면에 여러 색상의 큰 텍스트를 사용하고 다른 면에 일반 텍스트를 사용합니다. 그들의 작품의 예는 작품을 볼 수 있는 링크가 있는 대체 레이아웃 내에 표시됩니다. 블로그 디자인이 마음에 듭니다. 오버레이, 제목, 카테고리, 작성자 이름 및 팝업에서 추천 이미지를 볼 수 있는 버튼이 있는 그리드에 게시물을 표시합니다. 모두 추천 이미지 위에 배치됩니다.

웹사이트 방문

6. 이상형

이 사이트는 Oliver Gehrmann이 제출했습니다. 태그라인이 있는 여러 이미지는 스타일이 지정된 블록 제목이 있는 정보 섹션이 뒤따르는 전체 너비 슬라이더에 표시됩니다. 자세히 알아보기 버튼을 누르면 전체 페이지 팝업이 열립니다. 자세히 알아보기 버튼은 디자인 전반에 걸쳐 눈에 띄며 많은 정보에 대한 액세스를 제공하는 동시에 공간을 절약하는 데 효과적입니다. 마우스를 올리면 색상이 바뀌고 클릭하면 팝업이 열리는 그래픽을 사용하여 추가 정보가 제공됩니다. 슬라이더 내의 그래픽 및 정보 버튼으로 더 많은 서비스가 표시됩니다. 유사한 슬라이더는 강사의 이미지를 보여줍니다. 강사 페이지에는 큰 사진과 각 사람에 대한 정보가 있는 두 개의 열이 표시됩니다. 나는 이벤트 페이지를 좋아합니다. 드롭다운 상자가 있는 필터를 사용합니다.

웹사이트 방문

7. 바이오 바즈와인

이 사이트는 Michael Koch가 제출했습니다. 이것은 주제 위에 태그 라인이있는 전체 화면 이미지를 보여주고 측면을 장식하기 위해 나무 모양으로 오버레이됩니다. 이러한 모양과 유사한 모양이 측면을 따라 사이트 전체에 나타납니다. 다음 섹션에서는 다른 페이지에 대한 CTA를 보여줍니다. CTA는 다양한 색상의 오버레이가 있는 큰 패턴 배경을 사용합니다. 소규모 CTA는 블로그 카드 디자인과 유사한 디자인을 사용합니다. 하나는 기울어진 디자인을 사용합니다. 나는 소유자를 보여주는 섹션을 좋아합니다. 그것은 함께 전체 화면 이미지를 보여주고 그 아래에는 사진에 있는 사람 근처의 이미지와 겹치는 텍스트 블록이 있습니다. 이벤트 페이지는 날짜를 표시하기 위해 상단에 막대가 있는 인라인 블로그 게시물과 유사한 이벤트를 표시합니다. 나는 이 웹사이트의 사진과 색상을 좋아합니다.

웹사이트 방문

8. 에코호스트

이 사이트는 Emy가 제출했습니다. 이 사이트는 빨간색, 녹색 및 파란색의 우아한 음영을 사용하여 사이트 전체의 배경과 아이콘에 평면 디자인을 사용하는 한 페이지 레이아웃을 가지고 있습니다. 배경 및 기타 요소에 대한 그래픽은 회사의 사명을 설명하는 데 도움이 됩니다. 기능은 큰 아이콘과 제목이 있는 카드를 만들기 위한 안내문과 함께 표시됩니다. 유사한 카드가 평가 및 연락처 정보에 사용됩니다. 가격표가 마음에 듭니다. 여기에는 토글 스위치가 포함되어 있으며 토글을 클릭하면 가격이 애니메이션으로 표시됩니다. 여러 카드에는 정보를 보기 위해 클릭할 때 팝업에 정보가 포함됩니다. 이 사이트는 그래픽, 배경 패턴 및 색상을 훌륭하게 사용합니다.

웹사이트 방문

9. 717 미디어

이 사이트는 Eike Muller가 제출했습니다. 텍스트, 버튼, 애니메이션 및 배경 내에서 사이트 전체에 걸쳐 브랜드 색상으로 밝은 녹색을 사용합니다. 스크롤 막대와 맨 위로 이동 버튼도 녹색으로 표시됩니다. 큰 카드는 이미지, 텍스트 및 버튼이 있는 서비스를 보여줍니다. 카드는 호버에 그림자를 보여줍니다. 여기에는 어두운 오버레이가 있는 전체 너비 배경이 있는 흥미로운 CTA가 포함되어 있습니다. 스크롤하면 텍스트 주위에 녹색 선이 그려져 주의를 끕니다. 나는 정보 섹션을 좋아합니다. 그것은 이미지와 텍스트를 사용하여 카드에 정보를 보여줍니다. 카드는 다음 섹션과 겹치고 애니메이션 오버레이가 포함됩니다. 이 사이트는 모든 페이지에 작은 애니메이션과 녹색 하이라이트를 잘 활용합니다.

웹사이트 방문

10. 픽앤롤

이 사이트는 Roberto Wagner가 제출했습니다. 이것은 온라인 상점입니다. 홈페이지는 여러 색상의 큰 텍스트가 포함된 배경 이미지를 사용하여 상점에 대한 전체 화면 CTA를 보여줍니다. 상점 섹션은 사이트의 브랜드 색상(굵은 노란색)과 일치하는 오버레이의 아이콘과 함께 세 개의 열에 제품을 표시합니다. 정보 섹션은 시차로 배경 이미지에 비해 이점을 보여줍니다. 회원 평가 및 뉴스레터 섹션은 노란색 텍스트로 유사한 스타일을 따릅니다. 상점 페이지는 동일한 디자인을 따르지만 영웅 섹션에 검색 기능을 추가합니다. 블로그에는 현재 하나의 게시물이 있지만 페이지는 멋진 디자인을 가지고 있습니다. 블로그 게시물은 영웅 섹션과 겹치고 뉴스레터는 바닥글 위의 소셜 팔로우 섹션을 포함하여 두 섹션과 겹칩니다.

웹사이트 방문

마감 중

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

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

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

L-astro/Shutterstock.com을 통한 추천 이미지