NEW LAUNCH
새로운 제품이나 서비스를 출시합니다.
정식 웹사이트를 만들기 전에 하나의 제품이나 기능을 집중적으로 소개해야 하는 경우.
개요
랜딩 페이지는 짧지만
전략은 더 명확해야 합니다.
일반적인 웹사이트는 여러 페이지를 통해 브랜드와 서비스를 설명할 수 있지만 Landing Page는 제한된 화면 안에서 사용자를 설득해야 합니다.
방문자는 첫 화면에서 자신에게 필요한 서비스인지 판단하고, 페이지를 내려가며 더 많은 정보를 확인한 뒤 최종적으로 행동을 결정합니다.
따라서 좋은 Landing Page에는 다음 질문에 대한 답이 명확해야 합니다.
Newon Landing Page는 이 질문에 답하는 콘텐츠 순서와 UI 구조를 설계해 페이지 전체가 하나의 전환 흐름으로 작동하도록 만듭니다.
페이지를 읽기 전에 이 여섯 가지가 먼저 정리되어야 합니다.
- 무엇을 제공하는가
- 누구를 위한 것인가
- 왜 필요한가
- 무엇이 다른가
- 믿을 수 있는가
- 지금 무엇을 해야 하는가
문제
이런 상황에서 Landing Page가 필요합니다.
MESSAGE IS UNCLEAR
서비스 설명이 복잡합니다.
좋은 제품이지만 첫 화면에서 무엇을 제공하는지 방문자가 바로 이해하지 못하는 경우.
LOW CONVERSION
방문은 있지만 문의나 구매로 이어지지 않습니다.
CTA 위치, 콘텐츠 순서와 설득 구조가 명확하지 않은 경우.
CAMPAIGN
특정 캠페인에 집중해야 합니다.
이벤트, 프로모션, 사전 신청, 얼리 액세스 등 하나의 목표를 가진 페이지가 필요한 경우.
APP LAUNCH
앱 다운로드를 유도해야 합니다.
앱의 핵심 가치와 기능을 빠르게 설명하고 App Store / Google Play로 연결해야 하는 경우.
AD TRAFFIC
광고 유입을 받을 전용 페이지가 필요합니다.
광고의 메시지와 랜딩 페이지 경험을 일관되게 연결해야 하는 경우.
MVP VALIDATION
아이디어를 빠르게 검증하고 싶습니다.
제품 개발 전에 수요를 확인하거나 대기자, 문의, 신청을 받아보고 싶은 경우.
LANDING PAGE PRINCIPLES
좋은 Landing Page를 만드는 기준.
FOCUSED
집중성
하나의 페이지에 너무 많은 목표를 넣지 않고 핵심 행동을 명확하게 설정합니다.
CLEAR
명확성
방문자가 몇 초 안에 제품과 서비스의 핵심을 이해할 수 있어야 합니다.
RELEVANT
관련성
방문자의 문제와 필요에 직접적으로 연결되는 메시지를 전달합니다.
PERSUASIVE
설득력
기능만 나열하지 않고 왜 필요한지, 어떤 변화가 생기는지까지 설명합니다.
TRUSTWORTHY
신뢰성
성과, 사례, 제품 정보, 운영 주체 등 필요한 신뢰 요소를 적절히 배치합니다. 존재하지 않는 데이터는 만들지 않습니다.
ACTIONABLE
행동성
사용자가 다음에 무엇을 해야 하는지 CTA가 명확해야 합니다.
FAST
간결성
불필요한 정보와 장식을 줄이고 중요한 메시지를 빠르게 전달합니다.
MOBILE-FIRST
모바일 사용성
광고, SNS 등 모바일 유입을 고려해 작은 화면에서도 핵심 내용과 CTA가 명확하게 보여야 합니다.
대상
이런 프로젝트에 적합합니다.
- 01
신규 제품 출시
- 02
신규 서비스 출시
- 03
앱 다운로드 페이지
- 04
스타트업 MVP
- 05
SaaS / AI 제품
- 06
캠페인
- 07
광고 전용 페이지
- 08
사전 등록 / Waitlist
- 09
이벤트 신청
- 10
B2B 문의 페이지
- 11
신규 기능 소개
- 12
한 가지 제품이나 서비스에 집중하고 싶은 브랜드
진행 작업
프로젝트에서 진행하는 작업.
GOAL DEFINITION
전환 목표 정의
문의, 신청, 구매, 다운로드 등 Landing Page가 달성해야 할 가장 중요한 행동을 정합니다.
AUDIENCE
타깃 이해
누가 페이지를 방문하고 어떤 문제와 기대를 가지고 있는지 파악합니다.
VALUE PROPOSITION
핵심 가치 정리
제품이나 서비스가 방문자에게 제공하는 가장 중요한 가치를 명확하게 정리합니다.
MESSAGE STRUCTURE
메시지 구조
어떤 이야기를 어떤 순서로 전달해야 가장 이해하기 쉬운지 설계합니다.
SECTION PLANNING
섹션 구성
Hero, Problem, Solution, Feature, Proof, FAQ, CTA 등 필요한 콘텐츠를 목적에 맞게 구성합니다.
WIREFRAME
와이어프레임
실제 디자인 전에 페이지 흐름과 콘텐츠 위계를 구조화합니다.
UI DESIGN
UI 디자인
브랜드 Identity와 메시지를 반영해 실제 Landing Page를 디자인합니다.
CTA DESIGN
CTA 구조
Primary CTA와 Secondary CTA의 우선순위, 위치와 반복 구조를 설계합니다.
RESPONSIVE DESIGN
반응형 디자인
Desktop / Tablet / Mobile에서 동일한 메시지와 전환 흐름이 유지되도록 설계합니다.
HANDOFF
개발 전달
구현이 필요한 프로젝트에서는 디자인 구조와 인터랙션 기준을 개발 가능한 형태로 정리합니다.
PAGE STRUCTURE
필요한 정보를
필요한 순서로.
모든 프로젝트에 모든 섹션을 사용하는 것은 아닙니다. 전환 목표에 따라 구조를 선택합니다.
HERO
첫 화면
제품 또는 서비스의 핵심 가치와 Primary CTA.
PROBLEM
문제
방문자가 현재 겪고 있는 문제와 불편.
SOLUTION
해결
제품이나 서비스가 어떤 방식으로 문제를 해결하는지 설명.
BENEFITS
효과
기능이 아니라 사용자가 얻게 되는 가치 중심으로 설명.
FEATURES
기능
핵심 기능 또는 서비스 내용을 구체적으로 소개.
HOW IT WORKS
사용 방법
제품이나 서비스가 어떻게 작동하는지 단계적으로 설명.
SOCIAL PROOF
신뢰 요소
실제 확인 가능한 고객, 사용자, 사례, 후기, 수치만 사용.
COMPARISON
차별점
필요한 경우 기존 방식이나 다른 선택지와의 차이를 전달.
PRICING
가격
필요한 프로젝트에서는 가격과 플랜을 이해하기 쉽게 구성.
FAQ
자주 묻는 질문
전환 직전에 생길 수 있는 주요 질문을 해결.
FINAL CTA
최종 행동
페이지를 읽은 사용자가 즉시 다음 행동으로 이동할 수 있도록 구성.
섹션 구성은 견적 단계에서 확정합니다.
PAGE TYPES · PATHS
목적에 따라 페이지 구조가 달라집니다.
모든 유형이 동일한 범위나 가격이라는 의미는 아닙니다. 프로젝트 규모에 따라 견적이 달라집니다.
광고 캠페인용 페이지는 AD MESSAGE → LANDING HERO → VALUE → PROOF → CTA처럼 광고의 약속과 페이지 메시지를 연결할 수 있습니다. 광고 운영·성과 최적화는 기본 서비스에 포함되지 않습니다.
초기 제품은 IDEA → VALUE → LANDING → WAITLIST/INQUIRY → RESPONSE → DECISION으로 반응을 확인할 수 있습니다. Landing Page만으로 시장성, PMF, 투자 또는 사업 성공을 보장하지 않습니다.
PRODUCT LAUNCH
제품 출시
새로운 제품 또는 기능의 핵심 가치와 사용 이유를 전달.
APP LANDING
앱 랜딩
앱의 핵심 기능을 설명하고 App Store / Google Play 다운로드로 연결.
SERVICE
서비스
서비스 내용, 프로세스와 신뢰 요소를 전달해 문의로 연결.
CAMPAIGN
캠페인
이벤트, 프로모션과 기간 한정 메시지에 집중.
WAITLIST
대기자 모집
출시 전 관심 사용자를 확보하기 위한 페이지.
EVENT
이벤트
행사 정보와 신청 흐름을 중심으로 구성.
B2B LEAD
B2B 리드
기업 고객이 핵심 정보를 확인한 뒤 상담 또는 문의하도록 설계.
MVP VALIDATION
MVP 검증
제품 출시 전 관심과 수요를 확인하기 위한 페이지.
AD → LANDING
광고 연결
광고에서 본 메시지가 Hero와 CTA까지 자연스럽게 이어지도록 설계.
COPY DIRECTION
메시지 방향
기본: Headline Structure, Section Message Direction, CTA Copy Direction.
전체 Copywriting·Brand Voice·Sales Copy·Localization은 별도 범위.
HERO · CTA · TRUST · MOBILE
첫 화면, 행동, 신뢰,
그리고 모바일.
Hero에서는 WHAT / WHY / ACTION을 우선합니다. CTA는 Primary와 Secondary의 우선순위를 구분하고, 의사결정 단계에 맞춰 필요한 지점에 배치합니다.
Trust 요소는 실제 확인 가능한 정보가 있을 때만 사용합니다. 존재하지 않는 고객·후기·수치·파트너·수상은 만들지 않습니다.
모바일에서는 더 빠르게 결정하므로 핵심 문장과 CTA를 우선합니다. 실제 성능 수치는 보장하지 않습니다.
WHAT
무엇을 제공하는가.
WHY
왜 사용해야 하는가.
ACTION
사용자가 다음에 무엇을 해야 하는가.
PRIMARY CTA
가장 중요한 전환 행동 — 문의, 시작, 신청, 구매, 다운로드, 사전 등록 등.
SECONDARY CTA
보조 행동 — 자세히 보기, 기능 확인, 데모, 가격 보기 등.
HEADLINE
스캔만 해도 핵심이 보이게.
SUPPORTING COPY
Headline을 보완하는 맥락.
USER / CUSTOMER
실제 고객 또는 사용자만.
METRICS / CASE
실제 확보한 수치·사례만.
PRODUCT PROOF
실제 제품 화면·기능·결과.
SHORTER MESSAGE
모바일 — 핵심 문장 우선.
CLEAR CTA
모바일 — CTA가 쉽게 발견·터치.
CONTENT ORDER
모바일 — 축소가 아니라 우선순위 재조정.
TOUCH · WEIGHT
터치 영역과 불필요한 무게 요소를 디자인 단계에서 고려.
Placeholder가 필요하면 실제 데이터처럼 보이지 않게 명확히 처리합니다.
포함 내용
기본 범위에 포함됩니다.
정확한 섹션 수, 화면 수, 콘텐츠 작성 범위와 개발 포함 여부는 프로젝트마다 달라집니다. 전문 Copywriting 전체는 기본 가격에 자동 포함되지 않습니다.
- Goal Definition
- Basic Audience Review
- Value Proposition Structure
- Message Hierarchy
- Section Planning
- Landing Page Wireframe
- Landing Page UI Design
- CTA Structure
- Responsive Design
- Basic Interaction Direction
- Design Handoff
결과물
프로젝트 종료 시 받게 되는 결과물.
실제 산출물은 프로젝트 계약 범위에 따라 달라질 수 있습니다.
PAGE STRATEGY
Landing Page Structure — 페이지의 목적, 핵심 메시지와 콘텐츠 흐름.
MESSAGE HIERARCHY
Message Structure — Headline, Supporting Content, CTA 등 주요 메시지 구조.
WIREFRAME
Wireframe — 페이지 전체의 콘텐츠 배치와 전환 흐름.
DESKTOP DESIGN
Desktop UI — 완성된 Landing Page Desktop 화면.
MOBILE DESIGN
Responsive UI — Mobile을 포함한 프로젝트 범위의 반응형 화면.
CTA SYSTEM
CTA Structure — Primary / Secondary CTA의 기본 우선순위와 배치.
INTERACTION DIRECTION
Basic Interaction — 필요한 Hover, Scroll, Transition 등의 기본 방향.
HANDOFF
Design Handoff — 개발 구현을 위한 디자인 구조와 기본 기준.
진행 방식
프로젝트는 이렇게 진행됩니다.
DEFINE
목표 정의
Landing Page가 만들어야 할 핵심 행동을 정합니다.UNDERSTAND
고객 이해
방문자가 가진 문제와 기대를 파악합니다.MESSAGE
메시지 설계
핵심 가치, 문제, 해결과 차별점을 정리합니다.STRUCTURE
페이지 구조
콘텐츠를 가장 효과적인 순서로 배치합니다.WIREFRAME
화면 구조
정보 위계와 CTA 위치를 설계합니다.DESIGN
UI 디자인
브랜드와 전환 목표를 반영해 실제 화면으로 발전시킵니다.RESPONSIVE
반응형 설계
Desktop과 Mobile 환경을 최적화합니다.REFINE
최종 개선
가독성, CTA, 콘텐츠 흐름과 일관성을 확인합니다.HANDOFF
최종 전달
구현을 위한 디자인과 기본 기준을 정리합니다.
CONVERSION FLOW
한 페이지 안에서도
사용자는 단계적으로 결정합니다.
Landing Page는 섹션을 단순히 나열하는 것이 아니라 방문자의 의사결정 순서에 맞춰 콘텐츠를 설계합니다.
ATTENTION
시선을 끌고
UNDERSTAND
무엇을 제공하는지 이해하고
RELATE
자신의 문제와 연결하고
TRUST
믿을 이유를 확인하고
DESIRE
사용했을 때 얻을 가치를 느끼고
ACT
문의 / 신청 / 구매 / 다운로드로 이동
이전 → 이후
Landing Page가 정리되면 달라지는 것.
BEFORE
첫 화면에서 무엇을 제공하는지 모름
기능만 길게 나열됨
핵심 CTA가 보이지 않음
정보 순서가 뒤섞여 있음
광고 메시지와 페이지 내용이 다름
모바일에서 콘텐츠가 너무 길고 복잡함
AFTER
명확한 Value Proposition
문제 → 해결 → 가치가 연결된 이야기
우선순위가 분명한 CTA
의사결정 순서에 맞는 콘텐츠
Campaign과 연결된 메시지
모바일에서도 빠르게 이해되는 구조
SCOPE DIFFERENCE
Landing Page와 Web Design,
디자인과 개발은 목적이 다릅니다.
빠른 제품 출시, 캠페인, 광고, 사전 신청 등 하나의 명확한 목표가 있다면 Landing Page가 적합할 수 있습니다. 회사 전체 웹사이트나 여러 메뉴와 콘텐츠가 필요한 경우 Web Design이 더 적합할 수 있습니다.
프로젝트에 따라 Design만 또는 Design + Development를 함께 진행할 수 있습니다. 개발, 서버, 도메인, Form, CMS, Analytics 포함 여부는 견적에서 구분합니다.
LANDING PAGE
하나의 제품·서비스·캠페인의 특정 전환 목표에 집중하는 단일 페이지.
WEB DESIGN
여러 페이지와 콘텐츠를 통해 브랜드와 사업 전체를 보여주는 웹사이트 구조와 경험을 설계.
LANDING PAGE DESIGN
콘텐츠 구조, UX, UI, 반응형 화면과 CTA 흐름을 설계합니다.
DEVELOPMENT
실제 브라우저에서 페이지가 동작하도록 구현하고 배포하는 작업입니다.
Studio Landing Page의 시작가는 Design Only 기준입니다. 실제 구현이 필요하면 Newon Business Landing과 연계해 별도 견적합니다.
예상 기간
예상 진행 기간
기본 프로젝트는 약 1–3주를 기준으로 진행합니다.
실제 일정은 페이지 길이, 섹션 수, 콘텐츠 양, Custom UI, Interaction, Copywriting 범위와 피드백 일정에 따라 달라질 수 있습니다.
프로젝트 범위
시작가와 기본 범위
LANDING PAGE
₩400,000부터
표시된 금액은 기본 범위 기준 시작가입니다.
페이지 길이, 콘텐츠 양, 섹션 수, Custom UI, Interaction, Copywriting, 개발 및 추가 기능 여부 등에 따라 최종 견적이 달라질 수 있습니다.
기본 범위
- Goal Definition
- Message Structure
- Section Planning
- Wireframe
- UI Design
- CTA Structure
- Responsive Design
- Handoff
OPTIONAL
필요 시 함께 진행할 수 있습니다.
아래 항목은 기본 범위에 포함되지 않습니다. 필요하면 별도 범위로 협의합니다.
- Brand Strategy
- Naming
- Identity
- Logo Design
- Full Copywriting
- Development
- CMS
- Custom Form
- Analytics Setup
- Conversion Tracking
- SEO Structure
- Motion / Interaction
- Illustration
- Product Mockup
- App Store / Google Play Link Structure
- Multilingual Page
- A/B Test Design Variants
- Additional Landing Pages
- Campaign Assets
DEVELOPMENT
디자인 이후 실제 구현이 필요한 경우
Studio Landing Page는 콘텐츠 구조·UX·UI·반응형과 CTA 흐름을 설계하는 Design Only 서비스입니다.
실제 구현과 배포가 필요하면 Newon Business Landing과 연계해 별도 범위로 진행할 수 있습니다.
DIGITAL PATH
전환이 필요한 순간을
디지털 경험으로 연결합니다.
Landing Page는 전체 사이트 대신, 하나의 명확한 목표에 집중할 때 선택합니다.
Web → Landing → App → Product — 목적에 맞는 Digital 서비스를 이어갈 수 있습니다.
0103 04
WEB
여러 페이지의 웹 경험을 설계합니다.
02APP
앱 제품 흐름과 UI/UX를 설계합니다.
LANDING
현재 서비스 — 단일 전환 목표의 페이지를 설계합니다.
PRODUCT
더 넓은 제품 경험으로 확장합니다.
05STUDIO
Studio 전체 서비스를 살펴봅니다.
IMPORTANT NOTICE
작업 범위 안내
프로젝트의 정확한 섹션 수, 콘텐츠 범위, 수정 라운드, 결과물과 일정은 프로젝트 시작 전 협의를 통해 확정합니다.
Landing Page Design과 실제 Development는 별도 작업 범위일 수 있으며 개발 포함 여부는 계약 단계에서 명확하게 안내합니다.
도메인, 호스팅, 유료 폰트, 이미지, Stock Asset, 외부 API, Form 서비스, Analytics Tool 등 제3자 비용은 별도로 발생할 수 있습니다.
광고 성과, 전환율, 매출, 문의 수, 다운로드 수, 가입자 수 또는 특정 SEO 순위를 보장하지 않습니다.
사용자 후기, 고객사 로고, 사용 수치, 성과 지표는 검증된 실제 정보만 표시합니다. A/B Test Design Variants는 디자인 방향을 제작할 수 있으나 실험 운영·통계 분석은 별도 범위입니다.
FAQ
자주 묻는 질문
가능합니다. 하나의 제품이나 서비스에 집중한 단일 Landing Page 프로젝트로 진행할 수 있습니다.
Landing Page는 하나의 명확한 전환 목표에 집중하고, Web Design은 여러 페이지와 콘텐츠를 포함한 전체 사이트 경험을 설계합니다.
가능합니다. 앱의 핵심 가치와 기능을 소개하고 App Store / Google Play 다운로드로 연결하는 구조를 설계할 수 있습니다.
가능합니다. 사전 등록이나 Waitlist를 위한 출시 전 Landing Page도 제작할 수 있습니다.
기본적인 Message Structure와 CTA 방향은 설계할 수 있으며 전체 Copywriting은 프로젝트 범위에 따라 별도로 추가할 수 있습니다.
프로젝트에 따라 Design + Development 형태로 진행할 수 있습니다. 개발 포함 여부와 기술 범위는 견적 단계에서 별도로 확정합니다.
Responsive 범위가 포함된 프로젝트에서는 Desktop과 Mobile 환경을 함께 고려합니다.
디자인 단계에서 Form UX를 설계할 수 있으며 실제 Form 구현과 데이터 처리 여부는 Development 범위에서 별도로 결정합니다.
가능합니다. 광고 메시지와 Landing Page의 Hero 및 CTA가 자연스럽게 연결되도록 설계할 수 있습니다. 광고 운영·성과 최적화는 기본 범위에 포함되지 않습니다.
기본적인 콘텐츠 구조와 SEO를 고려한 구조를 검토할 수 있습니다. 검색 순위나 트래픽 성과를 보장하지는 않습니다.
프로젝트 범위에 따라 서로 다른 Headline, Hero 또는 CTA 디자인 방향을 제작할 수 있습니다. 실제 실험 운영과 통계 분석은 별도 범위입니다.
수정 라운드는 견적 및 프로젝트 범위에서 사전에 확정합니다.
기본 범위 기준 약 1–3주, 시작가 ₩400,000부터입니다. 섹션 수와 복잡도, 개발 포함 여부에 따라 달라질 수 있습니다.
프로젝트 시작
한 페이지에
가장 중요한 이야기를 담습니다.
방문자가 제품과 서비스의 가치를 빠르게 이해하고, 신뢰하고, 다음 행동을 선택할 수 있도록 메시지와 디자인을 하나의 전환 흐름으로 설계합니다.