# 랜딩페이지 레퍼런스 사이트

[효과적인 랜딩 페이지 디자인 제작을 위한 20가지 예시 - Shopify 대한민국](https://www.shopify.com/kr/blog/landing-page-design)

웹페이지 디자이너로서 랜딩페이지 디자인에 영감을 얻고 참고할 수 있는 사이트들을 아래에 정리했습니다. 이 사이트들은 다양한 스타일과 구성의 랜딩페이지 사례를 제공하며, 디자인 아이디어를 확장하는 데 유용합니다.

## **랜딩페이지 레퍼런스 사이트**

### 1. **Landingfolio**

- **특징**: 최고의 랜딩페이지 디자인, 템플릿, 컴포넌트 등을 모아둔 라이브러리입니다. SaaS, 이커머스 등 다양한 카테고리별로 사례를 확인할 수 있습니다.

- **추천 이유**: 깔끔한 UI/UX와 함께 최신 트렌드를 반영한 디자인을 탐색할 수 있습니다.

- **사이트**: Landingfolio는 특히 Tailwind 기반의 컴포넌트 라이브러리도 제공합니다[1][3].

### 2. **Landing Page Examples**

- **특징**: 랜딩페이지를 구성하는 11가지 주요 섹션(Hero Section, Testimonials, Features 등)별로 사례를 정리해 둔 사이트입니다.

- **추천 이유**: 특정 섹션별로 디자인을 분석하고 싶은 디자이너에게 적합하며, 300개 이상의 사례가 지속적으로 업데이트됩니다.

- **사이트**: 다양한 컴포넌트를 확인하고 클릭 후 세부적으로 살펴볼 수 있는 기능이 유용합니다[2].

### 3. **Awwwards**

- **특징**: 세계적으로 인정받는 웹디자인 어워드 플랫폼으로, 창의적이고 혁신적인 웹사이트를 다룹니다.

- **추천 이유**: 단순히 랜딩페이지뿐 아니라 전반적인 웹디자인 트렌드를 파악하기에 적합합니다.

### 4. **Dribbble**

- **특징**: 디자이너들이 자신들의 포트폴리오를 공유하는 플랫폼으로, 랜딩페이지뿐만 아니라 다양한 UI/UX 디자인 샘플을 확인할 수 있습니다.

- **추천 이유**: 커뮤니티 기반으로 최신 디자인 트렌드와 아이디어를 얻기에 좋습니다.

### 5. **Behance**

- **특징**: Adobe가 운영하는 크리에이티브 플랫폼으로, 고퀄리티의 랜딩페이지 및 웹디자인 프로젝트를 볼 수 있습니다.

- **추천 이유**: 글로벌 디자이너들의 작업물을 통해 영감을 얻을 수 있습니다.

## **활용 팁**

- 특정 섹션(예: Hero Section, Footer 등)에 초점을 맞추고 싶다면 Landing Page Examples와 같은 세분화된 자료를 활용하세요.

- 최신 트렌드와 창의적인 접근법을 원한다면 Awwwards나 Dribbble에서 탐색해 보세요.

- 템플릿이나 컴포넌트를 직접 활용하려면 Landingfolio가 유용합니다.

위 사이트들을 통해 다양한 디자인 아이디어를 얻고 프로젝트에 적용해 보세요!

Citations:
[1] [https://www.qusheet.com/1dcbc9a5-6c4e-4b80-9a48-2bd886a77fe9](https://www.qusheet.com/1dcbc9a5-6c4e-4b80-9a48-2bd886a77fe9)
[2] [https://icunow.co.kr/landingpageexamples/](https://icunow.co.kr/landingpageexamples/)
[3] [https://www.landingfolio.com](https://www.landingfolio.com)

For the site tree, see the [root Markdown](https://hub.rayhub.kr/.md).