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

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

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

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

1. 스위프트

이 사이트는 Suzie Tawney가 제출했습니다. 주황색은 브랜드 색상이며 사이트 전체에서 두드러집니다. 한 면에는 주황색과 흰색 정보가 있고 다른 면에는 비디오가 있는 흥미로운 분할 화면을 사용합니다. 큰 광고 문구는 다양한 색상의 그래픽과 제목으로 서비스를 보여줍니다. 마우스를 가져가면 배경이 주황색으로 바뀝니다. 슬라이더에는 주황색 오버레이와 스타일이 지정된 섹션 구분선이 포함됩니다. 블로그 섹션이 특히 흥미로웠습니다. 여기에는 행의 주황색 배경 무늬가 있는 섹션 배경이 포함됩니다. 블로그와 행 모두 배경과 구분되는 상자 그림자가 있습니다. 블로그 페이지에는 페이지 아래로 번갈아 가며 겹치는 카드가 있습니다.

웹사이트 방문

2. 제국 공학

이 사이트는 Ross Pope가 제출했습니다. 이 사이트는 다음 섹션에 혼합되는 파란색 오버레이가 있는 전체 화면 이미지로 시작하여 브랜드 색상으로 진한 파란색을 사용합니다. 서비스는 안내문 안에 표시됩니다. 흰색 텍스트와 아이콘이 있는 진한 파란색 배경을 포함하며 확대/축소 호버 효과가 있습니다. 나는 광고 목록에서 회사의 장점을 보여주는 이유 섹션을 좋아합니다. 블로그 섹션은 바다의 하향식 보기와 혼합된 배경을 가진 단일 열의 최신 게시물을 보여줍니다. 각 페이지는 이 디자인을 계속합니다. 특히 이미지와 겹치는 상자에 글머리 기호가 있는 서비스 페이지가 마음에 듭니다.

웹사이트 방문

3. 우산 세금 솔루션

이 사이트는 Mani O'Brien이 제출했습니다. 사이트는 디자인 전체에 노란색, 흰색 및 파란색 하이라이트가 있는 진한 파란색을 사용합니다. 설명 및 CTA가 포함된 전체 화면 이미지로 시작한 다음 전자책 인센티브가 포함된 전체 너비 뉴스레터 CTA를 제공합니다. 사이트에 팝업이 필요하지 않을 정도로 가입 양식이 눈에 잘 띄었습니다. 정보는 상단 테두리 디자인과 다양한 색상의 아이콘이 포함된 큰 광고 문구 안에 표시됩니다. 이 동일한 디자인은 서비스에도 사용됩니다. 흥미로운 원형 그래픽이 작동 방식을 보여줍니다. 저는 특히 한쪽에는 사람이 있고 다른 한쪽에는 후기가 배경 위에 있는 전체 너비 이미지를 보여주는 후기 섹션이 마음에 듭니다.

웹사이트 방문

4. 윈 워터

이 사이트는 Victor Duse가 제출했습니다. 이 웹사이트는 브랜드 색상에 밝은 청록색을 사용하며 일반적으로 하이라이트와 오버레이 내에서 두 가지의 그라데이션으로 사용합니다. 영웅 섹션은 그라디언트 뒤에서 비디오를 재생합니다. 정보는 청록색 그라디언트로 색칠된 유선 지구본의 아이콘을 사용하여 광고 문구 내에 표시됩니다. 나는 흐린 배경 이미지와 그 위에 평가를 보여주는 평가 슬라이더를 좋아합니다. 블로그 섹션에는 우아한 호버 효과가 있는 게시물이 표시됩니다. 통계 섹션은 흥미롭습니다. 그것은 각각 다른 색깔과 다른 높이에 있는 세 개의 큰 숫자를 보여줍니다. 물 이미지는 배경 내에서 사용되며 이미지 내에서 청록색을 포함합니다.

웹사이트 방문

5. 헬케 위너스

이 사이트는 Oliver Gehrmann이 제출했습니다. 이 웹 사이트는 배경, 메뉴 및 하이라이트에 Wild Watermelon이라는 색상을 사용합니다. 영웅 섹션은 다음 섹션과 겹치는 이미지 위에 로고를 표시합니다. 제목은 우아한 스크립트 글꼴을 사용합니다. 여러 섹션은 텍스트와 이미지를 두 열에 표시하고 한 쪽에는 텍스트를 표시하고 다른 한쪽에는 이미지를 표시하며 스크롤할 때 교대로 표시됩니다. 전체 화면 슬라이더는 관련 이미지를 보여줍니다. 연락처 섹션은 CTA로 작동합니다. 뉴스레터 가입은 브랜드 색상을 배경으로 사용합니다. 메뉴는 간단하지만 독특합니다. 햄버거 아이콘이 표시되지만 클릭하면 메뉴가 헤더에 정상적으로 표시됩니다. 이 사이트는 색상과 공백을 잘 활용합니다.

웹사이트 방문

6. 프룩토

이 사이트는 Michal Teska가 제출했습니다. 파란색, 녹색, 빨간색, 노란색의 과일 열대 색조를 브랜드 색상으로 사용하고 배경 및 하이라이트 내에서 사용하는 한 페이지 사이트입니다. 또한 각 섹션 내 열대 과일 이미지를 배경과 동일한 색상으로 사용합니다. 각 섹션은 전체 화면이며 실제 시차로 이미지를 표시합니다. 반대 색상은 그래픽, 글머리 기호 및 구분선에 사용됩니다. 서비스는 토글 내에 표시됩니다. 바닥글에는 연락처 정보가 표시되며 뒤로 가기 버튼을 위한 작은 바나나 그래픽도 포함됩니다. 색상과 여백을 잘 활용한 깔끔하고 심플한 디자인입니다.

웹사이트 방문

7. 피렐라 컨설팅

이 사이트는 Leopoldo Pirela가 제출했습니다. 헤더 배경의 보라색 패턴으로 시작하는 배경, 오버레이 및 하이라이트의 브랜딩에 청자색, 녹색 및 노란색을 사용합니다. 추천 프로젝트는 마우스 오버 시 정보를 나타내는 3개의 이미지로 표시됩니다. 평가는 전체 화면 슬라이더에 표시됩니다. 관련 아이콘을 표시하는 녹색 안내문에 생각과 팁이 표시됩니다. 저는 이 사이트의 CTA를 좋아합니다. 짙은 녹색 배경 패턴 위에 정보가 있는 책과 다운로드 버튼이 표시됩니다. 바닥글은 머리글과 동일한 보라색 배경 패턴을 표시하고 연락처 링크 및 소셜 팔로우 버튼을 제공합니다. 서비스 페이지의 대체 레이아웃이 마음에 듭니다.

웹사이트 방문

8. 마우리

이 사이트는 Mauricio Cedraz가 제출했습니다. 방문 페이지는 중앙에서 벗어난 큰 텍스트가 있는 보라색/빨간색 그라데이션 배경이 있는 단일 전체 화면입니다. 텍스트는 실제로 링크이며 마우스 오버 시 애니메이션이 적용되어 텍스트를 뒤집고 색상을 변경합니다. 한 글자는 나머지 글자와 다른 색상으로 뒤로 향합니다. 텍스트를 클릭하면 페이지로 이동합니다. 텍스트 아래에는 환영 메시지가 있는 단일 토글이 있습니다. 이 페이지에는 메뉴 아이콘, 연락처 링크 및 소셜 팔로우 버튼도 포함되어 있습니다. 다른 페이지는 유사한 디자인을 사용하지만 일부는 그라디언트가 있는 배경 위에 이미지가 있는 다중 열 레이아웃을 사용합니다. 색상은 대담합니다. 헤더와 메뉴에 색상과 큰 텍스트를 사용하는 것을 좋아합니다.

웹사이트 방문

9. 한 발 위로

이 사이트는 Stephen Brent May가 제출했습니다. 텍스트, 하이라이트, 그래픽 및 배경 내 브랜드 색상에 보라색과 녹색을 사용합니다. 영웅 섹션에는 정보가 있는 상자와 평면 디자인 배경 그래픽과 겹치는 버튼이 표시됩니다. 다음 섹션에는 브랜드 색상의 모바일 그래픽이 있는 2열 섹션이 있는 2개의 행이 표시되고 다른 열에는 회사 정보가 표시됩니다. 행은 레이아웃을 대체합니다. 보라색 그라디언트로 패턴이 있는 배경 위에 회사 정보를 표시하는 다음 섹션이 마음에 듭니다. 또 다른 보라색 배경은 CTA와 바닥글 내에서 사용됩니다. 서비스는 다양한 색상의 아이콘을 사용하여 광고문안 내에 표시됩니다.

웹사이트 방문

10. 엑스템프라

이 사이트는 Chetan Gupta가 제출했습니다. 텍스트 및 오버레이 내에서 청록색에 가까운 파란색, 하이라이트를 위한 밝은 노란색, 배경 내에서 굵은 노란색, 헤더에 대한 보라색 오버레이를 포함하여 여러 브랜드 색상을 사용합니다. 제목, 텍스트 및 버튼이 포함된 파란색 오버레이가 있는 두 개의 이미지를 보여주는 프로그램 섹션이 특히 마음에 듭니다. 오버레이는 이미지와 텍스트를 돋보이게 합니다. 사용 후기는 두 섹션이 겹치는 슬라이더 내에 표시됩니다. 블로그 섹션에는 둥근 모서리와 상자 그림자가 있는 게시물이 표시됩니다. 다른 페이지는 전체 화면 머리글, 겹치는 섹션 및 굵은 색상으로 유사한 레이아웃을 사용합니다. 블로그는 블로그 게시물에 대해 1열, 2열 및 3열 레이아웃을 사용하며 추천 이미지를 잘 활용합니다.

웹사이트 방문

결론

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

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

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

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