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

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

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

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

1. 베일 인더스트리

이 사이트는 DJ Wheeler가 제출했습니다. 섹션 배경, 광고 및 평가의 배경, 텍스트의 경우 짙은 회색으로 여러 가지 회색 음영을 사용하여 산업적인 모양과 느낌을 줍니다. 버튼 및 점 탐색의 빨간색 강조 표시가 눈에 띕니다. 로고는 색상을 하나로 묶습니다. 영웅 섹션은 한쪽에는 CTA, 다른 한쪽에는 비디오로 주제에 대한 관심을 끕니다. 버튼은 평행사변형입니다. 메뉴의 CTA는 마우스를 가져가면 검은색으로 바뀌고 CTA의 텍스트 색상과 일치하는 회색 배경의 다른 버튼이 열립니다. 주제는 큰 광고 문구로 표시됩니다. 실제 시차의 전체 너비 이미지는 작업 현장의 예를 보여줍니다. 다른 페이지도 비슷한 디자인을 따릅니다. 색상과 깔끔한 ​​레이아웃은 이 산업 현장에 적합합니다.

Vale Industries 방문

2. 아르카 인터랙티브

이 사이트는 Justin Arcara가 제출했습니다. 사이트 전체에 보라색, 빨간색 및 파란색이 많이 있습니다. 대부분의 섹션에는 2열 배경이 포함됩니다. 영웅 섹션에는 한쪽에는 CTA가 있고 다른쪽에는 이미지가 있는 2열 디자인이 표시됩니다. 둘 다 제목과 설명이 겹칩니다. Blurbs는 2색 아이콘으로 서비스를 설명합니다. 여러 섹션에는 배경과 다르게 스크롤되는 이미지 또는 기타 요소가 포함됩니다. 최근 프로젝트는 제목을 가로로 스크롤하고 이미지와 함께 프로젝트를 표시합니다. 평가는 로고가 겹치는 한 면에 이미지와 다른 면에 텍스트를 포함합니다. 또한 고정 이메일 링크가 있는 스타일이 지정된 맨 위로 이동 버튼이 포함되어 있습니다. 이 사이트는 큰 텍스트, 큰 아이콘, 색상 및 레이아웃 요소를 훌륭하게 사용합니다.

Arca Interactive 방문

3. 트라푸스

이 사이트는 Samant Jaitli가 제출했습니다. 사이트 전체의 배경과 제품 배경에 부드러운 색상을 사용합니다. 많은 버튼과 카드에는 눈에 띄는 상자 그림자가 포함되어 있습니다. 카운트다운 타이머는 특별 가격이 언제 종료되는지 보여줍니다. 영웅 섹션은 각진 패턴으로 사이트의 색상을 표시하고 양쪽에는 패턴 안에 이미지가 삽입되고 중앙에는 두 개의 CTA가 표시됩니다. 자신의 셔츠를 디자인하는 섹션에는 아이콘이 있는 단계가 표시됩니다. 각 제품 카테고리에는 카테고리를 소개하기 위해 왼쪽에 컬러 블록이 있습니다. 나는 또한 연락 섹션을 좋아합니다. 2열에 정보를 표시하며, 각 열마다 배경색이 다르며, 사이트에 맞는 카툰 그래픽이 있습니다. 이 사이트는 색상을 잘 활용합니다.

Trafoos 방문

4. UX 디자인 스토리

이 사이트는 Allie Walters가 제출했습니다. 제목에 초대형 텍스트가 포함된 심플한 디자인을 사용합니다. 영웅 섹션은 황갈색 배경 위에 큰 글꼴로 섹션을 표시합니다. 설명의 링크는 더 어두운 황갈색 음영으로 잘 눈에 띕니다. 여러 섹션에는 실제 시차의 전체 너비 배경 이미지가 포함됩니다. 오버레이는 더 많은 것을 볼 수 있는 링크와 함께 짧은 설명을 보여줍니다. 비하인드 스토리 섹션에는 워크플로 프로세스의 이미지가 표시됩니다. 프로젝트 페이지에는 프로젝트에 대한 비디오와 자세한 정보가 표시됩니다. 세부 사항은 프로젝트를 단계별로 수행하는 더 작은 섹션으로 나뉩니다. 일반적인 프로젝트 페이지에서 본 것보다 더 자세한 내용을 보여주며 가장 간단하고 깔끔한 방법으로 보여줍니다.

UX 디자인 스토리 보기

5. T프레스 스튜디오

이 사이트는 Alexis Presti가 제출했습니다. 이 사이트는 흰색 텍스트가 있는 짙은 회색 배경과 녹색 그라데이션이 있는 텍스트를 사용하는 한 페이지 디자인입니다. 일부 본문 텍스트는 밝은 회색입니다. 평소에 검정색 배경에 흰색 글씨가 눈에 거슬리는데 이 색상 조합이 잘 작동하고 텍스트를 읽을 수 있게 해줍니다. 영웅 섹션과 다음 섹션에는 배경과 혼합되는 배경 이미지가 표시됩니다. 블렌드가 너무 부드러워서 이미지가 어디에서 끝나는지 구분하기 어렵습니다. 이것은 레이아웃에 우아한 느낌을 주는 데 도움이 됩니다. 영웅 섹션의 텍스트는 제목의 윤곽선 텍스트 위에 녹색 그라데이션이 있는 블록 텍스트를 사용합니다. 그라디언트가 있는 유사한 텍스트가 제목에 사용되며 일치하는 구분선, 버튼 및 아이콘이 포함됩니다. 나는 이 사이트 전체에서 회색과 그라디언트를 사용하는 것을 좋아합니다.

T프레스 스튜디오 방문

6. 나의 콜럼버스 부동산 중개인

이 사이트는 Greg Ventresca가 제출했습니다. 이미지 오버레이에 회색을 많이 사용하고 사이트 전체에 밝은 황갈색 배경을 사용합니다. 영웅 섹션은 이미지와 혼합되는 회색 배경 위에 왼쪽에 비디오를 표시합니다. 제목이 양면에 겹치고 각 면에 대해 텍스트가 다르게 표시됩니다. 여러 CTA의 이미지가 겹치거나 배경 요소와 겹치는 이미지가 포함됩니다. 이미지 중 하나가 배경과 전경에 모두 배치되어 흥미로운 CTA를 만듭니다. 속성은 레이아웃에 포함되며 상자 그림자가 있는 이미지를 포함합니다. 여러 페이지에는 회색 배경에서 눈에 띄는 사용자 정의 아이콘이 포함되어 있습니다. 색상과 이미지가 레이아웃과 잘 어울리고 대상 청중에게 완벽하게 맞습니다.

내 콜럼버스 부동산 중개인 방문

7. 잠자리 거리

이 사이트는 Marci Angeles가 제출했습니다. 부드러운 색상의 배경 그라디언트가 많은 깨끗한 레이아웃과 얇은 또는 이중선을 사용하여 테두리를 만듭니다. 영웅 섹션은 아치에서 모두 대문자로 메시지를 표시합니다. 텍스트가 배경 그라디언트와 겹쳐 아치를 만듭니다. 슬라이더는 아치 중앙의 이미지를 변경합니다. 서비스는 다양한 모양의 이미지로 표시됩니다. 여러 요소는 테두리 뒤의 정점 모양, 평가를 위해 모서리가 둥근 수평 모양, 메시지를 스크롤하는 티커 등 다양한 방식으로 배경 그라디언트를 표시합니다. 교차 CTA는 배경 색상의 변형을 사용하여 한 면에 이미지를 표시하고 다른 면에 텍스트를 표시합니다. 뒤로 가기 버튼은 옆으로 인쇄된 필기체 텍스트입니다. 나는 잠자리 프리로더와 마우스 커서를 좋아합니다.

Dragonfly Ave 방문

8. NEVERMVM

이 사이트는 Dylan Boulkhras가 제출했습니다. 검정색 배경에 굵은 오렌지색 텍스트가 눈에 띄는 디자인을 사용하여 샤프한 느낌을 줍니다. 고정 메뉴는 왼쪽에 유지되고 페이지를 연결하는 원이 있는 선을 표시합니다. 영웅 섹션은 전면에 제목, 설명, 링크 및 숫자 카운터가 있는 배경 이미지를 한쪽에 표시합니다. 메뉴는 전체 화면으로 표시되며 동일한 배경 사진이 포함됩니다. 포함된 비디오가 있는 섹션에는 연기가 있는 배경과 분리된 것처럼 보이는 배경 이미지가 표시됩니다. 여러 섹션에는 번호가 매겨져 있으며 굵은 제목이 포함되어 있습니다. 프로젝트는 호버 및 주황색 아이콘에서 확대되는 빠르게 변화하는 이미지를 포함하는 광고 문구 내에 표시됩니다. 이 사이트는 색상을 잘 활용합니다.

NEVERMVM 방문

9. 팬더 레미르몽

이 사이트는 Panda Remiremont에 의해 제출되었습니다. 전체에 텍스트, 색상, 그래픽이 포함된 중국어 디자인 요소를 사용하는 한 페이지 레이아웃입니다. 영웅 섹션은 전체 화면 배경 및 그래픽 요소 위에 떠 있는 화면 상단 아래에 있는 메뉴를 표시합니다. 큰 그래픽의 한쪽에는 중국어 텍스트가 있고 다른 한쪽에는 CTA가 포함되어 있습니다. 중국어 텍스트가 있는 유사한 그래픽이 여러 섹션에 나타납니다. 제목은 동양적인 디자인의 큰 텍스트를 사용합니다. 가격은 중국 음식 메뉴처럼 보이는 스타일 배경 위에 텍스트 모듈로 표시됩니다. 연락처 정보 섹션이 마음에 듭니다. 한 면에는 이미지가 있고 다른 면에는 연락처 정보가 있는 예약 CTA가 포함되어 있습니다. 예약 양식은 이것과 겹치며 스타일이 지정된 테두리를 포함합니다. 나는 이 작품의 배경 작품을 좋아한다.

판다 레미르몽 방문

10. 알리안츠 브르노

이 사이트는 Michal Teska가 제출했습니다. 장르에 완벽하게 맞는 녹색과 파란색 하이라이트가있는 많은 공백이 있습니다. 영웅 섹션은 한쪽에 CTA가 있고 다른쪽에 팀이 있는 전체 너비 이미지를 표시합니다. 팀 구성원과 위치는 손으로 쓴 것처럼 보이는 글꼴로 레이블이 지정됩니다. 서비스에 대한 정보는 간단한 안내문으로 제공됩니다. 다음은 호버 시 색상이 변하는 원형 아이콘이 있는 더 큰 광고 문구 섹션입니다. 광고 문구는 호버링 시 테두리도 표시합니다. 아이콘이 테두리와 겹칩니다. 나는 팀 섹션을 좋아한다. 두꺼운 테두리가 있는 팀 원형 이미지를 표시합니다. 팀 구성원의 이미지는 서클 외부에서 계속됩니다. 마우스를 가져가면 이미지가 변경되어 팀원이 웃고 있는 모습을 보여줍니다. 내장된 지도도 흥미롭습니다. 그것은 가볍고 한쪽의 배경과 조화를 이룹니다. 연락처 정보가 지도와 겹칩니다.

알리안츠 브르노 방문

마무리

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

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

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

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