Divi 디자인 쇼케이스: 2019년 3월의 새로운 제출물

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

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

Divi 디자인 쇼케이스: 2019년 3월의 새로운 제출물

1. 쿠나니 위를 걷다

이 사이트는 Sarah Crawford가 제출했습니다. 위치의 전체 화면 배경 위에 오버레이로 태그라인이 있는 스타일이 지정된 텍스트 및 그래픽을 표시합니다. 스타일이 지정된 텍스트와 그래픽은 스크롤의 왼쪽 하단 모서리에 나타나는 링크를 포함하여 사이트 전체에 나타납니다. 위치 사진은 제목, 설명 및 추가 정보를 볼 수 있는 버튼과 함께 두 개의 열에 표시됩니다. 버튼은 메뉴의 CTA와 일치하도록 스타일이 지정됩니다. 또한 예정된 이벤트를 표시하는 내장된 캘린더가 포함되어 있습니다. 위치에 대한 자세한 정보는 이미지, 텍스트 및 버튼이 있는 2열 섹션에 번갈아 표시됩니다.

웹사이트 방문

2. 레모네이드

이 사이트는 Teck Seng Chan이 제출했습니다. 이 사이트는 파란색, 녹색 및 주황색의 브랜드 색상으로 영웅 섹션 및 CTA에 대한 머티리얼 디자인 그래픽을 사용합니다. 텍스트, 버튼 및 CTA는 사이트 전체의 브랜드 색상과 일치합니다. 특히 그래픽이 포함된 광고 문구가 마음에 듭니다. 여기에는 그림자 효과와 스타일이 지정된 하단 테두리가 포함됩니다. 다른 섹션에서는 실제 시차로 그 위에 모바일 디자인이 있는 웹사이트 디자인을 보여줍니다. 사이트는 레이아웃을 단순하고 깨끗하게 유지하면서 색상과 여백을 잘 활용합니다.

웹사이트 방문

3. GillespieShields의 법률 사무소

이 사이트는 로비 도일이 제출했습니다. 이 사이트는 강렬한 빨간색, 큰 회색 아이콘 및 많은 공백을 사용하여 인상적인 극적인 디자인을 만듭니다. CTA는 쉽게 찾을 수 있습니다. 나는 제목이 있는 구분선이 있는 4개의 열을 보여주는 영웅 이미지 아래 섹션을 좋아합니다. 하나를 가리키면 해당 주제에 대한 링크가 표시됩니다. 사용후기는 실드 컷아웃 디자인 내에서 사진과 함께 슬라이더에 표시됩니다. 전체 인용문 위에 큰 회색 텍스트로 요점을 표시합니다. 나는 또한 문의 양식, 인증 아이콘 및 바닥글에 청회색을 사용하는 것을 좋아합니다. 인증 아이콘은 마우스를 가져가면 색상으로 표시됩니다.

웹사이트 방문

4. 포사이드 C2IT

이 사이트는 Janus Lock이 제출했습니다. 사이트는 한쪽에 진한 파란색 오버레이가 있고 중앙에 큰 태그라인이 있는 전체 화면 비디오를 표시합니다. 짙은 파란색은 브랜딩에 회색과 함께 사용됩니다. 오른쪽에는 슬림한 세로 메뉴가 남아 있습니다. 여기에는 태그라인도 포함되지만 세로 텍스트로 되어 있습니다. 마우스를 가져가면 애니메이션으로 표시되며 클릭하면 전체 화면으로 확장되어 진한 파란색 배경 위에 링크와 눈에 띄는 검색 기능이 표시됩니다. 서비스는 애니메이션 그래픽으로 표시됩니다. 개별 블록은 상자를 만듭니다. 각각은 호버를 확대하고 샘플 프로젝트에 대한 링크를 제공합니다. 이벤트 섹션은 링크가 있는 독특한 캘린더 디자인을 만듭니다.

웹사이트 방문

5. 아이샵 클로버데일

이 사이트는 Kristy Hill이 제출했습니다. 슬라이더는 굵은 테두리와 상자 그림자를 사용하여 영웅 섹션 중앙에 제품, CTA 및 소셜 팔로우 아이콘을 표시합니다. 녹색, 주황색, 노란색은 디자인 전반에 걸쳐 브랜드 색상으로 사용됩니다. 주요 거래는 어두운 주황색 배경 위에 상자 그림자가 있는 상점 섹션 내의 제품으로 표시됩니다. 나는 그것이 어떻게 작동하는지에 대한 섹션을 좋아합니다. 그것은 과정을 안내하는 큰 손으로 그린 ​​지도를 보여줍니다. 거래 쇼핑 페이지에는 거래가 필터링 가능한 프로젝트로 표시됩니다. 앱 다운로드 페이지가 흥미롭습니다. 휴대폰으로 제품을 보여줍니다. 스크롤하면 전경이 시차로 화면을 스크롤하여 메뉴를 표시합니다.

웹사이트 방문

6. FLL 항공

이 사이트는 Juan Pablo Parody가 제출했습니다. 이것은 CTA를 만들기 위해 전경에 몇 가지 흥미로운 색상 패턴 블록이 있는 전체 너비 배경 이미지를 표시합니다. 색상은 웹사이트 전체에서 사용되는 브랜드 블루 색상입니다. 스크롤하면 이미지와 텍스트의 섹션이 번갈아 표시됩니다. 텍스트는 다양한 색상의 배경 위에 배치되며 사이트 디자인과 완벽하게 조화를 이룹니다. 바닥글의 연락처 섹션도 마음에 듭니다. 왼쪽에는 주제가 있고 오른쪽에는 모든 연락처 정보와 소셜 팔로우 링크가 포함된 색상 블록이 있는 전체 너비 이미지가 표시됩니다. 이 사이트는 큰 텍스트를 잘 활용합니다.

웹사이트 방문

7. 거친 가을

이 사이트는 Kelsey Spectre가 제출했습니다. 이 사이트는 랜딩 화면에서 많은 일이 진행되고 있지만 깔끔하게 작동합니다. 전체 화면 배경 이미지는 피사체를 중앙에 배치합니다. 화면의 양쪽에는 다양한 유형의 정보가 텍스트로 제공됩니다. 왼쪽에는 탐색 메뉴가 있습니다. 오른쪽은 CTA입니다. 하단에는 탐색 메뉴가 있습니다. 이 메뉴는 스크롤할 때 상단에 고정됩니다. 레이아웃은 이미지가 있는 많은 공백을 사용하고 텍스트가 있는 겹치는 상자(단색 또는 색상 테두리)를 사용합니다. 그들 중 몇몇은 겹치는 그래픽을 가지고 있습니다. 큰 따옴표는 공백 요소를 추가합니다. 나는 이 사이트에 사용된 손으로 쓴 글꼴을 좋아하고 이 사이트는 사진을 잘 활용합니다.

웹사이트 방문

8. 인사이트 디자인

이 사이트는 Steve Doig가 제출했습니다. 굵은 색상의 얇은 텍스트와 레이아웃에 많은 여백을 사용하여 깔끔한 디자인을 만듭니다. 영웅 섹션은 한 면에 이미지를 표시하고 다른 면에 태그라인과 CTA를 표시합니다. 바로 아래에는 제공되는 서비스 유형에 대한 스타일 메뉴를 생성하기 위한 링크 목록이 있습니다. 각 링크는 사이트의 브랜딩과 일치하도록 세로줄로 구분됩니다. 서비스에 대한 CTA는 자세히 알아보기 위한 버튼과 함께 다양한 유형의 서비스에 대한 이미지를 보여줍니다. 이 섹션은 페이지 아래로 번갈아 나타납니다. 이 사이트에는 밝은 회색 배경에 큰 텍스트로 된 링크가 있는 흥미로운 바닥글이 있습니다. 텍스트의 첫 번째 단어는 로고의 스타일 버전으로 각각 다른 색상을 사용합니다. 메뉴에 있는 소셜 아이콘이 마음에 듭니다.

웹사이트 방문

9. 벡셀

이 사이트는 Agustina Ouvina가 제출했습니다. 이 사이트는 전체 너비 슬라이더를 표시합니다. 각 슬라이드는 시차로 제품의 배경 이미지, 중앙에 큰 검색 상자, 왼쪽 하단에 CTA 링크, 오른쪽 하단에 소셜 아이콘을 보여줍니다. 추천 제품 섹션에는 4개의 열에 제품이 표시됩니다. 각 제품 이미지는 마우스 오버 시 제목과 소셜 공유 링크를 보여줍니다. 계획을 보여주는 섹션은 시차에서 파란색 배경의 제품 위에 광고 문구를 표시합니다. 추천 카테고리 섹션이 마음에 듭니다. 호버 효과가 있는 자주색 배경 위의 격자에 벡터 아이콘으로 표시됩니다. 스크롤하면 메뉴에 큰 검색 상자가 나타납니다.

웹사이트 방문

10. 라이온스 애비뉴

이 사이트는 Ricky Lionetti가 제출했습니다. 사이트 전체에 단색 배경을 사용하는 한 페이지 디자인입니다. 녹색은 사이트 전체의 텍스트에도 사용됩니다. 영웅 섹션은 포트폴리오에 대한 링크와 함께 스타일이 지정된 텍스트의 태그라인을 보여줍니다. 큰 그래픽이 다음 섹션과 겹칩니다. 정보 섹션에는 원 이미지와 CTA가 표시됩니다. 이 아래에는 해시태그를 사용하는 사이트 소유자에 대해 자세히 설명하는 흥미로운 섹션이 있습니다. 현재 프로젝트는 이미지와 링크가 있는 최근 프로젝트 다음에 슬라이더에 표시됩니다. 샘플 로고는 그리드에 이미지로 표시됩니다. 문의 양식은 커피 한 잔(mmm, 커피…

웹사이트 방문

마감 중

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

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

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

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