나만의 OnePage 사이트 쉽게 만들기 - Carrd

One Page 웹사이트 빌더 Carrd

안녕하세요 HD입니다. 

오늘 소개할 솔루션은 One page website builder Carrd입니다.

 

요즘 많은 사람들이 Notion (노션)으로 포트폴리오 등

많은 문서를 만들고 웹에 공유하고 있습니다.

쉽고 간단하게 배포할 수 있다는 것이 강점입니다. 

 

만약 노션보다 조금 더 동적인(Active) 페이지를 만들고 싶다면? 

웹디자인이나 웹 개발을 못하는 우리에게 조금은 유용한 사이트가

바로 Carrd입니다. 

 

일단 제가 만든 페이지를 먼저 보시죠!

https://sethetrend.carrd.co/

HD Tistory

 

Carrd로 만든 사이트

반응형 웹사이트라 웹과 모바일 모두 최적화하여 보여줍니다. 

일단 가격은 무료입니다.

Pro로 가격 플랜을 변경할 수 있습니다.

 

이제 이런 웹페이지를 만드는 과정을 간단히 설명드리도록 할게요!

 

우선 사이트로 이동합니다.

https://carrd.co/ 

Carrd - Simple, free, fully responsive one-page sites for pretty much anything

 

Carrd 메인 페이지

처음 사이트를 만들 때 계정 생성을 바로 할 필요는 없습니다.

일단 Choose a Stating Point를 눌러 템플릿 선택을 합니다.

 

carrd 탬플릿 선택

다양한 탬플릿을 제공합니다.

Pro표시가 없는 것 중에 맘에 드는 탬플릿을 고르시면 됩니다.

 

저는 첫 번째 탬플릿이 가장 동적인 거 같아 선택했습니다.. 

Carrd 템플릿

탬플릿을 선택하면 에디터로 넘어가게 됩니다.

각 콘텐츠를 편집할 수 있게 구성되어 있습니다. 

Carrd 문자 입력

템플릿에 글을 입력하시면 되는데

선택이 아닌 Markdown 스타일로 입력을 하게 되어있습니다.

참고하여 작성을 해주시면 됩니다. 

저는 기본적은 컬러나 크기가 맘에 들어 그대로 했지만, 

조금 더 독창적인 사이트를 제작할 수 있습니다.

Carrd 편집

이미지와 문구만 수정 가능한 것이 아니라 선이다 도형 등도 편집 가능합니다. 

제가 사용한 이미지는 https://duotone.shapefactory.co/

Duotone by ShapeFactory | Create Beautiful Free Duotones

 

Duotone by ShapeFactory에서 다운로드하여 사용했습니다. 

탬플릿이 그러데이션이 많이 들어가 있어서 Duotone을 이용하여

조금 더 어울리게 사용했습니다. 

Unsplash 이미지를 기반으로 색만 선택하여 다운로드할 수 있기 때문에

매우 유용한 사이트입니다. 추천드려요!

 

Carrd 편집

상단에 보시면 콘텐츠 추가, Undo, Redo, Preview, Mobile/Desktop, 저장 등 메뉴가 있습니다. 

편집이 완료가 되었으면 웹에 공개(Publish)합니다. 

이때, 사이트에 가입을 해야 합니다.

계정 생성 및 사이트 명, 설명, 그리고 Url 등 을 입력 후 웹에 공유하시면 됩니다! 그럼 끝!

 

carrd Dashboard

이제 Carrd에 로그인하면 대시보드에 사이트를 확인할 수 있고

편집도 가능합니다. 각 버튼에 URL을 편집하여 Notion 페이지나 블로그, SNS 등을 연결하면

하나의 홈페이지가 간단히 완성되는 거죠!

 

그럼 유용한 정보가 되었길 바라며

오늘도 

Thanks,