뒤로
손범수
손범수 ·

주목할만한 2024년 스타트업 랜딩페이지 트렌드 4가지

2023년도 어느덧 얼마 남지 않았네요. 이번에는 제가 직접 디자인한 예제 사이트와 함께 2024년 웹디자인 트렌드를 소개하려고 합니다.

1. 명확한 윤곽선 그리드

사용자 탐색을 간편화하고 웹사이트의 반응성을 향상시키기 위해 더 명확한 구조가 필요합니다. 큰 이미지와 제품 사진 주변에 강조된 테두리를 추가하는 것은 웹 디자인에서 사용자 경험을 개선하기 위해 사용되고 있는 뛰어난 방법 중 하나입니다. 이러한 간결한 디자인은 회사의 중요한 제품 또는 세부 정보를 강조할 수 있을 것입니다.

강조된 테두리는 외관을 최소화하려는 커머스, 포트폴리오, 비즈니스 페이지에 효과적으로 적용할 수 있습니다.

시각 요소

- 편집 디자인에 사용되는 그리드 시스템

- 흑백 배경

- 강조된 테두리

Web Design Trend 9

Image Source: dribbble.com/Ferenc Horvat

2. 큰 타이포그래피

미니멀한 스타일로 첫눈에 필요한 정보를 강조하는 웹사이트를 만들 때, 큰 타이포그래피는 강력한 무기가 됩니다. 각 섹션에 큰 텍스트 또는 강조된 제목을 추가하는 것을 고려해 보세요. 간결하고 굵은 제목을 선택하여 서비스, 제품을 강조할 수 있습니다. sans serif 스타일의 간결한 텍스트는 읽고 싶은 랜딩페이지의 필수조건이죠. 또한 이런 디자인 방식은 레이아웃을 최소화하고 큰 시각적 요소를 줄임으로써 웹사이트에서의 사용자 반응을 높이는 데 도움을 줄 수 있습니다. 이러한 웹 디자인 트렌드는 서비스 기반 기업, 에이전시, 그리고 SaaS 웹사이트에 효과적으로 적용될 수 있습니다.

시각 요소

- 큰 타이포그래피

- 적은 시각 장치

- 흑백 배경

Web Design Trend 6

Image Source: dribbble.com/Ferenc Horvat

3. 그래디언트

인스타그램이 시작한 그래디언트 디자인 트렌드는 이제 시작인 것 같습니다. 세련되고 유연한 인상을 주는 그래디언트는 최근 SaaS와 커머스 업계에 큰 영향을 주고 있습니다.

시각 요소

- 흑백 디자인에 그라디언트로 강조

- 단색이 아닌 그라이언트를 활용한 버튼

- 글래스모피즘과의 조합

Web Design Trend 3

Image Source: dribbble.com/Tomasz Mazurczak

4. 네오브루탈리즘

네오브루탈리즘(Neubrutalism). 미완성적이며 면과 선, 산세리프 글꼴 위주의 단순함을 이용한 디자인 양식입니다. [[Figma|피그마]], Gumroad 등을 통해 대중화되면서 2022년부터 관심받기 시작했어요. 이젠 웹디자인에도 새로운 바람을 불러오고 있습니다.

시각요소

- 검은색 또는 흰색 배경

- 그라데이션이나 음영을 사용하지 않음

- 대비가 강한 컬러 팔레트

image.png

출처:

현재 초기 스타트업을 위한 랜딩페이지 제작을 도와드리고 있습니다. 많은 관심 부탁드려요 😀

9

댓글

로그인 후 댓글을 남길 수 있습니다.

백민기
백민기

오 분석 너무 흥미롭습니다! webflow를 통해서 한국 스타트업의 랜딩페이지를 만드는 드로잉 코딩 클럽에 연재했습니다. 범수님께서 framer를 어떻게 사용하시는지도 궁금한데, 드로잉 코딩 클럽에서 연재해주실 수 있나요?!? https://disquiet.io/club/drawing-coding