페이지 디자인 - 화면 디자인

1. 팬딩 웹 사이트 좌측 중단 페이지 관리 항목 중 [페이지 디자인] 탭을 클릭하세요.

2. 표시되는 탭 또는 숨긴 탭에서 편집을 희망하는 탭 항목 우측에 있는 편집 버튼을 클릭하세요.

3. 선택한 탭의 화면을 디자인하는 페이지로 이어집니다.

1. 팬딩 앱 우측 하단 [전체]를 클릭하세요.

2. 페이지 관리 항목 중 [페이지 디자인] 탭을 클릭하세요.

3. 표시되는 탭 또는 숨긴 탭에서 편집을 희망하는 탭 항목을 클릭하세요.

4. 선택한 탭의 화면을 디자인하는 페이지로 이어집니다.

각 탭마다 활성화를 위해 필수로 설정을 요구하는 값입니다.

• 레이아웃 유형 (홈 탭만 해당) : 홈 탭의 화면 배치 유형

  • 피드형 : 화면을 ㅠ자 구조로 크게 세 구간으로 나누어, 창작 활동(서비스) 및 상품(아이템)의 목록을 바둑판 형식으로 배치하는 디자인의 레이아웃입니다.

  • 블록형 : 창작 활동(서비스) 및 상품(아이템)의 목록을 세로 일렬로 나열하는 디자인의 레이아웃입니다.

• 공개 설정 (홈 탭 제외) : 해당 탭의 크리에이터 페이지 공개 여부 (※ 탭 토글 활성화 여부와 같습니다.)

희망하는 레이아웃 유형 또는 공개 상태를 선택하세요.

해당 페이지 내에 기본적으로 생성이 완료되어 있는 섹션입니다. 섹션의 구성 조건이 정해져 있으며, 그 조건에 맞게 섹션 구성을 완료해야 활성화가 가능합니다. 섹션 비활성화(숨기기)는 가능하나, 배치 변경은 불가합니다.

각 탭마다 존재하는 고정 섹션의 유형이 상이합니다.

• 메인 배너 : 크리에이터 페이지 접속 시 가장 눈에 띄도록, 화면 중앙에 배치되는 큰 사이즈의 배너 섹션

• 페이지 정보 : 유저에게 공개가 가능한 크리에이터 정보를 표기하는 섹션

• 소개 : 크리에이터로서의 나를 소개하는 문구나 미디어 파일을 표시하는 섹션

• 고정 포스트 : 페이지 상단에 고정적으로 노출되도록 설정한 포스트 목록 섹션

• 전체 아이템 : 선택한 탭에 해당하는, 현재 공개 상태인 모든 아이템의 목록을 표시하는 섹션

전체 아이템 섹션은 편집 또는 비활성화가 불가한 고정값입니다.

1. 상단 고정 섹션 목록에 표시되는 고정 섹션 항목 중, 편집을 희망하는 항목 우측 편집 버튼 또는 > 아이콘을 클릭하세요.

2. 섹션 편집 페이지로 이어집니다. 각 섹션을 구성하세요.

   • 메인 배너 섹션

     1. 섹션 구성 항목에서 + 아이템 추가 버튼을 클릭하세요.

     2. 배너를 생성하는 팝업 화면이 표시됩니다. 아래의 배너 정보들을 설정하세요.

        • 배너 이미지 : 배너의 용도 및 연결된 페이지 등, 배너의 정보를 한 눈에 알 수 있도록 배너 이미지를 설정하세요.

          ※ 데스크톱 화면과 모바일 화면의 크기가 다르기 때문에 동일한 규격의 이미지 파일을 커버 이미지로 등록하는 경우, 특정 화면에서의 커버 이미지 화질이 저하되어 보일 수 있습니다. 따라서 데스크톱용과 모바일용 커버 이미지를 각각 규격에 맞는 다른 이미지 파일로 설정하기를 권장합니다.

          <권장 규격>

          데스크톱용 : 1920px X 320px 이상, 10MB 이하

          모바일용 : 320px X 320px 이상, 10MB 이하

        • 링크 : 배너 클릭 시 연결되는 페이지의 URL 주소를 입력하세요.

        • 공개 설정 : 해당 배너에 대하여 페이지에 공개 여부를 설정할 수 있습니다.

        • 게시 시작 방법 : 배너 생성 완료와 동시에 즉시 페이지에 노출시키는 즉시 게시와 지정한 시각에 페이지에 노출시키는 예약 게시 중에 선택 가능합니다.

     3. 저장 또는 생성 버튼을 클릭하세요.

     4. 생성한 배너가 섹션 구성 항목에 추가됩니다. 자유롭게 메인 배너 섹션을 구성하세요.

        • 각 배너 항목마다 좌측에 있는 두 줄 아이콘(=)을 클릭한 상태에서 위아래로 드래그하면, 배너의 배치 순서를 설정할 수 있습니다.

        • 각 배너 항목마다 우측에 있는 편집 버튼을 클릭하면, 해당 배너를 편집할 수 있는 배너 수정 팝업 화면이 표시됩니다.

        • 각 배너 항목마다 우측에 있는 삭제 버튼을 클릭하면, 해당 배너가 즉시 삭제됩니다.

   • 페이지 정보 섹션

     • 크리에이터 페이지에 노출하기를 희망하는 아이템의 토글을 활성화하세요.

       반대로 페이지에서 숨기고 싶은 섹션은 토글을 비활성화하면 됩니다.

       • 프로필 이미지 : 나를 대표하는 사진, 모든 크리에이터 활동에 함께 표시되는 사진

       • 카테고리 : 크리에이터 활동을 진행하는, 즉 내가 주로 업로드하는 콘텐츠가 속해 있는 분야

       • 한 줄 소개 : 크리에이터로서의 나, 또는 나의 콘텐츠를 표현하는 짧은 소개글

     • 각 페이지 정보 항목마다 좌측에 빈 박스 아이콘이 있습니다.

       크리에이터 페이지에 노출하기를 희망하는 항목의 빈 박스를 클릭하여 체크()하세요.

       • 누적 멤버 수 : 지금까지 내 멤버십에 가입한 모든 회원 수

       • 멤버 수 : 현재 내 멤버십에 가입 중인 회원 수

       • 팔로워 수 : 현재 나를 팔로우하고 있는 회원 수 (멤버십 가입자 포함)

       • 포스트 수 : 업로드한 전체 포스트 수 (비공개 포스트 포함)

     • 크리에이터 페이지에 배경 이미지 사용을 원한다면, 배경 이미지 사용 토글을 활성화한 후, [ 변경] 버튼 또는 아이콘을 클릭하여 배경 이미지 파일을 업로드하세요.

       ※ 데스크톱 화면과 모바일 화면의 크기가 다르기 때문에 동일한 규격의 이미지 파일을 커버 이미지로 등록하는 경우, 특정 화면에서의 커버 이미지 화질이 저하되어 보일 수 있습니다. 따라서 데스크톱용과 모바일용 커버 이미지를 각각 규격에 맞는 다른 이미지 파일로 설정하기를 권장합니다.

       <권장 규격>

       데스크톱용 : 1920px X 320px 이상, 10MB 이하

       모바일용 : 320px X 320px 이상, 10MB 이하

   • 소개 섹션

     1. 구성 선택 단계에서 소개 섹션의 구성을 선택하세요.

        • 인사말 : 소개 섹션을 글로만 구성합니다.

        • 인사말 + 소개 이미지 : 소개 섹션을 글과 이미지로 구성합니다.

        • 인사말 + 소개 영상 : 소개 섹션을 글과 영상으로 구성합니다.

     2. 인사말 단계에서 인사말을 작성하세요.

        예시) 내 크리에이터 페이지에 방문한 것을 환영하거나, 나를 팔로우하도록 유도하는 글

     3. 소개 영상 또는 소개 이미지 단계에서 소개 파일을 등록하세요.

        예시) 직접 인사를 전하는 사진/영상 파일 또는 내 창작 활동을 소개하는 사진/영상 파일

        <권장 규격>

        이미지 : 16 : 9 비율 / 1920px X 320px 이상 / 10MB 이하

        영상 : 1GB 이하

   • 고정 포스트 섹션

     1. 섹션의 기본 정보를 설정하세요. 설정이 필요한 섹션의 기본 정보는 아래와 같습니다.

        • 섹션 이름 : 포스트 목록의 구성 기준 또는 해당 포스트를 고정으로 설정한 사유 등, 고정 포스트를 한 눈에 파악할 수 있는 섹션 이름을 설정하세요.

        • 섹션 설명(선택사항) : 고정 포스트 목록에 대한 간단한 설명 또는 부가 문구를 작성하세요.

        • 정렬 : 포스트의 정렬 순서를 설정하세요.

     2. 섹션을 구성할 포스트를 선택해야 합니다.

        하단 섹션 구성 항목에서 + 아이템 추가 버튼을 클릭하세요.

     3. 해당 섹션에 추가가 가능한 모든 포스트의 목록이 표시됩니다.

        각 포스트 항목마다 우측에 빈 박스 아이콘이 있습니다.

        섹션에 추가를 희망하는 모든 포스트의 빈 박스를 클릭하여 체크()하세요.

     4. 추가 버튼을 클릭하세요.

     5. 선택한 모든 포스트가 섹션 구성 항목에 추가됩니다.

        ※ 각 아이템 항목 우측에 있는 삭제 버튼을 클릭하면, 해당 아이템이 섹션 구성 항목에서 제외됩니다.

3. 섹션 편집을 모두 완료하였다면, 저장 버튼을 클릭하세요.

   기존에 작업 중이던 탭 화면 디자인 페이지로 되돌아옵니다.

   ※ 초기화 버튼 클릭 시, 마지막으로 저장 버튼을 클릭한 상태로 되돌아갑니다.

하단 고정 섹션은 편집이 불가한 고정값입니다.

상단 고정 섹션 항목 중, 페이지에 노출하기를 희망하는 섹션 항목의 토글을 활성화하세요.

반대로 페이지에서 숨기고 싶은 섹션은 토글을 비활성화하면 됩니다.

페이지 내 기본적으로 생성이 완료되어 있는 고정 섹션 외, 크리에이터가 직접 필요에 의해 생성한 섹션입니다. 보다 많은 유저들이 좀 더 쉽게 접근하기를 희망하는 특정 서비스 또는 아이템이 있는 경우, 사용자 설정 섹션을 생성하여 해당 서비스 또는 아이템을 페이지에 노출 시킬 수 있습니다. 섹션의 구성 및 배치 등을 모두 자유롭게 설정할 수 있습니다.

각 탭마다 생성이 가능한 사용자 설정 섹션의 유형이 상이합니다.

• 멤버십

  • 전체 멤버십 : 모든 멤버십 상품의 목록으로 섹션을 자동 생성

  • 직접 선택한 멤버십 : 섹션으로 생성할 멤버십 상품의 목록을 직접 선택

• 포스트

  • 최신 포스트 : 최신 포스트의 목록으로 섹션을 자동 생성

  • 인기 포스트 : 조회수가 높은 포스트의 목록으로 섹션을 자동 생성

  • 특정 시리즈에 포함된 포스트 : 특정 시리즈에 포함된 포스트의 목록으로 섹션을 자동 생성 (※ 조건이 될 시리즈는 섹션 기본 정보 설정 과정에서 직접 선택합니다.)

  • 특정 태그를 포함한 포스트 : 특정 태그를 포함한 포스트의 목록으로 섹션을 자동 생성 (※ 조건이 될 태그는 섹션 기본 정보 설정 과정에서 직접 선택합니다.)

  • 직접 선택한 포스트 : 섹션으로 생성할 포스트의 목록을 직접 선택

• 시리즈

  • 전체 시리즈 : 모든 시리즈의 목록으로 섹션을 자동 생성

  • 직접 선택한 시리즈 : 섹션으로 생성할 시리즈의 목록을 직접 선택

• 스토어

  • 전체 상품 : 모든 스토어 상품의 목록으로 섹션을 자동 생성

  • 특정 태그를 포함한 상품 : 특정 태그를 포함한 스토어 상품의 목록으로 섹션을 자동 생성 (※ 조건이 될 태그는 섹션 기본 정보 설정 과정에서 직접 선택합니다.)

  • 직접 선택한 상품 : 섹션으로 생성할 스토어 상품의 목록을 직접 선택

• 온라인 강의

  • 전체 온라인 강의 : 모든 온라인 강의 상품의 목록으로 섹션을 자동 생성

  • 직접 선택한 온라인 강의 : 섹션으로 생성할 온라인 강의 상품의 목록을 직접 선택

• 이벤트

  • 전체 이벤트 : 모든 이벤트의 목록으로 섹션을 자동 생성

  • 진행 중인 이벤트 : 현재 판매 진행 상태인 이벤트의 목록으로 섹션을 자동 생성

  • 다가오는 이벤트 : 현재 판매 예정 상태인 이벤트의 목록으로 섹션을 자동 생성

  • 종료된 이벤트 : 현재 판매 종료 상태인 이벤트의 목록으로 섹션을 자동 생성

  • 직접 선택한 이벤트 : 섹션으로 생성할 이벤트의 목록을 직접 선택

• 펀딩

  • 전체 펀딩 : 모든 펀딩 프로젝트의 목록으로 섹션을 자동 생성

  • 직접 선택한 펀딩 : 섹션으로 생성할 펀딩 프로젝트의 목록을 직접 선택

• 배너

  • 카드 배너 : 팬딩 내 유저에게 홍보하기를 희망하는 다른 채널이나, 특별히 더 많은 유저가 쉽게 접근할 수 있기를 희망하는 특정 페이지가 있다면 해당 페이지로 즉시 접속이 가능한 링크를 페이지에 추가할 수 있습니다.

    카드 배너란, 해당 링크로 이동하는 버튼을 직접 설정한 이미지로 노출시켜 페이지 내에서 더욱 눈에 띄게 할 수 있는 기능입니다.

    배너 이미지와 제목, 링크 등을 모두 자유롭게 설정할 수 있습니다.

• 활동 채널

  • 전체 활동 채널 : 페이지 정보 설정 당시 입력한 모든 활동 채널의 목록으로 섹션을 자동 생성

  • 직접 선택한 활동 채널 : 섹션으로 생성할 활동 채널의 목록을 직접 선택

  ( 페이지 정보 자세히 보기 )

• 후기

  • 전체 후기 : 모든 후기의 목록으로 섹션을 자동 생성

  • 베스트 후기 : 베스트(좋아요 수가 높은) 후기의 목록으로 섹션을 자동 생성

  • 전체 멤버십 후기 : 멤버십에 대한 모든 후기의 목록으로 섹션을 자동 생성

  • 베스트 멤버십 후기 : 멤버십에 대한 베스트 후기의 목록으로 섹션을 자동 생성

  • 전체 온라인 강의 후기 : 온라인 강의에 대한 모든 후기의 목록으로 섹션을 자동 생성

  • 베스트 온라인 강의 후기 : 온라인 강의에 대한 베스트 후기의 목록으로 섹션을 자동 생성

  • 직접 선택한 후기 : 섹션으로 생성할 후기의 목록을 직접 선택

• 자유로운 글 (안내 탭만 해당)

  자유로운 형식으로 작성한 글을 하나의 섹션으로 생성

  예시) 나의 크리에이터 활동 안내글, 크리에이터로서의 나를 PR하는 소개글 등

현재 공개 상태인 아이템만 섹션에 추가되거나 추가가 가능합니다.

※ 자유로운 글 섹션의 경우, [안내] 탭 내에 이미 포함되어 있기 때문에 별도로 생성할 필요가 없습니다.

1. 사용자 설정 섹션 항목에서 +섹션 추가 버튼을 클릭하세요.

2. 섹션을 추가하는 팝업 화면이 표시됩니다.

   해당 탭 내에 생성이 가능한 모든 섹션의 유형을 확인할 수 있습니다.

   생성을 희망하는 섹션의 유형 항목 우측에 있는 추가 버튼을 클릭하세요.

3. 섹션 생성 페이지로 이어집니다. 먼저, 섹션의 기본 정보를 설정하세요.

   설정이 필요한 섹션의 기본 정보는 아래와 같습니다.

   ※ 섹션 유형에 따라 설정해야 하는 기본 정보 값이 상이할 수 있습니다.

   • 섹션 이름 : 섹션의 생성 기준, 즉 아이템 목록의 구성 조건을 나타내는 이름을 설정하세요.

   • 섹션 설명(선택사항) : 해당 섹션에 대한 간단한 설명 또는 부가 문구를 작성하세요.

   • 정렬 : 섹션 내 아이템의 정렬 순서를 설정하세요.

     (사용자 설정 선택 시, 아이템의 정렬 순서를 직접 설정할 수 있습니다.)

   • 시리즈 선택 : '특정 시리즈에 포함된 포스트 목록' 섹션 생성을 희망하는 경우, 섹션의 생성 조건이 될 시리즈를 선택해야 합니다.

   • 태그 선택 : '특정 태그를 포함한 아이템 목록' 섹션 생성을 희망하는 경우, 섹션의 생성 조건이 될 태그를 선택해야 합니다.

4. 섹션을 구성하세요.

   ※ 섹션의 유형에 따라 섹션 구성 방법이 상이합니다.

   • 아이템 목록이 자동으로 설정되는 섹션 : [ 섹션 기본 정보 설정 섹션 생성 완료 ]

     아이템 선택 과정이 생략됩니다.

   • 아이템 목록이 자동으로 설정되지 않는 섹션 : [ 섹션 기본 정보 설정 아이템 선택 섹션 생성 완료 ]

     섹션을 구성할 아이템을 직접 선택해야 합니다.

     1. 하단 섹션 구성 항목에서 + 아이템 추가 버튼을 클릭하세요.

     2. 해당 섹션에 추가가 가능한 모든 아이템의 목록이 표시됩니다.

        각 아이템 항목마다 우측에 빈 박스 아이콘이 있습니다.

        (※ 후기 섹션의 경우, 각 항목 좌측에 빈 박스 아이콘이 있습니다.)

        섹션에 추가를 희망하는 모든 아이템의 빈 박스를 클릭하여 체크()하세요.

     3. 추가 버튼을 클릭하세요.

        (※ 후기 섹션의 경우, 상단에 활성화된 후기 섹션 등록 버튼을 클릭하세요.)

     4. 선택한 모든 아이템이 섹션 구성 항목에 추가됩니다. 자유롭게 섹션을 구성하세요.

        • 각 아이템 항목 우측에 있는 삭제 버튼을 클릭하면, 해당 아이템이 섹션 구성 항목에서 제외됩니다.

        • 섹션 기본 정보 중 정렬을 사용자 설정으로 선택할 경우, 아이템의 정렬 순서를 자유롭게 설정할 수 있습니다. 각 아이템 항목마다 좌측에 있는 두 줄 아이콘(=)을 클릭한 상태에서 위아래로 드래그하세요.

   • 카드 배너 섹션 :

     1. 하단 섹션 구성 항목에서 + 아이템 추가 버튼을 클릭하세요.

     2. 배너를 생성하는 팝업 화면이 표시됩니다. 아래의 배너 정보들을 설정하세요.

        • 배너 이미지 : 배너의 용도 및 연결된 페이지 등, 배너의 정보를 한 눈에 알 수 있도록 배너 이미지를 설정하세요.

          ※ 데스크톱 화면과 모바일 화면의 크기가 다르기 때문에 동일한 규격의 이미지 파일을 커버 이미지로 등록하는 경우, 특정 화면에서의 커버 이미지 화질이 저하되어 보일 수 있습니다. 따라서 데스크톱용과 모바일용 커버 이미지를 각각 규격에 맞는 다른 이미지 파일로 설정하기를 권장합니다.

          <권장 규격>

          데스크톱용 : 1920px X 320px 이상, 10MB 이하

          모바일용 : 320px X 320px 이상, 10MB 이하

        • 배너 제목 : 배너의 용도 및 연결된 페이지 등, 배너의 정보를 한 눈에 알 수 있도록 배너의 제목을 설정하세요.

        • 배너 설명 : 배너의 용도 및 연결된 페이지에 대한 안내 등 해당 배너에 대한 간단한 설명을 작성하세요.

        • 링크 : 배너 클릭 시 연결되는 페이지의 URL 주소를 입력하세요.

        • 공개 설정 : 해당 배너에 대하여 페이지에 공개 여부를 설정할 수 있습니다.

        • 게시 시작 방법 : 배너 생성 완료와 동시에 즉시 페이지에 노출시키는 즉시 게시와 지정한 시각에 페이지에 노출시키는 예약 게시 중에 선택 가능합니다.

     3. 저장 또는 생성 버튼을 클릭하세요.

     4. 생성한 배너가 섹션 구성 항목에 추가됩니다. 자유롭게 카드 배너 섹션을 구성하세요.

        • 각 배너 항목마다 좌측에 있는 두 줄 아이콘(=)을 클릭한 상태에서 위아래로 드래그하면, 배너의 배치 순서를 설정할 수 있습니다.

        • 각 배너 항목마다 우측에 있는 편집 버튼을 클릭하면, 해당 배너를 편집할 수 있는 배너 수정 팝업 화면이 표시됩니다.

        • 각 배너 항목마다 우측에 있는 삭제 버튼을 클릭하면, 해당 배너가 즉시 삭제됩니다.

5. 섹션의 기본 정보 설정과 아이템 구성을 모두 완료하였다면, 저장 버튼을 클릭하세요.

   기존에 작업 중이던 탭 화면 디자인 페이지로 되돌아옵니다.

   ※ 초기화 버튼 클릭 시, 마지막으로 저장 버튼을 클릭한 상태로 되돌아갑니다.

생성한 섹션은 사용자 설정 섹션 항목에 추가됩니다. 자유롭게 사용자 설정 섹션을 설정하세요.

• 생성한 섹션 배치 순서 변경

  각 섹션 항목마다 좌측에 있는 두 줄 아이콘(=)을 클릭한 상태에서 위아래로 드래그하면, 섹션의 배치 순서를 설정할 수 있습니다.

• 생성한 섹션 수정

  각 섹션 항목마다 우측에 있는 편집 버튼 또는 > 아이콘 클릭하면, 해당 섹션을 편집하는 화면으로 이어집니다.

• 생성한 섹션 삭제

  섹션 삭제를 희망하는 경우, 삭제를 희망하는 섹션의 편집 페이지로 이동한 다음 삭제 버튼을 클릭하세요.

• 자유로운 글 섹션 설정하기

  텍스트 입력 칸에 자유롭게 글을 작성하면 됩니다.

  글자 서식 편집 툴과 포스트 편집 툴을 이용하여 작성한 글을 꾸밀 수 있습니다.

  • 작성한 텍스트를 드래그하면 서식을 편집할 수 있는 글자 서식 편집 툴이 표시됨

  • 다음 줄로 넘길 때마다 미디어 자료를 첨부할 수 있는 포스트 편집 툴이 표시됨

다음은 크리에이터 페이지의 소개 탭과 홈 탭의 예시 화면입니다.

해당 이미지를 참고하여 섹션의 개념에 대해 더욱 정확히 이해해 봅시다.

• 사각형으로 구분한 영역은 모두 각각 하나의 섹션입니다.

• 섹션의 유형, 상품 또는 서비스의 타입, 아이템 목록의 구성 조건 등에 따라 섹션을 구분합니다.

• 빨간색 사각형은 해당 페이지의 필수 구성 요소인 고정 섹션,

  초록색 사각형은 크리에이터가 필요에 의해 직접 생성한 사용자 설정 섹션입니다.