템플릿 선택 가이드

부고장 사이트의 첫 화면 구조 4가지 중 어떤 것이 우리 회사에 맞는지 고르는 기준을 안내합니다. 기능과 요금은 모두 같고, 다른 것은 방문자가 처음 만나는 화면의 구성입니다.

먼저 알아 두세요

  • 기능과 요금은 같습니다부고장 작성·공유, 근조화환 연결, 관리자 화면 등 제공 기능과 요금은 4가지 모두 동일합니다. 첫 화면의 구성과 분위기만 다릅니다.
  • 색상은 따로 고릅니다템플릿마다 9가지 색상을 조합할 수 있어 총 36가지 조합이 됩니다. 이 페이지에서는 구조만 정하고, 색은 직접 만들기에서 바꿔 보면서 정합니다.
  • 쇼핑몰 방식은 별개입니다근조화환을 외부 쇼핑몰로 연결할지, 사이트 안에서 직접 판매할지는 어느 템플릿에서도 선택할 수 있습니다. 체험용 샘플에서 두 방식을 비교하세요.

템플릿 4가지, 이런 경우에 맞습니다

1번 템플릿 첫 화면

1번 템플릿

소개형

부고장 서비스 소개와 주요 기능을 차례로 보여 주는 구성입니다.

이런 경우에 맞습니다

  • 온라인 부고장을 처음 도입해 방문자에게 서비스 자체를 설명해야 하는 장례식장
  • 기능·절차·자주 묻는 질문을 한 페이지에서 차례로 읽게 하고 싶은 경우

첫 화면 구성

넓은 여백과 모바일 목업을 배치하고, 기능 카드·이용 절차·자주 묻는 질문으로 이어집니다.

특징 자세히 보기
  • 첫 화면에서 서비스 설명과 작성 버튼을 함께 보여 줍니다.
  • 기능을 카드로 나눠 필요한 내용을 찾기 쉽도록 구성합니다.
  • 기본 G 디자인은 밝은 배경과 청록색 강조를 사용합니다.
1번으로 만들어 보기 색상 9가지를 바꿔 가며 실제 화면으로 확인합니다.
2번 템플릿 첫 화면

2번 템플릿

바로가기형

큰 제목과 모바일 목업, 주요 메뉴 바로가기로 첫 방문을 안내합니다.

이런 경우에 맞습니다

  • 유족이 부고장을 작성하고 조문객이 검색하는 두 동선을 첫 화면에서 바로 나누고 싶은 경우
  • 브랜드 색을 첫 화면에 넓게 깔아 회사 인상을 먼저 남기고 싶은 상조·화환업체

첫 화면 구성

브랜드 색상의 첫 화면 아래에 부고장 작성·검색·장례식장 등 주요 메뉴를 한 줄로 모았습니다.

특징 자세히 보기
  • 큰 제목으로 서비스의 용도를 먼저 전달합니다.
  • 주요 메뉴 바로가기를 첫 화면 가까이에 배치합니다.
  • 아래 영역에서 이용 정보와 기능을 구분해 설명합니다.
2번으로 만들어 보기 색상 9가지를 바꿔 가며 실제 화면으로 확인합니다.
3번 템플릿 첫 화면

3번 템플릿

메뉴 카드형

간결한 첫 화면과 서비스 바로가기 카드로 주요 기능을 연결합니다.

이런 경우에 맞습니다

  • 부고장 만들기 외에 화환 보내기·장례식장 찾기·조문 상식 같은 메뉴를 함께 보여 줘야 하는 경우
  • 긴 설명보다 아이콘과 메뉴 이름으로 빠르게 훑어보게 하고 싶은 경우

첫 화면 구성

제목·짧은 설명·작성 버튼과 목업을 배치하고, 아래의 서비스 바로가기 카드로 이어집니다.

특징 자세히 보기
  • 작성과 완성 화면 확인 버튼을 첫 화면에 배치합니다.
  • 부고장 관련 메뉴를 아이콘과 이름으로 구분합니다.
  • 공유를 포함한 핵심 기능은 다른 템플릿과 같습니다.
3번으로 만들어 보기 색상 9가지를 바꿔 가며 실제 화면으로 확인합니다.
4번 템플릿 첫 화면

4번 템플릿

정중한 안내형

차분한 제목과 정돈된 정보 목록으로 안내 내용을 전달합니다.

이런 경우에 맞습니다

  • 격식 있는 인상을 우선하는 장례식장·상조회사
  • 부고장 작성 전에 준비할 정보와 이용 단계를 순서대로 읽게 하고 싶은 경우

첫 화면 구성

명조 계열 제목, 모바일 목업, 준비할 정보와 이용 단계를 순서대로 보여 주는 구성입니다.

특징 자세히 보기
  • 첫 화면 다음에 비용·기능 등 핵심 안내를 모아 보여 줍니다.
  • 정보 목록과 단계별 설명으로 읽는 순서를 정리합니다.
  • C·F·I는 어두운 목업, A·B·D·E·G·H는 밝은 목업을 사용합니다.
4번으로 만들어 보기 색상 9가지를 바꿔 가며 실제 화면으로 확인합니다.

한눈에 비교

템플릿별 첫 화면 구성과 선택 기준
템플릿첫 화면 구성이런 구성을 원할 때
1번소개형 넓은 여백과 모바일 목업을 배치하고, 기능 카드·이용 절차·자주 묻는 질문으로 이어집니다. 처음 방문한 고객에게 온라인 부고장 사용 방법과 제공 기능을 충분히 안내하고 싶은 경우에 어울립니다.
2번바로가기형 브랜드 색상의 첫 화면 아래에 부고장 작성·검색·장례식장 등 주요 메뉴를 한 줄로 모았습니다. 방문자가 설명을 읽은 뒤 작성이나 검색 같은 다음 행동으로 빠르게 이동하도록 구성하고 싶은 경우에 어울립니다.
3번메뉴 카드형 제목·짧은 설명·작성 버튼과 목업을 배치하고, 아래의 서비스 바로가기 카드로 이어집니다. 부고장 작성과 서비스 메뉴를 알아보기 쉽게 묶은 구성을 원하는 경우에 어울립니다.
4번정중한 안내형 명조 계열 제목, 모바일 목업, 준비할 정보와 이용 단계를 순서대로 보여 주는 구성입니다. 정중한 인상과 읽기 순서를 중시하고 준비 내용을 차근차근 안내하고 싶은 경우에 어울립니다.

고르는 순서

  1. 1

    우리 사이트 방문자를 떠올려 보세요

    처음 온 방문자에게 서비스를 설명해야 하면 1번, 작성·검색 같은 다음 행동으로 바로 보내야 하면 2번, 보여 줄 메뉴가 여럿이면 3번, 격식과 읽는 순서가 중요하면 4번이 출발점입니다. 둘 사이에서 망설여지면 두 번호를 모두 만들어 보고 휴대전화 화면으로 비교하세요.

  2. 2

    회사 색과 가까운 색상을 고르세요

    색상은 버튼·제목·강조 면에 쓰이는 대표색입니다. 로고나 간판 색과 가장 가까운 것을 고르면 사이트가 회사 것처럼 보입니다. 어두운 배경으로 표시된 색은 차분하고 격식 있는 인상을, 나머지는 밝고 친근한 인상을 줍니다.

    • A 내추럴 모스 그린
    • B 테크 에메랄드
    • C 다크 모노 클린
    • D 프라임 레드
    • E 다크 틸 어두운 배경
    • F 네이비 골드
    • G 딥틸 코랄
    • H 스퀘어 모노
    • I 그래파이트 프리미엄 어두운 배경

    직접 만들기에서 템플릿과 색상을 바꾸는 즉시 실제 화면으로 확인할 수 있습니다.

  3. 3

    체험해 보고 상담을 신청하세요

    체험용 샘플에서 부고장 작성과 관리자 화면까지 직접 만져 보세요. 직접 만들기 화면에서 「상담 신청」을 누르면 고른 템플릿 번호와 색상이 상담 신청서에 함께 담깁니다. 색상과 문구는 개설 후에도 조정할 수 있습니다.

템플릿 선택, 자주 묻는 질문

템플릿에 따라 기능이나 요금이 다른가요?

다르지 않습니다. 4가지 템플릿은 첫 화면의 구성과 분위기만 다르고, 부고장 작성·공유·근조화환 연결·관리자 화면과 요금은 같습니다. 기능 안내 · 요금 안내

템플릿과 색상은 어떻게 조합하나요?

템플릿 4가지 각각에 A부터 I까지 9가지 색상을 적용할 수 있어 총 36가지 조합이 됩니다. 직접 만들기에서 번호와 색을 누르면 바로 그 조합의 실제 화면이 보입니다.

외부 쇼핑몰 연결형과 자체 쇼핑몰형은 템플릿과 무슨 관계인가요?

관계가 없습니다. 근조화환 판매 방식은 템플릿과 별도로 정하며, 어느 템플릿에서도 두 방식 중 하나를 선택합니다. 두 방식 비교·체험 · 자체 쇼핑몰 준비 안내

개설한 뒤에 바꿀 수 있나요?

색상과 문구는 개설 후에도 조정할 수 있습니다. 템플릿 구조를 바꾸는 일은 작업 범위가 달라지므로 상담에서 먼저 확인해 주세요.

마음에 드는 템플릿을 찾으셨나요?

어떤 템플릿이든 같은 요금으로 제공됩니다. 직접 만들어 본 조합 그대로 상담을 신청할 수 있습니다.

운영·내용 관리: 웹웍스 · 최종 업데이트

Customer Center

부고장 사이트 도입,
무엇이든 물어보세요

업종과 상황을 확인하고 적합한 템플릿과 운영 방식을 안내해 드립니다. 계약 전 궁금한 점은 부담 없이 물어보셔도 됩니다.

010-6465-2233

평일 09:00 ~ 18:00 (주말·공휴일 휴무)

bugoworks@webworks.co.kr

상담 전화