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

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

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

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

1. 마리 부즈코바

이 사이트는 Michal Teska가 제출했습니다. 제목과 소셜미디어 링크에만 네비게이션 메뉴를 사용하고 페이지 하단에 메뉴를 배치한 1페이지 디자인입니다. 스크롤해도 메뉴는 그대로 유지됩니다. 영웅 섹션은 전체 화면 배경 위에 한쪽에 사이트 소유자의 큰 이미지를 보여줍니다. 이름과 통계는 반대쪽에 배치됩니다. 각 섹션의 제목은 제목 뒤에 큰 텍스트를 표시합니다. Career Highlights는 한 면에 겹치는 이미지를 보여주고 다른 한 면에는 블러블의 하이라이트가 포함된 비디오가 뒤따릅니다. 이미지는 벽돌 갤러리에 표시되고 전체 화면 슬라이더에서 열립니다. 팀 섹션은 배경 패턴으로 팀의 헤드샷을 보여줍니다. 팔로우 섹션에는 포함된 Facebook 및 Twitter 피드가 포함됩니다. 이 사이트는 색상과 텍스트를 흥미롭게 사용합니다.

사이트 방문

2. MWS 디지털

이 사이트는 Kaelynn Midgley가 제출했습니다. 클릭 유도문안을 중심으로 깔끔한 랜딩 페이지가 있습니다. 헤더는 로고, 태그라인 및 CTA와 함께 페이지 중앙에 주요 정보를 표시합니다. 접근 방식에 대한 CTA가 있는 그래픽은 다음 섹션과 겹칩니다. 2열 섹션은 한 열에 모바일 이미지를 표시하고 다른 열에 텍스트를 표시합니다. 다음 몇 섹션은 이 디자인을 따르고 페이지 아래로 번갈아 나타납니다. 블로그 섹션은 어두운 오버레이와 텍스트가 있는 정사각형 이미지를 표시하여 깨끗하고 우아한 디자인을 만듭니다. 나는 서비스에 대한 링크 섹션을 좋아합니다. 각 서비스에 연결된 큰 형태의 서비스를 보여줍니다. 이 사이트는 색상과 레이아웃을 우아하게 사용합니다.

사이트 방문

3. 우나 파파야

이 사이트는 Andrea El-BardaWil이 제출했습니다. 이 사이트는 배경 패턴 이상의 이미지와 함께 많은 시차 배경을 사용하는 한 페이지 디자인입니다. 전경은 스크롤할 때 배경과 상호 작용하는 이미지를 표시합니다. 전경에는 다음 섹션을 설명하는 큰 텍스트가 포함되어 있습니다. 정보는 적절한 그래픽과 함께 안내문으로 제공됩니다. 번호가 매겨진 섹션에는 CTA와 함께 정보가 표시됩니다. 최신 작업의 예는 굵은 빨간색 배경 위에 설명과 링크와 함께 슬라이더 안에 표시됩니다. 이 사이트는 과일 테마, 시차 이미지, 대담한 빨간색과 주황색을 잘 활용합니다.

사이트 방문

4. 신선한 라임

이 사이트는 Josh Allan이 제출했습니다. 사이트는 아이콘, 로고, 메뉴 CTA(스크롤 후)와 같은 그래픽의 브랜드 색상으로 라임 그린을 사용하고 버튼과 텍스트를 사용하고 배경과 버튼에는 파란색을 사용합니다. 영웅 섹션은 사람들이 있는 건물의 그래픽과 함께 다양한 짙은 파란색 음영의 흥미로운 배경 패턴을 보여줍니다. 전경에는 제목, 태그라인 및 CTA가 표시됩니다. 서비스는 녹색 아이콘이 있는 안내문에 설명되어 있습니다. 다른 섹션은 영웅 섹션과 일치하는 건물과 사람들의 그래픽으로 한 면에 정보를 보여줍니다. 각 페이지는 그래픽과 패턴 배경을 잘 활용합니다.

사이트 방문

5. 강 위의 목장

이 사이트는 Kelsey Spectre가 제출했습니다. 메뉴와 다음 섹션을 겹치는 초대형 로고를 사용합니다. 메인 이미지의 일부가 그 위에 나타날 정도로 메뉴가 화면에서 충분히 낮게 나타납니다. 전체 너비 이미지는 위치를 표시하고 이미지의 하늘을 사용하여 제목 텍스트를 배치합니다. 이 아래에 손으로 쓴 것처럼 보이는 제목으로 스크립트 글꼴을 사용하여 뉴스레터 CTA가 나타납니다. 이미지는 정보 페이지에 대한 링크로 사용됩니다. 여러 섹션은 위치를 설명하거나 정보를 제공하기 위해 한 쪽에 지도 또는 이미지를 표시하고 다른 쪽에 텍스트를 표시합니다. 다양한 페이지는 위치의 전체 너비 이미지를 보여주고 지도에 손으로 그린 ​​그래픽이나 위성 이미지를 사용합니다. 배경과 텍스트의 색상은 목장 테마와 완벽하게 어울립니다.

사이트 방문

6. 에덴강 기마

이 사이트는 Salma 보안관이 제출했습니다. 여기에는 계정 링크가 있는 상단 메뉴 표시줄, 큰 로고 영역, 사이트의 나머지 부분보다 좁게 만들어진 파란색 배경의 기본 탐색이 포함됩니다. 기본 배경 이미지는 오버레이에 태그라인과 상점 CTA를 표시합니다. 제목은 사이트 디자인에 맞게 녹색 또는 갈색입니다. Facebook CTA는 눈에 띄는 색상 상자 안의 그룹을 설명합니다. 동그라미로 표시된 이미지와 그룹으로 연결되는 버튼을 사용합니다. 팟캐스트에 대한 섹션은 제목이 있는 이미지를 사용하여 최신 에피소드로 연결됩니다. 눈에 띄는 또 다른 섹션은 홈페이지와 유사한 스타일을 따르는 다양한 페이지로 연결되는 원 이미지가 있는 안내문입니다. 텍스트와 하이라이트의 색상은 사이트 디자인과 잘 어울립니다.

사이트 방문

7. 라이온스 애비뉴

이 사이트는 Ricky가 제출했습니다. 이 사이트는 어두운 색상과 차분한 색상을 함께 사용하여 스타일리시한 느낌을 주는 한 페이지 디자인입니다. 하늘색 하이라이트는 제목, 배경 및 테두리에 사용됩니다. 영웅 섹션에는 CTA 세트와 함께 큰 로고가 이어지는 태그라인이 표시됩니다. 정보 섹션은 스타일이 지정된 이미지의 한쪽에 사이트 소유자의 이미지를 보여주고 다른 쪽에는 제목, 스크립트 글꼴 및 스타일이 지정된 테두리가 있는 상자에 표시되는 정보 자체와 함께 더 넓은 영역에 정보가 표시됩니다. 이미지가 겹칩니다. 이 동일한 제목과 스크립트 글꼴 디자인은 프로젝트 이미지를 카드로 표시하는 포트폴리오 섹션을 포함하여 사이트 전체에 여러 섹션을 소개하는 데 사용됩니다. 색상, 글꼴 및 각진 구분선은 이 사이트를 깨끗하고 흥미로운 디자인으로 만드는 데 도움이 됩니다.

사이트 방문

8. 더 착유

이 사이트는 DJ WHEELER가 제출했습니다. 이 사이트는 깔끔한 디자인을 만들기 위해 검정, 흰색 및 황갈색 색 구성표를 사용합니다. 메뉴의 텍스트는 링크 사이에 많은 공간이 있어 평소보다 큽니다. 영웅 섹션은 흰색 배경 위에 큰 검은색 텍스트를 표시하는 다음 섹션에 혼합하기 위해 투명도가 있는 전폭 및 초대형 물결 모양의 구분선으로 관련 이미지를 표시합니다. 또 다른 전체 너비 이미지는 상점 카테고리에 대한 큰 버튼과 제품 세트가 포함된 이전 및 다음 섹션과 혼합됩니다. 여러 섹션은 이미지와 버튼 또는 광고 문구와 아이콘으로 정보를 제공합니다. 각 섹션은 정보를 짧고 간단하게 유지합니다. 회원 평가 및 뉴스레터 섹션은 동일한 단순한 디자인을 따릅니다. 이 사이트는 여백과 타이포그래피를 잘 활용합니다.

사이트 방문

9. 프로포토 온라인

이 사이트는 Eugene Dimov가 제출했습니다. 이 사이트는 타임라인 디자인을 사용하여 섹션을 구분합니다. 전체 화면 이미지에는 제목과 CTA가 표시됩니다. 큰 섹션에는 제목 뒤에 있는 큰 제목이 포함됩니다. 스크롤하면 제목이 천천히 제자리에 고정됩니다. 각 섹션은 색상 블록으로 번호가 매겨지고 세로선으로 번호가 매겨집니다. 스크롤하면 숫자가 제자리에 고정됩니다. 더 작은 섹션에는 화면 측면에 나타나는 세로 제목이 있습니다. 섹션 자체에는 CTA와 텍스트 및 이미지가 번갈아 표시됩니다. 갤러리 페이지의 레이아웃이 마음에 듭니다. 한 면에는 두꺼운 테두리로 이미지를 표시하고 다른 면에는 사진가의 정보를 표시하고 이미지를 구매하거나 인쇄할 수 있는 버튼을 표시합니다. 연락처 페이지는 천장에 매달려 있는 게시판에 연락처 양식을 보여줍니다. 양식은 이미지 슬라이더 옆에 있습니다. 그들이 놓인 보드는 벽돌 벽 위에 있습니다. 이 사이트는 타이포그래피와 사진을 잘 활용합니다.

사이트 방문

10. 하이코 연구소

이 사이트는 Rui Silva가 제출했습니다. 영웅 섹션은 시차로 오버레이에 CTA 및 각진 이미지가 있는 큰 주황색 배경 패턴을 표시합니다. 섹션에는 다음 섹션과 혼합되는 각진 디바이더가 있습니다. 스크롤하면 제품이 한쪽에 설명과 함께 표시되고 페이지 아래로 번갈아가며 표시됩니다. 일부 이미지는 배경 요소와 겹칩니다. 또 다른 흥미로운 정보 섹션은 화면의 대부분을 차지하고 한쪽에 앉아 있는 검은색 배경의 블록을 사용합니다. 스크롤하면 표시되는 배경이 그 아래의 이미지와 혼합됩니다. CTA는 검정색 배경 위에 대담한 색상으로 눈에 띕니다. 이 사이트는 색상과 사진을 잘 활용합니다.

사이트 방문

결론

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

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

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

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