Html 마이페이지 템플릿 - html maipeiji tempeullis

디자이너 없이 개발자 혼자서 웹 사이트를 개발할 때, 웹 사이트 디자인을 어떻게 하면 좋을지 가장 고민이 됩니다.

이때, 저는 다른 사이트를 참고하여 비슷하게 만들거나 혹은 무료 템플릿을 이용합니다.

제가 알고 있는 무료 html 템플릿 사이트를 추천해드리겠습니다.

1. https://bootsnipp.com/

- bootsnipp은 html 템플릿 사이트라기보다는 고유 기능들에 해당하는 것들을 모아둔 사이트입니다. 검색 기능도 있어서 필요한 기능에 들어갈 html 디자인을 찾기 쉽습니다.

2. https://startbootstrap.com/

- startbootstrap은 개발자들 사이에서는 유명한 기본적인 base template 사이트 입니다. bootstrap을 기반으로 만든 html 템플릿 입니다.

3. https://templated.co/

- 이 사이트는 다양하고 멋있는 디자인의 웹 템플릿을 보유하고 있습니다. 웹 사이트를 개발할 때 이용하면 좋을 것 같습니다.

4. https://freewebsitetemplates.com/

- 이 사이트는 이름에서 보다시피 무료웹사이트템플릿들 입니다. 여러가지 다양한 무료 html 템플릿을 제공합니다. 이 사이트는 꽤 많은 템플릿을 보유하고 있습니다.

5. https://tympanus.net/codrops/

- 이 사이트는 무료 템플릿을 제공할 뿐만 아니라 사용법도 같이 있는 사이트입니다. 참고하시면 좋으실 것 같습니다.

※ 무료 HTML 템플릿

HTML5 UP: https://html5up.net/

디자인이 정말 다양하고 세련되어 있어서 가장 인기가 많습니다.

특히 다운로드도 압축파일로 받을수 있기 때문에 수정하기도 편하다는 장점

start bootstrap: https://startbootstrap.com/

Free Bootstrap Themes, Templates, Snippets, and Guides - Start Bootstrap

Landing Page A clean, functional landing page theme

startbootstrap.com

블로그 형식과 admin 형식 모두 정말 다양합니다

그리고 HTML 템플릿 뿐만 아니라 REACT, VUE.JS, ANGULAR 템플릿도 제공되고 있습니다.

bootstrap themes: https://bootstrapthemes.co/items/free-bootstrap-templates/

Html Free Bootstrap Templates and Free Bootstrap Themes

Download High-Quality Html free bootstrap themes, free bootstrap templates for your website. All are free for commercial use.

bootstrapthemes.co

세련된 디자인이 많고 bootstarp 기준으로 만들어졌기 때문에

조금만 코드분석하면 누구든지 쉽게 사용할 수 있습니다.

웹쟁이: http://webjangi.com/design/freetemplate

웹쟁이 | 무료 웹소스 제공

무료디자인소스, 무료PSD 다운, 무료템플릿, 반응형웹 제작, html5, 제이쿼리, 무료 스크립트

www.webjangi.com

웹 템플릿 말고도 애니메이션도 제공해주기 때문에

다양한 분위기를 연출 할 수 있습니다.

templated: https://templated.co/

templated.co

깔끔한 블로그식이 많아서 웹 포트폴리오에 가장 많이 사용하는 곳 입니다.

creative-tim: https://www.creative-tim.com/templates

213+ Themes & Templates @ Creative Tim

www.creative-tim.com

종류는 많지않지만 같은 디자인으로 HTML, REACT, VUE.JS, ANGULAR 제공 해줍니다.

적합한 대상:
비즈니스, 창업, 그래픽 디자이너, 카운트다운, 이벤트 등
설명:
멋진 카운트다운 시계가 방문자를 맞이하는 이 템플릿으로 오픈 예정의 홈페이지에 대한 관심을 유도하세요. 구독양식을 추가하면 업데이트 소식을 방문자와 공유할 수 있습니다.
적합한 대상:
그래픽, 웹디자이너, 웹디자인, 자영업, 크리에이티브, 포트폴리오
설명:
업그레이드를 이유로 홈페이지를 정상적으로 운영할 수 없다면 이 템플릿으로 임시 홈페이지를 제작하세요. 오픈 예정 또는 임시 홈페이지를 운영하면 방문자의 실망감을 줄일 수 있고, 업데이트 구독양식을 통해 방문자 정보도 수집할 수 있습니다. 실제 홈페이지 오픈 준비가 완료되면 구독자에게 알림 이메일을 발송하세요.
적합한 대상:
첨단 기술 스타트업, 이동 서비스 기업 등
설명:
선도적인 분위기의 본 템플릿을 통해 미래 기술을 상상해보세요. 세련된 디자인으로 제품을 돋보이게 하는 동시에 Wix 양식 앱을 사용하여 우수한 인재를 채용하고 기술 전문가들에게 회사 소식을 구독하도록 유도하세요. 시작하려면 "편집" 버튼을 클릭하세요.
적합한 대상:
그래피티, 아티스트, 사진, 포토, 크리에이티브, 예술가 등
설명:
내 작품을 소개할 홈페이지를 '그래피티 레전드의 갤러리'로 제작하세요. 이미지 및 텍스트를 내 작품에 맞게 변경하고 문의 연락처를 추가하면 방문자를 맞이할 홈페이지가 완성됩니다.
적합한 대상:
비즈니스 자문가, 데이터 분석가, 중소 기업, 스타트업 등
설명:

전문적이고 목표 지향적인 본 템플릿을 통해 잠재 고객을 확보하세요. 쉽게 탐색할 수 있는 단순한 디자인으로 제공하는 서비스 및 기타 필수 정보를 한 페이지에 표시할 수 있습니다. 고객 후기 섹션은 잠재 고객을 유도하고 비즈니스에 대한 신뢰감을 심어주며, 사용자 지정이 가능한 문의 양식은 고객이 비즈니스 관련 문의를 할 수 있도록 안내해줍니다. 지금 바로 새로운 사이트를 제작해보세요!
적합한 대상:
기술 회사, 게임 스타트업, 비디오 게임 디자이너 등
설명:
재미있고 다채로운 분위기의 템플릿으로 회사의 정체성을 표현하세요. 다운로드 링크를 추가하여 방문자가 앱을 다운로드하도록 유도하고, Wix 양식 앱으로 입사지원서를 접수하거나 뉴스레터 구독 신청을 받을 수 있습니다. 게임처럼 흥미로운 사이트를 제작할 준비가 되셨다면 "편집" 버튼을 클릭하여 지금 시작하세요.
적합한 대상:
건축, 건설, 기계공학, 엔지니어링, 설계, 중장비 등
설명:
건설현장 동영상으로 방문자를 맞이하는 '공간을 채우는 건설회사' 템플릿으로, 내 비즈니스를 위한 홈페이지를 만들어보세요. 동영상 스트립과 같은 최신 기능으로 자칫 딱딱해지기 쉬운 홈페이지에 활력을 불어넣어보세요.
적합한 대상:
자동차, 모토사이클, 정비, 빈티지 등
설명:
고급스러운 빈티지 자동차의 분위기를 홈페이지로 옮겨온 '제이디앤앤디 빈티지카' 템플릿을 만나보세요. 내 브랜드에 맞게 이미지와 설명을 변경하고, 문의양식을 추가하면 홈페이지가 완성됩니다.
적합한 대상:
스타트업, 애플리케이션, 첨단기술 회사, 최신 기술 회사, IT 회사 등

설명:
강렬한 분위기로 시선을 사로잡는 인상적인 템플릿으로 최신 기술을 소개하세요. Wix 블로그로 업계를 선도하는 우수한 전문성을 홍보하고, 연락처 및 구독 양식을 사용하여 손쉽게 구독자 수를 늘릴 수 있습니다. 비즈니스를 한 단계 더 높이 끌어올리고 싶다면 "편집" 버튼을 클릭하고 사이트 제작을 시작하세요!
적합한 대상:
사진, 포토, 스튜디오, 예술, 댄스, 크리에이티브, 광고 등
설명:
미니멀하고 고급스러운 분위기의 템플릿으로 내 작품을 소개해보세요. Wix 프로갤러리를 통해 온라인 포트폴리오를 구성하고 사용자 지정이 가능한 섹션을 추가하여 자기 소개 및 작품 설명을 입력할 수 있습니다. "편집" 버튼을 클릭하고 지금 바로 시작하세요!
적합한 대상:
주택 리모델링, 인테리어, 계약 서비스
설명:
주택 리모델링 전문 업체 홈페이지에 어울리는 깔끔하고 클래식한 디자인의 템플릿입니다. 갤러리 기능으로 다양한 인테리어 샘플을 전시하고, 문의 페이지를 이용해 예상 견적을 안내해보세요. 보다 전문적인 느낌을 주는 홈페이지를 위해 색상과 글꼴을 사용자 지정할 수 있습니다.
적합한 대상:
전자제품 제조업체, 기술 스타트업, 소비자 건강 기업
설명:
세련된 디자인의 랜딩 페이지를 사용하여 제품을 멋지게 런칭해보세요. 어두운 배경과 색상 대비를 이루는 밝은 색상의 버튼은 방문자가 제품 정보를 쉽게 확인할 수 있도록 도와주고 Wix Stores에서 제품을 구매하도록 유도합니다. 또한, Wix 양식을 사용하면 구독자를 쉽게 확보할 수 있어 출시 예정 제품을 간편하게 소개할 수 있습니다. 지금 "편집" 버튼을 클릭하여 내 비즈니스에 맞춤화된 사이트를 제작해보세요.