[ CONCEPT 04 / SAAS LANDING ]

FLOWN — 업무 자동화 SaaS 랜딩페이지

흩어진 업무를 연결하고 반복 작업을 자동화하는 B2B SaaS를 가정해 디자인부터 개발까지 진행한 콘셉트 랜딩페이지입니다. 와이드 영문 타이포그래피와 웜 그레이 톤으로 제품의 인상을 만들고, 자동화 플로·주간 리포트 화면을 카드로 보여 줍니다. 월간·연간 요금 전환(숫자 전환 애니메이션 포함)과 체험 신청 화면 흐름을 Next.js로 구현했습니다.

유형: SAAS LANDING
연도: 2026
작업 범위: UI 디자인 · Next.js 개발 · 반응형 · 인터랙션

CONCEPT

실제 고객사 작업이 아닌 웹메이트 자체 콘셉트 작업입니다. 화면 속 회사명·인물·수치는 가상입니다.

SaaS
Landing
Interaction

FLOWN 랜딩페이지 데스크톱 전체 화면: 히어로, 핵심 기능 3가지, 워크플로 자동화, 자동 리포트, 지표, 고객 후기, 요금제, 무료 체험 신청 — 랜딩페이지 — 1440px 데스크톱

FLOWN 랜딩페이지 모바일 전체 화면: 데스크톱과 같은 구성이 한 열로 쌓인 화면 — 랜딩페이지 — 390px 모바일

비슷한 프로젝트를 구상하고 계신가요?

포트폴리오 목록 프로젝트 문의하기