사용자 화면 · 마이페이지

1:1 문의

MYP-011 · 2026. 03. 04

화면 이름 1:1 문의
화면 위치 마이페이지 > 1:1문의
화면 ID MYP-011
작성일 2026. 03. 04
9:41
1:1 문의

(추가 문의) 1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1 문의 하기
1-1
1-2
1-3
9:41
1:1 문의 등록

차트를 이용하시면서 궁금한 점이나 문의사항이 있으신가요? 안내된 1:1 문의를 통해 연락해주세요.

답변은 평일 기준 1~2일 소요될 수 있습니다.

*운영시간 : 평일 00:00 ~ 00:00, 공휴일 제외

(필수) 문의 내용을 입력해주세요.

이미지를 추가해주세요.

상담정보 수집 동의

위 입력하신 문의사항에 대해 답변드리고자 회원님의 개인정보(이름, 연락처, 상담 내역, 회 계정에 등록된 IP) 수집하는 것에 동의합니다. 다만, 본 동의를 거부할 권리가 있습니다. 다만, 본 동의를 거부하실 경우 문의하신 사항의 처리가 제한됩니다.

위 내용에 동의합니다?
제출하기
2-1
2-2
2-3
2-4
2-5

작성 취소 안내

작성을 취소하고 이동하시겠어요?

취소
이동
3
Description
0 화면 접근 조건
  • 1:1 문의는 로그인 사용자만 접근 가능
  • 비로그인 상태에서 접근 시
    • 로그인 안내 모달(LOG-009) 노출
    • 로그인 완료 후 1:1 문의 화면으로 이동
1-1 1:1문의 리스트 헤더 영역
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 1:1 문의
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 마이페이지 메인(MYP-001)으로 이동
1-2 1:1문의 리스트
  • 구성
    • 1:1 문의 제목
    • 등록일
    • 추가 문의 삼태 아이콘
  • 동작
    • 리스트 항목 클릭 시
      • 1:1 문의 상세 화면으로 이동
1-3 1:1 문의하기 버튼
  • 구성
    • 하단 고정 배트: 1:1 문의하기
  • 동작
    • 버튼 클릭 시
      • 1:1 문의 등록 화면으로 이동
2-1 1:1문의 등록 헤더
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 1:1 문의 등록
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 작성 중인 내용이 있는 경우 뒤로가기 이동 불가
2-2 1:1문의 안내사항
  • 구성
    • 1:1 문의 이용 안내 문구
    • 운영 시간 안내
    • 답변 소요 시간 안내
2-3 1:1문의 내용입력 첨부파트
  • 구성
    • 문의 내용 입력 필드 영역
    • 하단 이미지 첨부 버튼
  • 이미지 첨부 시
    • jpeg, jpg, png, bmp 확장자만 허용
2-4 1:1문의 상담정보 수집동의
  • 구성
    • 상담정보 수집 및 이용 동의 체크박스
    • 필수 체크 항목
    • 미체크 시 문의 제출 불가
2-5 1:1문의 제출하기 버튼
  • 동작
    • 필수 항목 동의 시 활성화
    • 클릭 시 본인 인증 확인 교정
    • 제출 후
      • 1:1 문의 리스트 화면으로 이동
      • 토스트 메시지: 문의가 접수되었어요
3 작성 취소 모달
  • 노출 조건
    • 1:1 문의 등록 화면
    • 문의 내용 입력 또는 파일 첨부 등 작성 중 상태에서 뒤로가기 버튼 클릭 시 노출
  • 안내 문구
    • 타이틀: 작성 취소 안내
    • 설명: 작성을 취소하고 이동하시겠어요?
  • 버튼 구성
    • 취소
    • 이동
4 토스트 메시지 정의
  • 필수 항목 미입력 시
    • 문의 내용을 입력해주세요
  • 개인정보 수집 동의 미체크 시
    • 상담정보 수집 동의가 필요합니다
  • 문의 등록 실패 시
    • 문의 접수에 실패했어요. 잠시 후 다시 시도해주세요.
5 공통 규칙
  • 1:1 문의는 사용자별로만 조회 가능
  • 답변 완료된 문의는 상세 확인만 가능 (수정 불가)
  • 문의 내역은 등록 기준으로 최신 순 노출
  • 작성 취소 모달은 1:1문의 등록 화면에서만 노출
  • 본 화면은 마이페이지 내 2등 규격(MYP001)을 따른다

Design Output

UI 디자인 산출물

위 스토리보드 기획을 CHAART OS 디자인 토큰으로 변환한 결과물. 실제 구현 시 참조할 최종 디자인.

9:41
1:1 문의
MYP-011

(추가 문의) 1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1문의의 내용입니다.

20XX. XX. XX

1:1 문의 하기
9:41
1:1 문의 등록

차트를 이용하시면서 궁금한 점이나 문의사항이 있으신가요? 안내된 1:1 문의를 통해 연락해주세요.

답변은 평일 기준 1~2일 소요될 수 있습니다.

*운영시간 : 평일 00:00 ~ 00:00, 공휴일 제외

(필수) 문의 내용을 입력해주세요.

이미지를 추가해주세요.

상담정보 수집 동의

위 입력하신 문의사항에 대해 답변드리고자 회원님의 개인정보(이름, 연락처, 상담 내역, 회 계정에 등록된 IP) 수집하는 것에 동의합니다.

위 내용에 동의합니다?
제출하기

작성 취소 안내

작성을 취소하고 이동하시겠어요?

취소
이동
Applied Design Tokens
요소Token값
전체 배경 --bg #FAFAF8
헤더 타이틀 --sans · 17px · 700 Pretendard, --charcoal
리스트 제목 --sans · 14px · 500 Pretendard, --charcoal
리스트 날짜 --mono · 11px TASA Orbiter, --text-muted
하단 CTA 버튼 --charcoal bg · 50px 직각, 14px, 600
필수 라벨 --red-brand · 12px · 600 #961E23
입력 필드 border rgba(26,26,26,0.12) 1px solid, 직각 (R=0)
이미지 첨부 버튼 --charcoal bg · 44px 직각, 13px, 600 weight
동의 안내 텍스트 --sans · 11px · --text-secondary line-height: 1.7
체크박스 18x18px · border 직각, rgba(26,26,26,0.18) border
모달 타이틀 --sans · 18px · 700 center, --charcoal
모달 Secondary 버튼 --text-secondary bg "취소" 버튼
Paper-Catalog Hero --paper + linen CHRT 모노그램 각인, 레드 악센트 바
Design Description

Update History

2026.03.04초기 디자인 작성
0 화면 접근 조건
  • 1:1 문의는 로그인 사용자만 접근 가능
  • 비로그인 상태에서 접근 시
    • 로그인 안내 모달(LOG-009) 노출
    • 로그인 완료 후 1:1 문의 화면으로 이동
1-1 1:1문의 리스트 헤더 영역
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 1:1 문의
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 마이페이지 메인(MYP-001)으로 이동
1-2 1:1문의 리스트
  • 구성
    • 1:1 문의 제목
    • 등록일
    • 추가 문의 삼태 아이콘
  • 동작
    • 리스트 항목 클릭 시
      • 1:1 문의 상세 화면으로 이동
1-3 1:1 문의하기 버튼
  • 구성
    • 하단 고정 배트: 1:1 문의하기
  • 동작
    • 버튼 클릭 시
      • 1:1 문의 등록 화면으로 이동
2-1 1:1문의 등록 헤더
  • 구성
    • 뒤로가기 버튼
    • 타이틀: 1:1 문의 등록
  • 동작
    • 뒤로가기 버튼 클릭 시
      • 작성 중인 내용이 있는 경우 뒤로가기 이동 불가
2-2 1:1문의 안내사항
  • 구성
    • 1:1 문의 이용 안내 문구
    • 운영 시간 안내
    • 답변 소요 시간 안내
2-3 1:1문의 내용입력 첨부파트
  • 구성
    • 문의 내용 입력 필드 영역
    • 하단 이미지 첨부 버튼
  • 이미지 첨부 시
    • jpeg, jpg, png, bmp 확장자만 허용
2-4 1:1문의 상담정보 수집동의
  • 구성
    • 상담정보 수집 및 이용 동의 체크박스
    • 필수 체크 항목
    • 미체크 시 문의 제출 불가
2-5 1:1문의 제출하기 버튼
  • 동작
    • 필수 항목 동의 시 활성화
    • 클릭 시 본인 인증 확인 교정
    • 제출 후
      • 1:1 문의 리스트 화면으로 이동
      • 토스트 메시지: 문의가 접수되었어요
3 작성 취소 모달
  • 노출 조건
    • 1:1 문의 등록 화면
    • 문의 내용 입력 또는 파일 첨부 등 작성 중 상태에서 뒤로가기 버튼 클릭 시 노출
  • 안내 문구
    • 타이틀: 작성 취소 안내
    • 설명: 작성을 취소하고 이동하시겠어요?
  • 버튼 구성
    • 취소
    • 이동
4 토스트 메시지 정의
  • 필수 항목 미입력 시
    • 문의 내용을 입력해주세요
  • 개인정보 수집 동의 미체크 시
    • 상담정보 수집 동의가 필요합니다
  • 문의 등록 실패 시
    • 문의 접수에 실패했어요. 잠시 후 다시 시도해주세요.
5 공통 규칙
  • 1:1 문의는 사용자별로만 조회 가능
  • 답변 완료된 문의는 상세 확인만 가능 (수정 불가)
  • 문의 내역은 등록 기준으로 최신 순 노출
  • 작성 취소 모달은 1:1문의 등록 화면에서만 노출
  • 본 화면은 마이페이지 내 2등 규격(MYP001)을 따른다
← 이전 화면: MYP-010 다음 화면: MYP-012 →