Divi로 구축된 어린이 웹사이트의 10가지 예

아이들에 초점을 맞춘 웹 사이트가 많이 있습니다. 일부는 어린이를 위한 오락을 제공하고 다른 일부는 어린이에게 도움이 되는 제품, 도움 또는 서비스를 제공합니다. 이미지에서 볼 수 있듯이 Divi로 구축된 이러한 웹사이트가 여러 개 있습니다. 이 기사에서는 다음 Divi 디자인에 대한 상상력을 불러일으킬 수 있도록 Divi로 제작된 어린이 웹사이트의 10가지 예를 다룹니다.

주제는 놀이터에서 여름 캠프에 이르기까지, 어린이를 돕는 사업에서 어린이가 소유한 사업에 이르기까지 다양합니다. 다른 사람들은 책이나 DVD와 같은 제품을 제공합니다. 웹사이트는 특별한 순서가 없습니다.

1. 소드 여름 캠프

Sword Summer Camp는 오버레이에 태그라인이 있는 전체 화면 이미지를 표시합니다. 스크롤하면 페이지 링크가 있는 스타일이 지정된 프레임에 세 개의 이미지가 표시됩니다. 다음은 미디어 리뷰, 문의 양식, 전체 너비 이미지, CTA 및 이벤트 링크, 아트워크 및 메뉴가 포함된 맞춤 바닥글이 있는 섹션입니다. 등록은 FormSite의 포함된 양식으로 처리됩니다. 메가 메뉴에는 아이콘과 포함된 비디오 및 CTA가 있는 카테고리가 포함됩니다. 이 사이트는 이미지와 글꼴을 잘 활용합니다.

2. 개구리 트림

Frog Burps는 환영 메시지와 함께 최신 책의 책 표지에 각 책에 대한 자세한 정보를 볼 수 있는 링크를 보여줍니다. 스크롤하면 제목과 표지 삽화의 일부가 있는 책 표지가 시차로 표시됩니다. 다음은 호버 효과가 있는 블로그 섹션이며 더 많은 게시물, CTA 및 소셜 링크에 대한 링크입니다. 단편 소설 페이지에는 다음 게시물로의 카운트다운이 포함되어 있습니다. 사이트는 브랜드 색상과 글꼴을 사용합니다.

3. 키즈엑스플로어

kidzxplor는 시차로 오버레이에 CTA가 있는 전체 화면 이미지를 표시합니다. 스크롤하면 정보 및 섹션 스타일이 있는 작은 전체 너비 막대가 나타납니다. 다음은 경험에 대한 정보가 포함된 포함된 비디오와 세 개의 이미지입니다. 모든 활동은 레이블이 있는 클릭 가능한 아이콘으로 표시됩니다. 한 면에 큰 이미지와 텍스트와 함께 사용후기가 표시됩니다. 다른 섹션에는 해당 기사에 대한 링크와 함께 미디어 로고가 표시됩니다. 작은 전체 너비 섹션에는 위치 및 앱에 대한 링크가 포함됩니다. 메뉴에는 CTA가 포함됩니다.

4. 이에도

Iesodo에는 로고, 태그라인, 문자 및 시차의 각 문자에 대한 링크가 포함된 전체 화면 만화 배경 이미지가 포함되어 있습니다. 다음 섹션에는 페이지로 연결되는 포함된 비디오와 DVD 표지가 표시됩니다. 다음으로, 각 캐릭터는 해당 페이지에 대한 링크가 있는 오버레이의 카드에 표시됩니다. 정보 섹션에는 주제와 링크가 포함된 DVD 표지가 포함되어 있습니다. 활동 섹션은 주제와 함께 활동에 대한 그래픽 링크를 제공합니다. 모든 섹션은 만화 배경의 시차를 포함하며 각 섹션은 나무 창턱 그래픽으로 구분됩니다. 이 사이트는 색상과 삽화를 잘 활용하고 기본 메뉴에 배경과 아이콘을 포함합니다.

5. 스파르탄버그 과학 센터

Spartanburg Science Center는 이미지 아래에 회사 사명과 연락처 정보가 포함된 이미지 몽타주를 표시합니다. 다음 섹션에는 제공되는 프로그램에 대한 안내문이 포함된 4개의 이미지가 포함되어 있습니다. 다가오는 이벤트는 블로그 게시물로 표시됩니다. 다음 섹션에서는 전체 화면 이미지 슬라이더를 사용하여 활동을 표시합니다. 무늬가 있는 배경 위에 텍스트가 있는 이미지는 과학 센터에 대한 자세한 정보를 제공합니다. 캠프에 대한 설명은 시차 배경 위에 상자 안에 배치됩니다. 지불은 PayPal을 통해 가능합니다.

6. 유스나우 센터

Youth Now Center는 짙은 녹색 배경 위에 게시물 슬라이더를 표시합니다. 메뉴에는 CTA가 포함되어 있으며 상단 메뉴와 첫 번째 섹션이 겹치는 방식이 독특하여 방해가 되지 않도록 하면서 눈에 띄게 만듭니다. 다음 섹션에는 연락처 양식이 있는 회사 정보가 포함되어 있습니다. 프로그램에 대한 링크가 있는 섹션이 이미지 위에 시차로 표시됩니다. 텍스트가 있는 큰 이미지는 CTA 역할을 하고 CTA는 자원 봉사를 하고 후원자에 대해 자세히 알아봅니다. 블로그 섹션은 예정된 이벤트 및 뉴스레터 양식이 있는 사이드바를 사용합니다. 다음 섹션은 후원자의 로고를 보여줍니다. 바닥글에는 각 위치에 대한 지도 및 연락처 정보가 포함됩니다.

7. 팝 버블

Pop Bubble은 상자 이미지, 자세한 설명 및 구매 버튼이 포함된 중복 CTA와 함께 제품의 전체 너비 이미지 위에 큰 중앙 로고를 표시하는 한 페이지 디자인을 사용하여 전원이 공급되는 상점으로 이동합니다. WooCommerce에서. 다음 섹션에는 스타일이 지정된 배경 내에서 상점 소유자의 사진 옆에 아이디어나 요청을 제출할 수 있는 문의 양식이 포함되어 있습니다. 글꼴 색상은 사이트의 색상 브랜딩과 일치합니다. 사이트는 단순하고 깨끗하며 클릭 유도문안에 대한 명확한 초점을 제공합니다.

8. 쿨라 마마

Kula Mama는 전체 화면 게시물 슬라이더를 사용하고 원 이미지와 상점 링크가 있는 주요 제품 섹션을 사용합니다. 두 개의 최신 게시물은 우아한 이미지, 게시물 제목 및 더 읽기 버튼과 함께 표시됩니다. 전체 이메일 가입 양식은 사이트 스타일과 일치하는 컬러 배경 위에 우아한 글꼴을 사용합니다. 정보 섹션은 더 많은 것을 읽을 수 있는 버튼이 있는 원 이미지 안에 사이트 작성자를 보여주고, 다음 섹션은 컬러 배경 위에 나와 함께 작업한 CTA를 사용합니다. 블로그 페이지에는 범주에 대한 색인이 표시됩니다. 이 사이트는 색상과 이미지를 잘 활용합니다.

9. 화이트IT

WhiteIT에는 로고, 태그라인 및 CTA가 있는 전체 화면 이미지가 포함됩니다. 다음은 CTA가 있는 회사에 대한 정보와 두 개의 열에 이미지가 있는 섹션입니다. 다음은 전체 화면 이미지에 CTA가 포함된 동영상이 포함된 2열 섹션입니다. 다음 섹션에는 시차로 이미지를 통해 그들의 책을 볼 수 있는 링크가 포함되어 있습니다. 또 다른 CTA는 시차의 이벤트 캘린더, 배경 이미지 위의 전체 화면 평가 슬라이더, 시차의 배경 이미지 위의 정보 섹션, 통계, 블로그 섹션 등이 뒤따르는 이중 열로 표시됩니다. 바닥글에는 소셜 피드가 포함됩니다. 이 사이트는 많은 이미지와 시차를 사용합니다.

10. WinShape 레이크 노먼

WinShape Lake Norman에는 정보, 카운트다운 타이머, 포함된 비디오 및 CTA가 포함된 2열 섹션이 뒤따르는 전체 화면 이미지 슬라이더가 포함되어 있습니다. 이미지 갤러리는 강조되고 가르치는 기술을 보여줍니다. 이미지가 라이트박스에서 열립니다. 일정은 시차 배경 이미지 위에 토글 내에 표시됩니다. 평가는 여러 색상의 상자 안에 여러 레이아웃 디자인으로 개별적으로 배치됩니다. 사이트는 단순하고 브랜드 색상을 사용합니다.

마지막 생각들

Divi로 제작된 어린이 웹사이트의 10가지 예는 Divi가 캠프, 책, DVD, 박물관, 상점 등을 포함한 모든 유형의 어린이 웹사이트를 위한 놀라운 디자인을 만들 수 있음을 보여줍니다.

이러한 사이트는 레이아웃, 글꼴, 탐색, 색상, 사진, 비디오, 캘린더, 제품 등에 대한 아이디어를 제공하는 데 적합합니다. 이 웹 사이트는 Divi를 사용하여 다음 자녀의 웹 사이트 디자인에 대한 상상력을 불러일으킬 것입니다.

Divi로 구축된 이 어린이 웹사이트에서 가장 좋아하는 요소는 무엇입니까 ? 아래 의견에 알려주십시오!

Arak Rattanawijittakorn/Shutterstock.com을 통한 주요 이미지