Design Kits Blog

웹 템플릿이란?

웹 템플릿은 웹사이트를 구축하는 데 사용되는 미리 디자인된 템플릿입니다. 웹사이트 개발자는 이러한 템플릿을 기반으로 웹사이트를 구성하고 개인적인 콘텐츠를 추가하여 완성시킬 수 있습니다.

웹 템플릿은 일반적으로 웹사이트의 레이아웃, 디자인 요소, 색상 팔레트, 그래픽 등을 포함합니다. 디자인된 템플릿은 이미지, 아이콘, 버튼, 폰트 등의 디자인 요소를 제공하여 웹사이트를 시각적으로 풍부하게 만들어줍니다.

웹 템플릿은 다양한 형태와 스타일을 가지고 있으며, 산업, 분야 또는 웹사이트의 목적에 따라 특화된 템플릿도 존재합니다. 예를 들어, 기업 웹사이트, 포트폴리오, 블로그, 전자상거래, 호텔 예약 등을 위한 템플릿이 있습니다.

웹 템플릿 활용

1.빠른 웹사이트 구축: 웹 템플릿을 사용하면 웹사이트를 빠르게 구축할 수 있습니다. 디자인 작업을 시작할 필요 없이 이미 구성된 템플릿을 활용하여 프로젝트를 빠르게 시작할 수 있습니다. 이를 통해 개발 시간을 단축하고 프로젝트를 빠르게 론칭할 수 있습니다.

2.사용자 경험 개선: 웹 템플릿은 전문 디자이너에 의해 디자인되었으며, 사용자 경험을 개선하기 위한 다양한 디자인 원칙을 반영합니다. 따라서 템플릿을 활용하여 사용자 친화적이고 직관적인 인터페이스를 구현할 수 있습니다.

3.일관된 디자인 유지: 웹 템플릿은 일관된 디자인 요소와 레이아웃을 제공하여 웹사이트의 일관성을 유지할 수 있습니다. 이를 통해 웹사이트의 전체적인 룩앤필을 통일시키고 브랜드 메시지를 일관되게 전달할 수 있습니다.

4.반응형 웹사이트 구축: 대부분의 웹 템플릿은 반응형 디자인을 지원합니다. 이는 웹사이트가 다양한 장치와 화면 크기에 자동으로 적응하여 최적의 사용자 경험을 제공하는 것을 의미합니다. 따라서 모바일 기기 사용자들에게도 편리한 경험을 제공할 수 있습니다.

5.맞춤화 가능성: 웹 템플릿은 수정 가능한 요소와 맞춤 설정을 제공합니다. 따라서 템플릿을 기반으로 개발을 진행하면서 필요에 따라 색상, 레이아웃, 디자인 요소 등을 조정하고 맞춤화할 수 있습니다.

6.비용 절감: 전문적인 웹 디자인이나 개발 업체에 의뢰하지 않고 웹 템플릿을 활용하면 비용을 절감할 수 있습니다. 템플릿은 상대적으로 저렴하게 구할 수 있으며, 디자인과 개발에 필요한 비용을 줄여줍니다. 또한, 템플릿을 사용하면 디자인 작업을 완전히 처음부터 시작할 필요가 없어 시간과 비용을 절약할 수 있습니다.

7.다양한 선택지: 웹 템플릿은 다양한 종류와 스타일이 있어 선택의 폭이 넓습니다. 산업, 분야, 목적 등에 맞게 템플릿을 선택할 수 있으며, 필요에 따라 레이아웃, 디자인 요소, 색상 스킴 등을 조정하여 자신만의 독특한 웹사이트를 구축할 수 있습니다.

8.커스터마이즈 가능성: 웹 템플릿은 수정 가능한 요소를 포함하고 있어 맞춤 설정이 가능합니다. 색상, 폰트, 로고, 이미지 등을 자유롭게 변경하거나 추가할 수 있으며, 필요에 따라 레이아웃 구성도 조정할 수 있습니다. 이를 통해 자신의 브랜드와 비전에 맞게 웹사이트를 맞춤화할 수 있습니다.

9.기술 지식 필요 최소화: 웹 템플릿을 사용하면 웹 디자인이나 개발에 대한 전문적인 기술 지식이 필요하지 않습니다. 템플릿은 대부분 사용하기 쉬운 인터페이스와 편리한 편집 도구를 제공하므로 비전문가도 쉽게 웹사이트를 구축하고 관리할 수 있습니다.

10.지속적인 지원과 업데이트: 많은 웹 템플릿 제공업체들은 지속적인 지원과 업데이트를 제공합니다. 디자인 개선, 보안 패치, 새로운 기능 추가 등을 통해 템플릿을 최신 상태로 유지할 수 있습니다. 또한, 커뮤니티와 포럼을 통해 다른 사용자들과 정보를 공유하고 도움을 받을 수 있습니다.

웹 템플릿 예시

1.기업 웹사이트 템플릿: 기업 웹사이트를 위한 템플릿은 전문적이고 신뢰성 있는 느낌을 전달하는 디자인을 가지고 있습니다. 큰 헤더 이미지, 서비스/제품 소개 섹션, 참조 사례, 팀 소개 등을 포함할 수 있습니다.

2.포트폴리오 템플릿: 포트폴리오를 전시하고 자신의 작업을 소개하는데 적합한 템플릿입니다. 작품 갤러리, 클라이언트 목록, 자기 소개 섹션 등이 포함될 수 있으며, 시각적으로 매력적이고 창의적인 디자인을 가지고 있을 수 있습니다.

3.블로그 템플릿: 블로그를 운영하기 위한 템플릿은 글 목록, 카테고리, 태그, 최신 게시물 표시 등을 포함할 수 있습니다. 독자 친화적인 레이아웃과 글꼴 선택에 주의가 기울여질 수 있습니다.

4.전자상거래 템플릿: 제품 목록, 카테고리, 장바구니, 결제 시스템 등을 포함한 전자상거래 웹사이트를 위한 템플릿입니다. 상품 이미지, 가격, 상세 설명, 평가 등의 정보를 강조하는 디자인 요소가 있을 수 있습니다.

5.이벤트/컨퍼런스 템플릿: 이벤트나 컨퍼런스를 위한 웹사이트에 사용되는 템플릿은 일정, 연사 소개, 등록 양식 등을 포함할 수 있습니다. 이벤트 테마에 맞는 화려하고 동적인 디자인이 특징일 수 있습니다.

6.호텔/여행 템플릿: 호텔이나 여행 관련 웹사이트를 위한 템플릿은 예약 기능, 객실 소개, 위치 정보, 관광 명소 소개 등을 포함할 수 있습니다. 풍부한 이미지와 아름다운 여행지 사진이 강조되는 디자인이 특징이며, 예약 단계에서 사용자 편의성을 고려한 디자인 요소가 있을 수 있습니다.

7.교육/학습 템플릿: 학원, 온라인 강의, 학교 등 교육과 관련된 웹사이트를 위한 템플릿은 강의 목록, 수업 일정, 교사 소개, 수강 신청 등을 포함할 수 있습니다. 사용자들이 쉽게 정보를 찾을 수 있도록 정리된 구조와 교육적인 디자인을 가지고 있을 수 있습니다.

8.소셜 미디어 템플릿: 소셜 미디어 템플릿은 블로그, 포럼, 소셜 커뮤니티 등을 위한 템플릿으로, 사용자 간의 상호작용과 콘텐츠 공유를 강조합니다. 다양한 게시물 형식, 댓글, 좋아요 버튼 등의 기능을 포함할 수 있으며, 친근하고 활발한 커뮤니티 분위기를 반영한 디자인이 특징입니다.

9.음식점/요리 템플릿: 음식점이나 요리 관련 웹사이트를 위한 템플릿은 메뉴, 예약/주문 기능, 요리법 공유, 매장 소개 등을 포함할 수 있습니다. 풍부한 음식 사진과 맛집 평가 등을 강조한 디자인 요소가 있을 수 있으며, 사용자의 입맛을 자극하는 디자인을 가질 수 있습니다.

10.예술/문화 템플릿: 예술, 문화, 예술 이벤트와 관련된 웹사이트를 위한 템플릿은 예술 작품 전시, 공연 일정, 아티스트 소개, 티켓 예매 등을 포함할 수 있습니다. 예술적이고 창의적인 디자인 요소와 아름다운 이미지가 사용될 수 있으며, 예술적 분위기를 전달합니다.

11.패션/의류 템플릿: 패션 브랜드, 의류 쇼핑몰 등을 위한 템플릿은 제품 목록, 스타일 가이드, 옷차림 조합, 구매 옵션 등을 포함할 수 있습니다. 세련된 디자인과 고급스러운 이미지를 강조하며, 패션 업계의 트렌드를 반영한 디자인이 특징입니다.

12.기부/비영리 템플릿: 비영리 단체, 기부 캠페인 등을 위한 템플릿은 기부 방법 안내, 프로젝트 목표 설명, 후원자 명단 등을 포함할 수 있습니다. 따뜻하고 감사한 느낌을 전달하는 디자인과 독특한 컨텐츠가 사용될 수 있으며, 기부와 사회적 가치를 강조합니다.

13.기술/소프트웨어 템플릿: 소프트웨어 회사, 기술 스타트업 등을 위한 템플릿은 제품 소개, 기능 설명, 다운로드/구매 옵션, 지원 서비스 등을 포함할 수 있습니다. 현대적이고 기술적인 느낌을 전달하는 디자인과 직관적인 사용자 경험을 강조합니다.

14.개인 블로그/퍼스널 웹사이트 템플릿: 개인의 이야기, 포트폴리오, 일상 등을 공유하기 위한 템플릿은 개인 블로그나 퍼스널 웹사이트에 적합합니다. 간결하고 개성 있는 디자인을 가지며, 개인의 취향과 스타일을 잘 반영할 수 있습니다.

웹 템플릿 장점

1.시간과 비용 절약: 웹 템플릿을 사용하면 웹사이트를 처음부터 디자인하거나 개발할 필요가 없어집니다. 이미 구성된 템플릿을 활용하면 디자인, 레이아웃, 기능 등이 사전에 준비되어 있으므로 시간과 비용을 절약할 수 있습니다.

2.전문적인 디자인: 웹 템플릿은 전문 디자이너가 제작한 것이기 때문에 시각적으로 매력적이고 전문적인 디자인을 가지고 있습니다. 템플릿을 사용하면 디자인에 대한 걱정을 덜 수 있으며, 웹사이트가 전문적으로 보이는 결과물을 얻을 수 있습니다.

3.쉬운 사용성: 대부분의 웹 템플릿은 사용하기 쉬운 인터페이스와 편리한 사용자 경험을 제공합니다. 템플릿을 사용하면 웹사이트를 만들고 관리하는 과정이 간단해지며, 기술적인 지식이나 경험이 부족한 사람들도 쉽게 사용할 수 있습니다.

4.확장성과 유연성: 웹 템플릿은 확장 가능하고 유연한 구조로 제작되어 있습니다. 필요에 따라 커스터마이징이 가능하며, 웹사이트의 요구 사항에 맞게 콘텐츠와 기능을 추가하거나 수정할 수 있습니다.

5.모바일 반응형 디자인: 대부분의 웹 템플릿은 모바일 반응형 디자인을 포함하고 있습니다. 이는 웹사이트가 모바일 기기에서도 최적의 사용자 경험을 제공할 수 있도록 자동으로 조정되는 것을 의미합니다. 모바일 사용자들에게 편의를 제공하고 검색 엔진 최적화에도 도움이 됩니다.

6.다양한 선택지: 웹 템플릿은 다양한 디자인과 스타일을 제공합니다. 여러 가지 템플릿 중에서 선택할 수 있으므로 웹사이트의 목적과 콘텐츠에 가장 적합한 템플릿을 선택할 수 있습니다. 이는 웹사이트의 브랜딩과 일관성을 유지하는 데 도움이 됩니다.

7.SEO에 우수한 최적화: 일부 웹 템플릿은 검색 엔진 최적화 (SEO)를 고려하여 제작되었습니다. 템플릿은 검색 엔진에서 웹사이트의 가시성을 향상시키기 위한 구조적인 요소와 기능을 제공할 수 있습니다. 이는 검색 엔진에서 웹사이트를 더 잘 인식하고 순위를 높이는 데 도움이 됩니다.

8.커뮤니티 및 지원: 많은 웹 템플릿은 해당 템플릿을 사용하는 사용자들 간의 커뮤니티와 지원 시스템을 가지고 있습니다. 이는 사용자들이 템플릿 관련 질문이나 문제를 해결하는 데 도움을 받을 수 있는 장점입니다. 또한, 다른 사용자들과 템플릿 사용에 관한 아이디어와 팁을 공유할 수도 있습니다.

9.업데이트 및 유지 관리: 웹 템플릿 제작자들은 피드백과 요구 사항을 기반으로 템플릿을 지속적으로 업데이트하고 유지 관리합니다. 이는 템플릿을 사용하는 사용자들이 최신 기술, 보안 패치, 버그 수정 등을 포함한 개선 사항을 받을 수 있는 장점입니다.

10.범용성과 호환성: 대부분의 웹 템플릿은 다양한 웹 개발 플랫폼과 호환됩니다. 예를 들어, WordPress, Joomla, Shopify 등과 같은 플랫폼에서 사용할 수 있는 템플릿이 많이 있습니다. 이는 웹사이트를 다른 플랫폼으로 이전하거나 다른 기능을 추가하고자 할 때 유용합니다.

웹 템플릿 단점

1.일반성과 유사성: 많은 사람들이 웹 템플릿을 사용하기 때문에 동일한 또는 유사한 디자인을 가진 웹사이트가 많이 존재할 수 있습니다. 이는 웹사이트의 독특성과 차별성을 상실시킬 수 있습니다. 따라서 웹 템플릿을 사용할 경우 웹사이트를 개성 있게 꾸미기 위해 추가적인 커스터마이징이 필요할 수 있습니다.

2.제한된 유연성: 웹 템플릿은 미리 정의된 디자인과 레이아웃을 가지고 있기 때문에 일부 사용자들에게는 원하는 디자인 요구를 충족시키지 못할 수 있습니다. 웹 템플릿의 구조와 기능이 제한되어 있을 수 있으며, 사용자가 원하는 요구사항을 완벽히 반영하기 어려울 수 있습니다.

3.일관성의 부재: 웹 템플릿은 여러 페이지나 섹션에서 일관된 디자인을 제공하려고 노력하지만, 사용자가 커스터마이징을 하거나 추가 기능을 적용할 때 일관성이 깨질 수 있습니다. 따라서 사용자는 일관성을 유지하기 위해 추가적인 노력을 기울여야 할 수 있습니다.

4.제한된 고유한 기능: 웹 템플릿은 일반적인 기능과 요소에 초점을 맞추고 있어서 특정한 요구사항이나 독특한 기능을 제공하기 어려울 수 있습니다. 특정한 비즈니스 모델이나 분야에 특화된 기능이 필요한 경우에는 추가적인 개발이 필요할 수 있습니다.

5.템플릿 종속성: 웹 템플릿을 선택하면 해당 템플릿의 제작자나 플랫폼에 의존해야 합니다. 템플릿 제작자가 지원을 중단하거나 업데이트를 제공하지 않을 경우, 웹사이트의 유지 보수 및 업데이트에 어려움이 있을 수 있습니다.

6.추가 비용: 일부 웹 템플릿은 무료로 제공되지만, 고품질이나 고유한 기능을 가진 템플릿을 사용하려면 추가 비용이 발생할 수 있습니다. 유료 템플릿을 사용하거나 특정 플랫폼에서 제공하는 기능을 활용하려면 라이선스 비용이나 구독 요금을 지불해야 할 수 있습니다. 따라서 웹 템플릿을 선택할 때 예산과 요구사항을 고려하는 것이 중요합니다.

7.제한된 커스터마이징: 웹 템플릿은 미리 디자인되고 개발된 형태이기 때문에 원하는 대로 완벽하게 커스터마이징하기 어려울 수 있습니다. 일부 템플릿은 디자인이나 레이아웃 수정을 제한하거나 웹사이트의 구조적인 변경이 어려울 수 있습니다. 따라서 사용자가 원하는 요구사항을 모두 반영하기 위해서는 추가적인 개발 작업이 필요할 수 있습니다.

8.저품질 템플릿의 존재: 웹 템플릿 시장에는 품질이 다양한 템플릿들이 존재합니다. 일부 저렴하거나 무료로 제공되는 템플릿은 디자인이나 코드 품질이 낮을 수 있으며, 보안 취약점이 있을 수도 있습니다. 따라서 신중하게 템플릿을 선택하고 신뢰할 수 있는 출처에서 템플릿을 구매하거나 다운로드하는 것이 중요합니다.

9.접근성 문제: 일부 웹 템플릿은 접근성 요구사항을 충족하지 못할 수 있습니다. 웹 표준과 웹 접근성 지침을 준수하지 않거나, 시각적인 요소나 기능에 접근성 문제가 있을 수 있습니다. 이는 장애를 가진 사용자들이 웹사이트에 접근하고 사용하는 데 어려움을 겪을 수 있음을 의미합니다.

10.제한된 지원 및 업데이트: 웹 템플릿은 제작자나 플랫폼에서 제공하는 지원 및 업데이트에 의존해야 합니다.

웹 템플릿 필요성

1.시간과 비용 절감: 웹 템플릿은 이미 디자인과 레이아웃이 구성되어 있으므로 웹사이트를 제작하는 데 필요한 시간과 비용을 절감할 수 있습니다. 템플릿을 사용하면 디자인 및 개발 단계에서 수행해야 할 작업을 줄일 수 있으며, 전문적인 디자인이나 개발 지식이 없어도 웹사이트를 만들 수 있습니다.

2.전문적인 디자인과 레이아웃: 웹 템플릿은 전문적인 디자이너나 디자인 팀에 의해 디자인되었기 때문에 시각적으로 매력적이고 전문적인 느낌을 줄 수 있습니다. 템플릿은 최신 디자인 트렌드와 사용성 원칙을 반영하고, 일관된 레이아웃을 제공하여 사용자 경험을 향상시킬 수 있습니다.

3.사용자 경험 개선: 웹 템플릿은 사용자 경험을 고려하여 설계되었습니다. 템플릿은 일관된 내비게이션 구조, 사용자 친화적인 인터페이스, 적절한 컨텐츠 배치 등을 제공하여 사용자들이 웹사이트를 쉽게 탐색하고 필요한 정보를 얻을 수 있도록 도와줍니다.

4.브랜딩 및 일관성 유지: 웹 템플릿은 브랜딩을 강화하고 일관성을 유지하는 데 도움을 줍니다. 템플릿은 로고, 색상, 글꼴 등과 같은 브랜딩 요소를 쉽게 적용할 수 있도록 지원하며, 웹사이트의 다양한 페이지나 섹션에서 일관된 디자인을 유지할 수 있습니다.

5.반응형 및 모바일 친화적: 대부분의 웹 템플릿은 반응형 디자인을 기반으로 제작되어 다양한 기기와 화면 크기에 대응할 수 있습니다. 이는 웹사이트가 모바일 기기에서도 적절하게 표시되고 사용자가 편리하게 이용할 수 있도록 도와줍니다.

6.개발 지식 필요성: 웹 템플릿을 사용하더라도 일부 커스터마이징이나 추가 기능을 구현하기 위해서는 일정 수준의 개발 지식이 필요할 수 있습니다. 템플릿을 사용하면 기본적인 HTML, CSS, JavaScript 등의 개발 지식이 요구될 수 있으며, 템플릿에 따라 프레임워크나 CMS(Content Management System)에 대한 이해가 필요할 수도 있습니다. 따라서 웹 템플릿을 사용하는 경우에도 개발자의 도움이 필요할 수 있습니다.

7.템플릿 종속성: 웹 템플릿을 선택하면 해당 템플릿의 제작자나 플랫폼에 의존해야 합니다. 템플릿 제작자가 지원을 중단하거나 업데이트를 제공하지 않을 경우, 웹사이트의 유지 보수 및 업데이트에 어려움이 있을 수 있습니다. 따라서 템플릿을 선택할 때는 지속적인 지원과 업데이트를 제공하는 신뢰할 수 있는 제작자나 플랫폼을 선택하는 것이 중요합니다.

8.제한된 기능과 유연성: 웹 템플릿은 일반적인 기능과 요소를 제공하기 때문에 특정한 요구사항이나 독특한 기능을 제공하기 어려울 수 있습니다. 템플릿에 구현된 기능을 수정하거나 추가 기능을 구현하기 위해서는 추가적인 개발 작업이 필요할 수 있습니다. 따라서 웹 템플릿을 선택할 때는 필요한 기능을 충분히 지원하는지 확인하는 것이 중요합니다.

9.제한된 고유성: 웹 템플릿은 많은 사람들이 사용할 수 있기 때문에 동일한 또는 유사한 디자인을 가진 웹사이트가 많이 존재할 수 있습니다. 따라서 웹 템플릿을 사용하는 경우 웹사이트를 개성 있게 꾸미기 위해 추가적인 커스터마이징이 필요할 수 있습니다. 개성과 차별성을 위해서는 템플릿을 유연하게 수정하거나 웹사이트의 내용과 컨텐츠를 충분히 반영하는 것이 중요합니다.

웹 템플릿 목적

1.시간 절약: 웹 템플릿은 이미 디자인과 레이아웃이 구성되어 있기 때문에 웹사이트를 빠르게 개발할 수 있습니다. 템플릿을 사용하면 디자인 및 레이아웃 작업에 소요되는 시간을 단축할 수 있습니다.

2.비용 절감: 템플릿을 사용하면 전문적인 디자인팀이나 개발자를 고용할 필요가 없으므로 비용을 절감할 수 있습니다. 또한 유료 템플릿의 경우에도 전체 웹사이트 개발 비용보다 저렴하게 제공되는 경우가 많습니다.

3.전문적인 디자인: 웹 템플릿은 전문 디자이너에 의해 디자인되었기 때문에 시각적으로 매력적이고 전문적인 느낌을 줄 수 있습니다. 템플릿을 사용하면 프로페셔널한 디자인 요소를 손쉽게 적용할 수 있습니다.

4.일관성 유지: 템플릿을 사용하면 웹사이트의 일관성을 유지할 수 있습니다. 템플릿은 동일한 디자인 원칙과 레이아웃을 기반으로 구성되어 있어서 웹사이트 내에서 일관된 디자인을 유지할 수 있습니다.

5.반응형 디자인: 현대적인 웹 템플릿은 반응형 디자인을 기반으로 하여 다양한 디바이스와 화면 크기에 맞게 자동으로 조정됩니다. 이는 사용자 경험을 향상시키고 모바일 기기 사용자에게 편리성을 제공합니다.

6.사용자 경험 개선: 템플릿은 사용자 경험을 고려하여 디자인되었습니다. 일관된 내비게이션 구조, 직관적인 인터페이스, 적절한 컨텐츠 배치 등을 제공하여 사용자들이 웹사이트를 쉽게 이용하고 필요한 정보를 얻을 수 있도록 도와줍니다.

7.유연성과 확장성: 웹 템플릿은 기본적인 구조와 디자인을 제공하면서도 커스터마이징이 가능합니다.

8.쉬운 업데이트 및 유지 보수: 웹 템플릿을 사용하면 업데이트 및 유지 보수 작업이 간단해집니다. 템플릿을 사용하면 웹사이트 전체에 일관된 변경 사항을 적용하기 쉽고, 템플릿 제작자나 개발자들이 업데이트나 버그 수정 등을 지원해줄 수 있습니다.

9.다양한 기능 및 모듈 제공: 많은 웹 템플릿은 추가 기능이나 모듈을 포함하고 있습니다. 예를 들어, 연락처 양식, 뉴스레터 구독 폼, 이미지 슬라이더, 소셜 미디어 공유 기능 등이 템플릿에 내장되어 있어서 웹사이트에 필요한 다양한 기능을 간편하게 추가할 수 있습니다.

10.빠른 프로토타이핑 및 출시: 웹 템플릿을 사용하면 아이디어를 빠르게 구현하고 프로토타입을 만들 수 있습니다. 템플릿을 기반으로 웹사이트를 개발하면 개발 시간을 단축하고, 제품이나 서비스를 빠르게 출시할 수 있습니다.

11.SEO 최적화: 일부 웹 템플릿은 SEO(Search Engine Optimization)에 최적화되어 있습니다. 검색 엔진 최적화를 위한 기본적인 요소들이 템플릿에 내장되어 있어서 검색 엔진에서의 노출성을 높일 수 있습니다.

12.커뮤니티와 지원: 많은 웹 템플릿은 해당 템플릿을 사용하는 커뮤니티나 지원 포럼이 존재합니다. 이를 통해 다른 사용자들과 정보를 공유하고 도움을 받을 수 있습니다. 또한 템플릿 제작자나 개발자들이 지원 및 업데이트를 제공하여 문제를 해결하거나 웹사이트를 개선할 수 있습니다.

웹 템플릿 관련키워드

1.반응형 웹 템플릿 (Responsive web templates)

2.CMS-web-templates' class='key_link'>CMS 웹 템플릿 (CMS web templates)

3.랜딩 페이지 템플릿 (Landing page templates)

4.이커머스 웹 템플릿 (E-commerce web templates)

5.포트폴리오 웹 템플릿 (Portfolio web templates)

6.블로그 템플릿 (Blog templates)

7.멀티페이지 웹 템플릿 (Multi-page web templates)

8.웹 애플리케이션 템플릿 (Web application templates)

9.HTML5 템플릿 (HTML5 templates)

10.CSS3 템플릿 (CSS3 templates)

11.부트스트랩 템플릿 (Bootstrap templates)

12.프레임워크 템플릿 (Framework templates)

13.플랫 디자인 템플릿 (Flat design templates)

14.UI/UX 템플릿 (UI/UX templates)

15.소셜 미디어 템플릿 (Social media templates)