ON&OFF화면을 준비하고 있어요
본문으로 이동
ON&OFFALL-IN-ONE AGENCY서비스 목록
YOUR BUSINESS, ONLINE.

WEBSITE / 기획 · 디자인 · 개발

우리 회사를 알리고고객 문의를 받는 홈페이지

회사 소개부터 서비스 안내, 고객 문의까지. 업종과 목적에 맞는 홈페이지를 기획하고 디자인·개발·유지보수까지 함께합니다.

노트북과 휴대폰에 화면 크기에 맞춰 표시된 웹사이트PC부터 모바일까지
외부 참고 이미지 · Azwedo L.LC / Unsplash
회사 소개 · 서비스 안내 · 고객 문의SCROLL TO EXPLORE ↓
01 / WHY A WEBSITE

검색한 고객이
우리 회사를 알 수 있도록

홈페이지는 회사 소개, 서비스, 실적과 연락처를 한 주소에 모은 온라인 안내 공간입니다. 고객이 궁금한 내용을 확인하고 문의할 수 있게 만듭니다.

01

“어떤 일을 하는 회사인가요?”

설명은 한곳에

서비스와 강점, 작업 사례를 메뉴별로 정리합니다. 고객에게 매번 따로 보내던 소개 자료를 홈페이지 주소 하나로 안내할 수 있습니다.

02

“믿고 맡길 수 있을까요?”

판단할 정보는 충분히

실제 사례와 회사 정보, 진행 방식까지 보여줍니다. 고객이 문의하기 전에 필요한 내용을 직접 확인할 수 있습니다.

03

“어디로 문의하면 되나요?”

문의 방법은 간단하게

관심 있는 서비스 옆에 문의 버튼을 배치합니다. 전화, 이메일, 문의폼 등 사업에 맞는 연락 방법으로 연결합니다.

02 / BUILT FOR YOUR CUSTOMERS

찾기 쉽고,
읽기 편하고,
문의하기 가깝게

검색 · SNS · 광고우리 회사 홈페이지서비스 확인 → 고객 문의
RESPONSIVE

휴대폰에서도 읽고 누르기 편하게 만듭니다

화면 크기에 맞춰 글과 사진, 메뉴의 배치를 조정합니다. 작은 글씨를 확대하거나 화면을 옆으로 밀어야 하는 불편을 줄입니다.

Google web.dev 반응형 안내 ↗ (새 창)
INQUIRY

광고 다음에 보여줄 안내 페이지가 생깁니다

SNS나 광고에서 관심을 가진 고객에게 서비스 내용과 사례를 이어서 보여줍니다. 문의할 때 필요한 정보도 함께 받을 수 있습니다.

검색 설정만으로 상위 노출이나 문의·매출 증가가 보장되지는 않습니다. 공개 후 콘텐츠와 유입 경로도 함께 관리해야 합니다.

03 / HOW WE MAKE IT

무엇부터 준비할지,
온앤오프가 함께 정리합니다

전문 용어를 몰라도 괜찮습니다. 사업 설명부터 시작해, 단계마다 결과물을 함께 확인합니다.

페이지마다 글과 사진의 위치를 그려 놓은 웹사이트 구성 스케치
화면을 만들기 전, 내용과 순서부터 정리합니다.
외부 참고 이미지 · Hal Gatewood / Unsplash
  1. 01

    어떤 홈페이지가 필요한지 정합니다

    업종, 주요 고객, 소개할 내용과 원하는 문의 방식을 확인합니다. 필요한 페이지와 작업 범위, 예산·일정을 함께 정리합니다.

    필요한 자료: 회사 소개·로고·참고 사이트
  2. 02

    페이지 구성과 디자인을 확인합니다

    메뉴와 내용의 순서를 잡고 주요 화면을 디자인합니다. 고객이 먼저 알아야 할 정보와 문의 버튼의 위치를 확인합니다.

    확인할 내용: 페이지 구성안·주요 화면 시안
  3. 03

    실제로 작동하는 홈페이지를 만듭니다

    확정한 디자인을 개발하고 글과 사진을 넣습니다. PC와 휴대폰에서 화면, 링크, 문의 기능이 제대로 작동하는지 확인합니다.

    확인할 내용: 제작 화면·기능 검수 결과
  4. 04

    공개하고, 관리 방법을 안내합니다

    협의한 주소와 운영 환경으로 사이트를 공개합니다. 전달 자료와 수정 요청 방법을 안내하고, 필요한 경우 유지보수를 연결합니다.

    확인할 내용: 공개 주소·전달 자료·운영 안내
04 / PACKAGES & PRICING

필요한 홈페이지에 맞춰
제작비를 안내합니다

한 페이지 소개부터 회사·브랜드 홈페이지까지.
제작 유형을 정하고 페이지 수, 디자인과 추가 작업을 확인해 견적을 드립니다.

STARTER01

랜딩페이지

한 가지 상품이나 서비스를 집중해서 알릴 때

한 페이지 구성
상담 후 견적제작 범위 확인 후 개별 안내
  • 핵심 정보와 문의를 한 페이지에
  • 브랜드에 맞춘 기본 레이아웃
  • PC·태블릿·모바일 대응
  • 일반 문의폼·검색 기초 설정
제작 문의하기
BUSINESS02

기업 홈페이지

회사 소개, 사업 안내, 소식을 나누어 보여줄 때

여러 페이지 구성
상담 후 견적제작 범위 확인 후 개별 안내
  • 회사·사업별 메뉴와 페이지 기획
  • 회사에 맞춘 메인 화면 디자인
  • 소식 게시판의 목록·상세 화면
  • 일반 문의폼·기본 방문 분석
제작 문의하기
BRAND03

브랜드 홈페이지

브랜드의 특징과 콘텐츠를 더 자세히 보여줄 때

브랜드 맞춤 구성
상담 후 견적제작 범위 확인 후 개별 안내
  • 레퍼런스 분석과 주요 화면 설계
  • 브랜드에 맞춘 디자인 방향 제안
  • 콘텐츠별 게시판·화면 모션
  • 페이지별 검색 설정·방문 분석
제작 문의하기

위 구성은 제작 유형을 고르기 위한 안내입니다. 최종 페이지 수·기능·수정 횟수·제작 일정과 금액은 견적서에서 확정합니다.

CHECK YOUR ESTIMATE

제작비 외에
확인할 비용도 알려드립니다

추가 제작
추가 페이지, 다국어, 원고 작성, 촬영·영상 등 처음 정한 범위를 넘는 작업은 별도로 견적을 안내합니다.
주소·서버·보안 연결
도메인과 서버의 이용료, 사이트 공개와 보안 접속(HTTPS) 설정 작업을 구분하고, 제작비에 포함되는 항목을 견적서에 표시합니다.
데이터 백업·복구
데이터베이스를 사용하는 경우 필요한 백업·복구 작업과 비용을 별도로 협의합니다.
세금·결제 조건
부가세 포함 여부, 결제 시점, 외부 서비스 이용료와 갱신 비용을 계약 전에 확인합니다.
AFTER LAUNCH

오픈 후 수정은
필요한 만큼 맡기세요

문구·사진·게시물 변경은 담당자에게 요청하는 방식입니다. 제작비와 운영 중 수정 비용을 구분해 안내합니다.

01 / 필요한 때만

건별 지원

수정할 일이 생겼을 때 작업 내용과 건수를 확인해 견적을 드립니다.

02 / 꾸준한 수정이 필요할 때

월 관리

기본 관리·확장 관리 중 수정량에 맞춰 선택합니다. 월 처리 건수와 금액은 계약 전에 정합니다.

새 페이지 제작이나 큰 구조 변경은 유지보수와 별도로 협의합니다. 납품 범위의 오류 수정과 새 콘텐츠 변경 요청도 구분합니다.

05 / FAQ

문의 전에
많이 궁금해하시는 것들

SNS나 블로그가 있어도 홈페이지가 필요한가요?

SNS는 소식을 알리고 고객과 소통하기 좋습니다. 홈페이지는 회사 소개, 서비스, 사례, 문의 방법을 정해진 메뉴에서 확인하게 할 수 있습니다. 여러 채널에서 같은 안내 페이지로 연결하고 싶을 때 함께 활용할 수 있습니다.

글과 사진이 아직 준비되지 않았는데 문의해도 되나요?

현재 가진 자료와 소개하려는 사업부터 알려주세요. 고객이 제공할 자료와 새로 준비할 자료를 구분합니다. 원고 작성, 촬영, 영상·로고 제작이 필요하면 홈페이지 제작 범위와 비용을 구분해 안내합니다.

제작 기간과 수정 횟수는 어떻게 정하나요?

페이지 수, 디자인과 기능의 범위, 자료 준비 상태를 확인한 뒤 견적서에서 안내합니다. 제작 중 수정 범위와 공개 이후의 변경 요청은 구분합니다. 추가 페이지나 구조 변경이 생기면 비용과 일정을 먼저 협의합니다.

오픈 후 문구나 사진은 직접 바꿀 수 있나요?

이 제작 상품은 고객용 편집 관리자 화면을 제공하지 않습니다. 변경할 문구나 사진을 담당자에게 요청하는 방식이며, 필요한 작업만 건별로 맡기거나 월 관리로 진행할 수 있습니다.

쇼핑몰이나 예약·결제 기능도 만들 수 있나요?

이 페이지의 상품은 회사·브랜드 소개와 일반 문의를 위한 홈페이지입니다. 쇼핑몰, 회원가입, 예약 처리, 결제, 업무용 시스템은 해당 상품의 제공 범위에 포함되지 않습니다.

LET’S BUILD YOUR WEBSITE

어떤 사업을 하고 계세요?

업종과 필요한 홈페이지, 희망 예산·일정을 알려주세요.
소개할 내용과 제작 범위부터 함께 정리하겠습니다.
웹사이트 제작 문의