WordPress로 만든 14가지 놀라운 웹사이트 디자인

WordPress를 사용하면 하늘이 한계입니다. 새롭고 놀라운 웹사이트를 향한 첫 걸음을 내딛는 데 도움이 되는 모든 종류의 WordPress 테마와 플러그인이 있습니다.

이 게시물에서 우리는 당신에게 거기에 무엇이 있는지 맛보게되어 기쁩니다. WordPress를 콘텐츠 관리 시스템으로 사용하여 만든 14개의 다른 웹사이트를 공유합니다. 웹사이트마다 유형이 다를 수 있지만 공통점이 있습니다. 그들은 모두 당신에게 좋은 인상을 주는 놀라운 웹사이트 디자인입니다.

1. 미친

목록의 첫 번째 웹 사이트 디자인인 Crazy는 멋진 웹 사이트를 가지고 있기 때문에 그 이름에 걸맞습니다. 웹 사이트 뒤에 있는 회사는 일본에 있으며 웹 사이트에 창의성을 반영할 수 있었습니다. 전반적으로 웹 사이트는 매우 깨끗하며 흰색을 사용하여 우아함과 단순함을 반영합니다. 그들이 추가한 멋진 기능 중 하나는 웹사이트 오른쪽에 있는 소셜 미디어 아이콘입니다. 그들이 훌륭한 일을 한 또 다른 것은 하위 메뉴 항목이 포함된 메뉴 항목을 열 때 두 개로 분할되는 전체 화면 메뉴를 사용하는 것입니다. 마지막으로 언급할 가치가 있는 것은 웹사이트의 거의 모든 요소에 포함된 스크롤에 대한 탁월한 효과입니다.

2. 본 마르케

계속해서 Bonne Marque를 놀라운 웹사이트 디자인 목록에 추가했습니다. 이 웹사이트는 흔히 볼 수 있는 일반적인 웹사이트와 다릅니다. 웹사이트를 방문할 때 가장 먼저 눈에 띄는 것 중 하나는 웹사이트에서 취하는 움직임 및 행동과 평행을 이루는 음향 효과입니다. 홈페이지는 많은 특수 효과로 구성되어 있지만 내용은 냉철하게 유지했습니다. 그들은 회사와 웹사이트가 무엇인지 보여주는 영웅 섹션으로 홈페이지를 시작합니다. 홈페이지의 다음 부분(그리고 마지막 부분도 마찬가지로)은 회사의 사례 연구를 보여줍니다. 사람들에게 자신이 무엇인지 알려주는 대신 유망한 콘텐츠로 압도하지 않고 보여주기로 결정했습니다.

3. 디지털 스마일 아카데미

다음은 디지털 스마일 아카데미입니다. 웹사이트 전체에 비주얼을 통해 부가 가치를 잘 표현한 웹사이트. 예를 들어 영웅 섹션에는 서비스를 제공할 때 회사가 갖는 가치와 접근 방식을 반영하는 비디오가 포함되어 있습니다. Crazy 웹사이트와 마찬가지로 이 웹사이트는 웹사이트 왼쪽에 소셜 미디어 아이콘을 미묘하게 표시하기로 결정했습니다. 그 외에도 웹 사이트는 웹 사이트 내의 대부분의 요소에 대해 스크롤 효과를 사용합니다. 이 짧은 요약에서 마지막으로 언급할 가치가 있는 것은 대부분의 전체 화면 메뉴와 달리 가로로 표시되는 전체 화면 메뉴입니다. 각 메뉴 항목은 챕터이며 항목 위로 마우스를 가져가면 10개의 기존 메뉴 항목(하위 메뉴 항목 포함) 중 하나를 선택하고 있다는 사실을 강조하는 배경 이미지가 나타납니다.

4. 유령 말

놀라운 웹 사이트 디자인 목록의 다음 웹 사이트는 Ghost Horses입니다. Ghost Horses는 맨체스터에 위치한 웹 디자인 회사 전용 웹사이트입니다. 언뜻 보기에 이 웹 사이트는 다른 웹 사이트보다 조금 더 단순해 보이지만 깊이 있고 정교한 웹 사이트 구조를 가지고 있습니다. 예를 들어, 홈페이지의 여러 섹션은 매우 잘 구분되어 있습니다. 모든 섹션에는 해당 섹션에서 처리할 내용을 즉시 알려주는 아이콘이 표시되어 있음을 알 수 있습니다. 게다가 홈페이지의 모든 섹션에는 미묘하지만 가치를 더하는 입자 배경이 있어 해당 섹션 내에서 단순하게 디자인된 요소를 사용해도 괜찮습니다.

5. 코랄린 콜라세

Coraline Colasse 웹사이트는 목록에서 가장 인터랙티브한 웹사이트 디자인 중 하나입니다. 사람들이 홈페이지의 모든 콘텐츠를 발견하려면 스크롤하고 클릭하는 것보다 다른 방식으로 참여해야 합니다. 페이지 하단에 언급했듯이 페이지를 드래그하여 프로젝트를 볼 수 있습니다. 사람들은 이러한 형태의 탐색에 익숙하지 않기 때문에 드래그할 때 제공되는 콘텐츠에 대한 관심 범위가 더 커질 것입니다. 홈페이지에서 제공하는 콘텐츠는 가장 큰 자산에 중점을 둡니다. 이전 프로젝트. 그들은 또한 전체 화면과 약간 투명한 메뉴를 사용했습니다. 메뉴 항목을 포함하는 것 외에도 방문자가 웹 사이트의 다른 페이지를 탐색하는 데 도움이 되는 몇 가지 소개 텍스트를 추가했습니다.

6. 도즈 스튜디오

목록의 여섯 번째 웹사이트인 Doze Studio는 아마도 가장 복잡해 보이는 웹사이트일 것입니다. 웹사이트는 프랑스에 위치한 디자인 및 크리에이티브 스튜디오 전용입니다. 웹사이트는 탐색 섹션, 팀 섹션, 클라이언트 섹션 및 연락처 섹션으로 이어지는 네 개의 앵커 링크가 포함된 단일 페이지입니다. 필요한 모든 섹션은 방문자에게 충분한 정보를 제공합니다. 웹 사이트에는 회사가 달성할 수 있는 부분을 보여주는 복잡하고 지능적인 효과가 포함되어 있습니다.

7. 멍에

다음은 요크입니다. Yoke의 홈페이지는 웹사이트와 웹사이트 뒤에 있는 회사를 전문적으로 보이게 하는 매우 깨끗한 색상을 사용합니다. 그러나 홈페이지에서 사용되는 애니메이션은 장난기 넘치고 창의적인 측면도 불러일으킨다. 영웅 섹션을 살펴보면 그 구조가 자주 볼 수 있는 구조가 아님을 알 수 있습니다. 요소를 중앙 집중화하는 대신 애니메이션을 중앙에 배치하고 나머지 모든 요소를 ​​모서리에 배치하기로 결정했습니다. 방문자가 다양한 옵션을 쉽게 탐색할 수 있도록 하는 것입니다. 더 아래로 스크롤하면 제공하는 콘텐츠를 나타내기 위해 다른 종류의 상자를 사용한다는 것을 알 수 있습니다.

8. 크레아노

계속해서 프랑스에 위치한 디지털 공예 스튜디오인 Creano를 살펴보겠습니다. 웹 사이트를 열면 런처를 통해 웹 사이트에 들어가도록 요청하여 웹 사이트와의 상호 작용을 즉시 요청합니다. 실제 웹 사이트에 들어가면 사람들의 눈을 즉시 사로 잡는 또 다른 것은 섹션 간의 상호 배경입니다. 이것은 방문자에게 제공하려는 스토리텔링 프로세스를 강조합니다. 게다가, 그들은 웹사이트 전체에 플로팅 효과를 사용하여 원근감을 더합니다. 확실히 사람들에게 콘텐츠를 탐색할 이유를 제공하는 역할을 하는 것입니다. 메뉴 항목을 클릭하면 오버레이를 여는 대신 동일한 레이아웃의 새 페이지가 로드되고 메뉴 항목이 거기에 표시됩니다.

9. 빅토리아 스파이서

웹사이트 디자인 목록에 있는 또 다른 웹사이트는 런던에 위치한 세트 디자이너인 Victoria Spicer입니다. 그녀가 만든 웹 사이트는 특히 한 개인의 서비스와 프로젝트를 나타내는 웹 사이트라는 사실을 고려할 때 매우 인상적입니다. 웹 사이트는 냉정하고 깔끔한 모양과 제공되는 콘텐츠를 강조하는 멋진 효과 사이의 균형이 훌륭합니다. 예를 들어 영웅 섹션에서 Victoria Spicer는 사람들이 다양한 슬라이드를 탐색할 수 있는 좋은 방법을 찾았습니다. 영웅 섹션의 오른쪽 또는 왼쪽 위로 마우스를 가져가면 화살표가 커서로 나타납니다. 이 외에도 두루마리에 뛰어난 효과를 사용했습니다.

10. 포털 Kandydata

놀라운 웹 사이트 디자인 목록에 있는 또 다른 아주 좋은 웹 사이트는 Portal Kandydata입니다. 이 웹사이트는 스토리텔링을 한 차원 높여줍니다. 영웅 섹션을 계속 클릭하면 스토리에 표시됩니다. 이야기의 끝은 결국 홈페이지로 연결됩니다. 그것은 확실히 방문자와 상호 작용하는 좋은 방법입니다. 단, 스토리를 건너뛰고 싶다면 메뉴에서 원하는 내용으로 바로 이동할 수 있습니다. 웹사이트는 폴란드 웹 디자인 회사인 Superskrypt에서 디자인했습니다.

11. VR 아를 페스티벌

다음으로 선택한 웹사이트 디자인 중 하나는 VR Arles Festival입니다. VR Arles Festival은 프랑스 웹사이트이기도 합니다. 이 웹사이트는 VR 페스티벌 전용으로, 우리의 눈을 가장 먼저 사로잡는 것은 영웅 섹션에서 3D 애니메이션을 사용하는 것입니다. 그것은 웹 사이트에 약간의 터치를 제공하고 웹 사이트의 내용과 일치합니다. 가상 현실입니다. 그 외에도 웹 사이트의 전체 높이를 덮지 않고 일부만 덮는 멋진 슬라이드 인 메뉴도 있습니다.

12. 슈퍼스크립트

그리고 폴란드에 본사를 둔 크리에이티브 에이전시인 Superskrypt도 있습니다. 그들이 제공하는 두 가지 서비스는 브랜딩과 브랜드 웹사이트입니다. Superskrypt는 또한 이 게시물에서 선보인 Portal Kandydata 웹사이트의 제작자이기도 합니다. 그들은 매우 단순한 영웅 섹션이 있는 어두운 색의 웹사이트를 가지고 있습니다. 간단하지만 효과적이기도 합니다. 그들은 웹사이트의 멋진 부분으로 이동하기 전에 청중에게 몇 가지 간단한 태그 라인을 제공합니다. 그곳에서 그들은 자신이 작성한 내용을 요점에 맞게 제공하고 멋진 배경 효과로 장식함으로써 추격에 나섰습니다.

디비로 만든

일반적으로 WordPress로 만든 일부 웹사이트를 보여드린 후 WordPress와 Divi로 동시에 만든 두 개의 멋진 웹사이트도 포함하고 싶습니다.

13. 포플라 벨링겐

목록의 14번째 웹사이트이자 언급할 가치가 있는 첫 번째 Divi 웹사이트는 Popla Bellingen 웹사이트입니다. 이 웹사이트의 영웅 섹션은 즉시 우리의 관심을 끕니다. 행에 사용된 흰색 배경과 잘 결합된 섹션 배경입니다. 태그라인 및 피팅 이미지를 포함하는 것 외에도 이 웹사이트의 영웅 섹션에는 연락처 정보를 찾는 사람들이 바로 연락할 수 있도록 하는 몇 가지 기본 정보가 포함되어 있습니다. 이 웹 사이트의 또 다른 놀라운 점은 메뉴 항목과 함께 기본 메뉴에 겹치는 로고입니다. 마지막으로 언급할 가치가 있는 것은 Instagram 이미지가 포함된 홈페이지 끝에 있는 슬라이더입니다.

14. 가족 역동성 지원 센터

목록의 마지막 웹사이트와 Divi로 만든 두 번째 웹사이트는 Family Dynamics Assistance Center 전용 웹사이트입니다. 이 사이트는 그들이 제공하는 서비스를 웹사이트의 모양과 느낌과 완벽하게 일치시킵니다. 웹 사이트는 웹 사이트 내에서 사용되는 다양한 특수 디자인과 잘 결합되는 부드럽고 진지한 색상을 사용합니다. 그 외에도 스크롤에 대한 다양한 효과는 메시지를 전달하고 대화형 및 구조화된 방식으로 진지한 콘텐츠를 공유하는 데 도움이 됩니다.

마지막 생각들

이 게시물에서 우리는 당신에게 거기 밖으로 몇 가지 놀라운 웹사이트 디자인을 보여주었습니다. 우리가 선보인 모든 디자인은 WordPress에 의해 만들어지고 권한이 부여되었습니다. 이러한 웹사이트 디자인은 자신의 웹사이트나 다음 프로젝트에 대한 영감을 얻을 수 있는 훌륭한 방법입니다. 질문이나 제안 사항이 있는 경우 아래 댓글 섹션에 댓글을 남겨주세요!

중요한 발표, 유용한 팁 또는 Divi 공짜를 절대 놓치지 않도록 이메일 뉴스레터와 YouTube 채널을 구독하세요!

32픽셀/Shutterstock.com의 추천 이미지