탐색Landing2025 웹 디자인 쇼릴 — 랜딩 화면 전환 모음

1 / 1

확대·블러된 배경 위로 랜딩 화면 목업이 차례로 교체되는 쇼릴이다. 주황 사진 히어로, 파란 그라데이션의 흰 SaaS 랜딩, 베이지 썸네일 그리드 포트폴리오가 이어진다.

Landing

2025 웹 디자인 쇼릴 — 랜딩 화면 전환 모음

2025-12-27 · 동영상 1

AI 분석

한 해 작업한 웹 랜딩·포트폴리오 화면을 흐린 배경 위에서 차례로 넘기는 쇼릴 영상이다.

각 프레임은 화면 중앙에 브라우저 크기의 목업을 띄우고 그 뒤에 같은 화면을 크게 확대·블러 처리해 깔아 깊이를 만든다. 첫 화면은 주황 단색조에 헬멧 인물 사진을 풀블리드로 깔고 알약형 플로팅 내비와 대형 산세리프 헤드라인, 하단 2단 캡션을 얹은 고대비 히어로다. 두 번째는 흰 배경에 파란 그라데이션 블롭을 깔고 초대형 헤드라인 아래 제품 UI 목업을 절반쯤 잘라 배치한 SaaS 랜딩이며, 세 번째는 베이지 바탕에 작은 썸네일을 규칙적으로 흩고 대형 워드마크를 겹친 에디토리얼 포트폴리오 그리드다. 사진 기반 히어로, 블롭 그라데이션, 축소 썸네일 그리드라는 세 가지 랜딩 화법을 한 편에서 비교할 수 있어 레이아웃 레퍼런스로 유용하다.

editorial · minimal · high-contrast · soft-gradient · light-mode