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

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

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

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

1. 뉴 셰르파

이 사이트는 Gregory Little이 제출했습니다. 이것은 한 페이지 디자인입니다. 전체 화면 헤더는 스크롤할 때 다른 비디오로 전환되는 배경 비디오를 표시합니다. 전환하는 동안 실제로 두 가지를 동시에 볼 수 있습니다. 헤더는 짙은 파란색/녹색 브랜드 색상의 큰 텍스트를 사용하여 태그라인을 만듭니다. 정보 섹션은 동일한 글꼴 패밀리와 스타일을 사용하여 회사의 초점을 보여줍니다. 연락처 CTA는 전체 너비 이미지 위에 배치되고 브랜드 색상으로 스타일이 지정된 아이콘이 있는 광고 문구가 뒤따릅니다. 관리 팀 섹션에는 더 많은 정보와 링크가 포함된 창립 멤버가 표시되어 더 많은 텍스트 줄이 브랜드 색상으로 표시됩니다.

웹사이트 방문

2. 바다 제트기

이 사이트는 George Paratsokis가 제출했습니다. 헤더에는 그림자 효과와 사이트의 브랜드 색상과 일치하는 스타일이 지정된 CTA 버튼이 포함됩니다. 섹션으로 스크롤할 때 애니메이션 상자가 영역을 닦아내면 이미지가 화면을 통해 표시되며 스타일이 지정된 버튼도 표시됩니다. 제목은 눈에 띄는 우아한 스크립트 글꼴로 작성됩니다. 레이아웃 자체는 교대로 디자인의 두 열에 정보와 이미지를 표시합니다. 디자인을 보여주기 위해 많은 여백을 사용합니다. CTA에는 상자 그림자와 함께 표시되는 오버레이 및 우아한 글꼴이 있는 배경 이미지가 포함됩니다. 바닥글이 흥미롭습니다. 그것은 그 위에 모든 연락처 정보가있는 밝은 회색 실루엣의 배경을 가지고 있습니다.

웹사이트 방문

3. 브리즈

이 사이트는 Sakshi Behl이 제출했습니다. 이 사이트는 몇 가지 스타일 요소가 있는 단순한 레이아웃을 사용하여 눈에 띄게 만듭니다. 헤더는 사이트를 정의하는 데 도움이 되는 그래픽 옆에 이메일 수신 동의 양식과 함께 태그라인을 표시합니다. 클라이언트 로고는 오프셋 레이아웃으로 표시됩니다. Blurbs는 화면 측면에 있는 스타일이 지정된 배경 패턴에 비해 이점을 보여줍니다. 기능 섹션은 흥미롭습니다. 설명 옆에 스크린샷이 표시됩니다. 각 설명에는 제목이 있습니다. 제목을 클릭하면 해당 설명에 대한 텍스트가 표시됩니다. 제목 옆의 스타일이 지정된 선은 더 어두워져 어떤 제목이 선택되었는지 보여줍니다. 가격표도 파란색 배경에 대해 흥미롭게 보입니다. 제안된 계획은 눈에 띄는 상자 그림자와 함께 표시됩니다.

웹사이트 방문

4. 잠자리 거리

이 사이트는 Marci Angeles가 제출했습니다. 이 사이트는 부드러운 색상과 꽃 사진을 사용하여 대상 고객을 끌어들입니다. 여러 페이지 링크가 상단 표시줄의 한쪽에 표시되는 반면 헤더에는 메뉴가 중앙에 표시됩니다. 설명과 태그라인은 전체 화면 배경 이미지 위에 여러 글꼴로 표시됩니다. 전체 너비 이메일 수신 동의는 밝은 파란색 배경으로 스타일이 지정되며 방문자가 정보를 잠금 해제할 수 있음을 보여주기 위해 키 그래픽을 사용합니다. 블로그 게시물은 스타일이 일치하는 사이드바가 있는 단일 열에 표시됩니다. 블로그 게시물에는 동일한 사이드바가 포함됩니다. 포함된 Instagram 피드는 최신 사진을 보여줍니다.

웹사이트 방문

5. 패리스 제조 회사

이 사이트는 Joseph Brown이 제출했습니다. 이 사이트는 사진을 재미있게 활용하여 옛 서부를 묘사합니다. 메뉴 위에 구름을 연상시키는 그래픽과 메뉴 아래에 제목으로 전체 화면 배경을 표시합니다. 애니메이션 먼지 레이어가 3D로 화면을 가로질러 이동합니다. 구름은 스크롤의 메뉴 뒤에 내려와 페인트된 섹션처럼 보입니다. 다음 섹션은 페이지에 대한 원하는 포스터가 있는 울타리 배경을 보여줍니다. 포스터는 마우스를 올리면 터치한 것처럼 움직입니다. 바닥글에는 메뉴와 함께 짙은 녹색 하늘이 있는 검은색의 산맥과 카우보이가 있습니다. 상점 페이지는 서부 배경 위에 항목을 배치합니다. 항목은 세피아로 표시되며 마우스를 가져가면 색상이 지정됩니다. 제품 페이지는 울타리 배경 위에 이미지를 배치합니다. 사이트는 이미지를 잘 활용합니다.

웹사이트 방문

6. 임파라키

이 사이트는 Pascal Claro가 제출했습니다. 사이트는 영웅 섹션과 CTA에 주황색에서 흰색 그라디언트를 사용하고 버튼, 아이콘 및 텍스트에는 사이트 전체에 주황색 강조 표시를 사용합니다. 영웅 섹션에는 로그인하거나 코스를 볼 수 있는 버튼이 있는 로고가 표시됩니다. 이 여러 카드 아래에는 가장 많이 팔로우하는 과정이 표시됩니다. 카드는 상단에 정보, 이미지, 제목, 발췌문 및 버튼을 표시하며 모두 사이트에 맞게 스타일이 지정되고 호버 애니메이션이 포함됩니다. 그들은 배경 그라디언트 위에 눈에.니다. 코스 페이지는 이와 동일한 디자인을 사용합니다. 리뷰는 평가 슬라이더에 표시됩니다. 리소스는 오버레이에서 주황색 터치로 어두운 이미지 위에 주황색 아이콘으로 표시됩니다.

웹사이트 방문

7. 피닉스 빌딩

이 사이트는 Andre Villanueva가 제출했습니다. 재미있는 글꼴과 소용돌이 모양의 그래픽으로 된 태그라인과 스타일이 지정된 패턴이 있는 전체 화면 배경이 있습니다. 스크롤하면 메뉴 항목에 대해 동일한 글꼴이 포함된 헤더가 표시됩니다. 글꼴과 소용돌이 모양은 한 면에 로고를 사용하고 다른 면에 여러 색상의 텍스트를 사용하는 정보 섹션을 포함하여 사이트 전체의 여러 위치에 나타나는 로고에도 사용됩니다. 파란색 또는 빨간색 오버레이가 있는 시차의 여러 배경이 있습니다. 가장 흥미로운 섹션 중 하나는 반대 방향으로 기울어진 상자가 있는 기울어진 이미지를 보여줍니다. 다른 페이지에서는 이 섹션과 이미지가 있는 유사한 섹션과 패딩이 있는 굵은 테두리를 사용합니다. 사이트는 대담한 색상을 잘 사용합니다.

웹사이트 방문

8. 마르크스 크리에이티브

이 사이트는 PK SON님이 제출했습니다. 큰 로고는 검정색 배경의 중앙에 배치됩니다. 로고는 컷아웃입니다. 그 뒤에는 시차로 이미지가 표시됩니다. 흰색 텍스트는 요점을 굵게 표시한 태그라인을 보여줍니다. 회사에 대한 섹션은 마우스를 가져갈 때 위치를 변경하는 화살표가 있는 링크를 제공합니다. 슬라이더는 두 섹션을 겹치고 탐색을 위해 정점 점을 사용합니다. 프로젝트는 우아한 사진과 함께 여러 열 레이아웃으로 표시됩니다. 밝은 회색 배경 위에 한 면에는 로고의 3D 버전을 표시하고 다른 한 면에는 검은색 배경 위에 텍스트를 보여주는 깔끔한 클릭 유도문안이 있어 디자인을 다시 헤더에 묶습니다. 나는 메뉴를 좋아한다. 햄버거 아이콘을 클릭하면 메뉴가 전체 화면으로 열리고 한쪽에는 탐색이 표시되고 다른 한쪽에는 정보가 포함된 이미지가 표시됩니다.

웹사이트 방문

9. 에픽 트리

이 사이트는 Lubomir Micuch가 제출했습니다. 이 한 페이지 웹사이트에는 태그라인과 CTA 버튼 뒤에 시차로 표시되는 육각형 배경 패턴이 있습니다. 여러 섹션은 한 면에는 그래픽이 있고 다른 면에는 CTA가 있는 텍스트가 있는 두 개의 열에 회사의 서비스와 정보를 보여줍니다. 그래픽은 웹사이트 전체의 버튼 및 하이라이트와 일치하는 브랜드 녹색 요소로 구성됩니다. 카운터 섹션이 흥미롭습니다. 시차와 물결 모양의 섹션 구분선에 오버레이가 있는 산의 배경 이미지 위에 녹색 숫자를 표시합니다. 유사한 섹션에서 CTA를 생성합니다. 교대 레이아웃에서 각 프로젝트의 작업 번호를 표시하는 섹션입니다. 클라이언트 아이콘에는 상자 그림자가 있는 둥근 배경이 있습니다. 이 사이트에는 스타일 평가, 토글, 소셜 팔로우, 문의 양식 등이 포함되어 있습니다.

웹사이트 방문

10. 로버트 L. 오닐

이 사이트는 Masha Goltsova-Lanoue에 의해 제출되었습니다. 이 작가의 웹사이트는 대상 청중을 끌어들이기 위해 색상과 삽화를 사용합니다. 영웅 섹션에는 책 표지, 설명 및 구매 버튼이 있는 CTA가 표시되며 모두 책의 삽화가 포함된 배경 위에 배치됩니다. 정보 섹션은 책을 읽고 있는 대상 독자의 이미지 옆에 더 많은 정보를 볼 수 있는 버튼과 함께 정보를 제공합니다. 모든 버튼은 책과 다른 색상을 사용합니다. 추천 슬라이더는 브랜드 보라색을 배경으로 사용합니다. 몇몇 CTA는 독자에게 책을 구매하거나, 더 자세히 알아보거나, 저자에 대해 읽도록 초대합니다. 배경에는 바닥글을 포함하여 책의 삽화가 포함됩니다. 아트워크는 사전 로드 그래픽으로도 사용됩니다. 나는 상점 페이지가 평가를 보여주는 방식을 좋아합니다. 레이아웃은 단순하고 색상을 잘 활용합니다.

웹사이트 방문

마감 중

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

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

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

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