랜딩페이지제작
정의: 특정 광고 캠페인이나 상품 하나를 위해 만드는 단일 페이지로, 상단 메뉴 등 다른 페이지로 이동하는 링크를 최소화하고 하나의 행동유도버튼(CTA)에 집중하도록 설계합니다.
왜 필요한가: 광고를 보고 유입된 방문자가 다른 메뉴를 클릭해 이탈하지 않고 곧바로 문의나 구매로 이어지도록, 선택지를 줄이고 광고 메시지와 페이지 내용을 일치시키는 것이 랜딩페이지의 핵심 목적입니다.
비용/기간: 홈페이지 전체보다 다루는 범위가 좁아 보통 3~7일이면 제작이 가능하지만, 광고 캠페인마다 별도로 만드는 경우가 많아 여러 개를 동시에 운영하면 전체 일정은 늘어납니다.
실무 팁: 광고 문구에서 사용한 표현(가격, 혜택, 문구)을 랜딩페이지 상단에 동일하게 반복해야 방문자가 '내가 본 광고가 맞다'고 인지해 이탈하지 않습니다.
자주 하는 실수: 랜딩페이지에 상단 전체 메뉴나 다른 상품 링크를 그대로 넣으면 방문자가 원래 목적과 다른 페이지로 빠져나가면서 전환율이 떨어집니다.
홈페이지제작
정의: 회사나 상품을 소개하는 웹사이트를 기획, 디자인, 개발하는 작업입니다.
왜 필요한가: 홈페이지는 광고나 SNS를 보고 유입된 고객이 최종적으로 신뢰를 확인하고 문의·구매로 전환하는 공간입니다.
비용/기간: 페이지 수와 기능에 따라 다르며 보통 제작 기간은 2~4주가 소요됩니다.
실무 팁: 예쁜 디자인보다 문의 버튼과 핵심 정보의 위치 같은 전환 구조가 매출에 더 큰 영향을 줍니다.
자주 하는 실수: 제작만 하고 이후 콘텐츠를 갱신하지 않으면 검색엔진 노출이 점점 떨어집니다.
반응형홈페이지
정의: PC, 태블릿, 모바일 등 화면 크기가 달라져도 하나의 코드로 레이아웃이 자동으로 재배치되도록 만드는 홈페이지 제작 방식입니다. CSS 미디어 쿼리로 특정 화면 너비를 기준점(브레이크포인트)으로 설정해 그 지점에서 배치가 전환됩니다.
왜 필요한가: 구글은 모바일 화면을 기준으로 페이지를 우선 수집·평가하는 모바일 우선 색인 방식을 적용하고 있어서, 모바일에서 레이아웃이 깨지거나 글자가 겹치는 홈페이지는 검색 노출에서도 불리해질 수 있습니다.
비용/기간: 기존 PC 전용 홈페이지를 반응형으로 전환하는 작업은 전체를 새로 만드는 것보다 시간이 덜 들어 보통 1~3주 정도면 가능합니다.
실무 팁: 화면 너비가 바뀌는 기준점(브레이크포인트)은 보통 768px(태블릿), 480px(모바일) 부근을 많이 사용하지만, 실제 방문자의 화면 해상도 통계를 확인해 자사 사이트에 맞는 기준점을 고르는 것이 좋습니다.
자주 하는 실수: PC 화면에서만 디자인을 확인하고 넘어가면, 모바일에서 버튼이 겹치거나 글자가 화면 밖으로 잘리는 문제를 출시 후에야 발견하게 됩니다.