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

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

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

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

1. 피벗 의료 코딩

이 사이트는 Leslie Tagorda가 제출했습니다. 이 사이트는 텍스트, 배경 요소, 아이콘에 녹색과 주황색의 멋진 색상 구성표를 사용하고 메뉴의 흥미로운 클릭 유도문안에는 다가오는 이벤트 날짜와 등록 버튼이 포함되어 있습니다. 배경 요소는 육각형과 단단한 각도로 구성됩니다. 아이콘도 육각형을 사용합니다. 헤더와 메뉴도 짙은 파란색을 패턴으로 사용하여 구분됩니다. 이 사이트는 텍스트와 색상을 잘 활용합니다.

사이트 방문

2. 인스냅시스

이 사이트는 Dinesh Milani가 제출했습니다. 따뜻한 색상을 사용하여 회색 배경에 눈에 띄는 그라데이션을 만듭니다. 따뜻한 색상은 텍스트 및 그래픽 요소, 버튼, 오버레이 및 광고 문구에도 사용됩니다. 아이콘과 텍스트 옆에 원 이미지를 표시하고 각 서비스가 페이지 아래로 번갈아가며 표시되는 서비스 레이아웃이 마음에 듭니다. 포트폴리오는 각 웹사이트의 요소가 각진 오버레이, 한쪽에는 텍스트 설명, 다른 한쪽에는 데스크톱 화면, 중앙에는 모바일 장치가 있는 분할 화면에 표시되는 흥미로운 레이아웃을 사용합니다. 포트폴리오는 많은 정보를 보여주지만 여전히 모든 정보를 읽을 수 있는 상태로 유지하는 방법을 찾습니다.

사이트 방문

3. 블루맥스

이 사이트는 Victor Duse가 제출했습니다. 제품의 브랜드 블루 컬러를 사이트 전체에 하이라이트로 사용하는 1페이지 제품 사이트입니다. 파란색은 텍스트, 아이콘, 섹션 배경 및 로고에 사용됩니다. 레이아웃은 전체 화면 슬라이더, 제품을 시연하는 이미지 갤러리, 포함된 비디오, 클릭 가능한 매장 로고, 제품 갤러리, 정보 텍스트가 있는 이미지 및 문의 양식으로 깔끔합니다. 이 사이트는 브랜드 색상을 잘 활용하고 있으며 제품 사용 방법과 장점을 보여주기 위해 이미지를 사용하는 방식이 마음에 듭니다.

사이트 방문

4. 블로그 크리에이티브

이 사이트는 Cecille Solmerano가 제출했습니다. 이 사이트는 여백이 많고 우아한 색상으로 깔끔한 디자인을 가지고 있지만 눈에 띄는 것은 배경 모양입니다. 부드러운 색상으로 구성된 모양과 몇 가지 그라디언트가 있는 배경은 전경 요소 뒤로 움직이는 배경을 만들어 전경 요소를 방해하지 않으면서 주의를 끄는 흥미로운 효과를 만듭니다. 광고 문구의 아이콘은 동일한 부드러운 색상을 사용하는 반면 버튼과 CTA는 좀 더 굵게 표시됩니다. 블로그는 머리글에 파란색 그라디언트, 바닥글에 분홍색 그라디언트가 있는 섹션 구분선의 구름으로 우아한 디자인을 계속합니다. 블로그의 나머지 색상은 추천 이미지의 테두리에 의해 제공됩니다. 이 사이트는 우아한 색상, 그래픽 및 사진의 훌륭한 예입니다.

사이트 방문

5. 바둑판

이 사이트는 Brady Balhorn이 제출했습니다. 이 사이트에는 내가 본 것 중 가장 흥미로운 그래픽 요소가 있습니다. 태블릿은 전체 너비 헤더 바로 아래에 있으며 그래픽을 표시합니다(그래픽은 사이트의 파비콘으로도 사용됨). 태블릿은 오른쪽에 있고 텍스트는 왼쪽에 있습니다. 스크롤하면 타블렛이 터치를 왼쪽으로 이동하고 주변 그래픽이 변경됩니다. 그러면 텍스트가 스크롤되는 동안 태블릿이 제자리에 유지됩니다. 태블릿 위 및 주변의 그래픽은 텍스트의 다음 섹션과 일치하도록 변경되어 5개 섹션으로 계속되는 프레젠테이션을 만듭니다. 클라이언트 로고 및 보상 섹션과 블로그가 뒤따르는 대리석 바둑판 배경 위에 시차로 배치됩니다. 블로그는 깔끔한 4열 디자인을 만들기 위해 지연 로딩이 있는 우아한 카드를 사용합니다.

사이트 방문

6. 인테그라

이 사이트는 Marcio Sartor가 제출했습니다. 물류 프로세스를 단계별로 보여주는 흥미로운 그래픽 옆에 타이핑 효과가 포함된 클릭 유도문안 뒤에 그라데이션이 있는 전체 화면 배경이 있습니다. 그래픽 프레젠테이션은 그림자 효과가 있는 슬라이더에 표시됩니다. 또 다른 흥미로운 섹션은 한 쪽에 노트북을 보여주고 다른 쪽에 텍스트를 보여줍니다. 텍스트를 클릭하면 노트북(또는 모바일 장치)에 해당 서비스 또는 혜택에 대한 지원 정보가 표시됩니다. 녹색 브랜딩은 사이트의 장르에 완벽하게 맞습니다. 로그인 페이지조차도 전체 화면 배경 이미지, 녹색 오버레이 및 로고로 브랜드화됩니다.

사이트 방문

7. 5 링스

이 사이트는 Justin Arcara가 제출했습니다. 섹션을 설명하기 위해 헤더의 일부로 다른 텍스트 뒤에 또는 헤더로 사이트 전체에 걸쳐 많은 큰 텍스트와 요소를 사용합니다. 전체 화면 헤더에는 한 면에는 이미지의 일부를 덮고 다른 면에는 큰 재생 버튼을 덮는 오버레이가 있습니다. 재생 버튼을 클릭하면 포함된 비디오가 열립니다. 제품은 호버 애니메이션이 있는 다중 열 섹션에 표시됩니다. 텍스트, 아이콘, 버튼 및 블로그 카드와 같은 많은 요소는 요소를 돋보이게 하는 깊은 그림자 효과를 사용합니다. 블로그는 동일한 레이아웃 디자인을 따르고 블로그 게시물을 돋보이게 하기 위해 어두운 배경의 스타일이 지정된 사이드바를 포함합니다. 게시물 자체는 동일한 레이아웃을 따릅니다.

사이트 방문

8. 스포닉

이 사이트는 Marcy Henriques가 제출했습니다. 약간 회백색과 회색 배경을 번갈아 사용하는 한 페이지 디자인으로, 그 중 일부는 각진 구분 기호를 사용합니다. 영웅 섹션은 사이트의 브랜딩을 설정하는 데 도움이 되는 그라디언트가 있는 파란색 오버레이가 있는 배경 이미지를 표시합니다. 헤더 텍스트는 반대 방향으로 그라데이션을 사용합니다. 나는 파란색 또는 회색 배경에 팔각형을 사용하고 배경과 분리되도록 짙은 그림자가 있는 아이콘을 사용하는 이점 섹션을 좋아합니다. 나는 또한 평가 슬라이더를 좋아합니다. 그것은 그림자 효과를 포함하고 한쪽에 이미지와 함께 팔각형 배경 패턴 위에 배치됩니다.

사이트 방문

9. Heather의 더 나은 건강

이 사이트는 Christie Halmick이 제출했습니다. 이것은 손으로 쓴 로고, 메뉴, 제목, 버튼, 이미지의 단면 테두리, 평가 뒤, CTA 뒤 및 바닥글을 포함하여 하이라이트에서 많은 대담한 색상을 사용합니다. 일부 섹션은 중앙에 로고가 있는 스타일이 지정된 선으로 구분됩니다. 대담한 색상은 고품질 사진과 잘 어울립니다. 블로그 게시물처럼 작동하지만 레시피 카드가 포함된 레시피를 좋아합니다. 전자책 CTA 페이지는 탐색을 제거하고 전체 화면 배경 이미지 위에 브랜드 색상으로 양식을 표시합니다. 이 사이트는 색상을 잘 활용합니다.

사이트 방문

10. CMG 에이전시

이 사이트는 Carlos Montalvo가 제출했습니다. 이 사이트는 굵은 노란색에 검은색 또는 밝은 회색에서 흰색의 그라데이션 배경을 사용하고 있으며, 홈페이지에 많은 내용이 있음에도 불구하고 각 요소마다 숨을 쉴 수 있는 공간이 있습니다. 비주얼은 평면 그래픽, 포함된 비디오, 아이콘, 최근 작업, 슬라이더 내의 클라이언트 로고, 블로그 게시물 및 Google 리뷰를 통해 제공됩니다. 포트폴리오 페이지에는 사이트의 노란색 브랜딩과 일치하도록 스타일이 지정된 선명한 필터가 포함되어 있습니다. 나는 팀 페이지를 좋아한다. 각 팀원의 만화책 스타일 아트웍을 사용합니다. 나는 또한 노란색 그라디언트 및 기타 노란색 하이라이트가 포함된 블로그 페이지를 좋아합니다.

사이트 방문

결론

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

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

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

Kostenko Maxim/Shutterstock.com을 통한 주요 이미지