← 통합 시각 보드로 · 이 페이지는 쏠이 만든 원본 보드입니다 (2026-09-06).

끼리
억지타협업소
본서비스 디자인 제안 · 쏠 / 2026.09.06
KKIRI · DESIGN DIRECTION 01

속마음은 지키고,
결정은 함께.

안심하고 솔직해지는 조율 공간.
다른 의견이 있어도 편하게 말하고,
내 조건이 지켜졌는지 이해할 수 있는 디자인.

따뜻한 바탕또렷한 선택차분한 합의
01. 내 조건은 안전하게

입력 가까이에서 공개 범위를 알려 주고, AI가 이해한 내용을 본인이 확인합니다.

02. 다음 행동은 분명하게

질문 하나, 판단 하나. 방장과 참가자에게 각자 필요한 정보를 보여 줍니다.

03. 합의는 정확하게

추천안을 찾은 상태와 전원 동의가 완료된 상태를 이름과 색으로 구분합니다.

01 / COLOR

색마다 역할을 하나씩.

기존 끼리의 보라색을 이어 갑니다. 초록은 전원 동의 완료, 붉은색은 입력·시스템 오류에 씁니다.

서비스 바탕
Warm white#FAF9F6
선택과 진행
KKIRI violet#5842D8
또렷한 정보
Deep ink#262335
✓ 전원 동의 완료
Calm green#196C52 / #EAF7EF
! 확인이 필요해요
Soft amber#8A4B08 / #FFF3DF

버튼 흰 글씨/보라 대비 6.59:1 · 보조 글씨/흰색 6.26:1 · 지정 조합의 로컬 계산값. 전체 접근성 인증은 아닙니다.

02 / TYPE & SPACE

읽기 쉽고, 누르기 편하게.

Pretendard와 시스템 대체 글꼴. 본문 16px, 넉넉한 행간과 일정한 간격으로 다섯 주제를 연결합니다.

단정한 한국어 위계

이번 모임에서
꼭 지키고 싶은 게 있나요?

희망하는 것과 참여하기 어려운 조건을 나눠 알려 주세요.

화면 제목 28 / 본문 16 / 보조 14px

간격과 형태의 기본값

481216243248

버튼·입력 모서리 12px / 카드 16px
주요 조작 영역 48px 이상 / 카드 안 여백 20~24px

제안하는 디자인 토큰입니다. 보드는 외부 글꼴을 다운로드하지 않습니다.

03 / CORE SCREENS

같은 톤으로, 다른 상태를.

가상 여행 예시로 본 질문·추천·후보 없음 화면입니다. 제품 기능과 프라이버시 구현을 보증하는 화면이 아닙니다.

A / 비공개 질문선호와 절대 조건
끼리내 답변 · 비공개
친구들과 주말 여행 · 질문 3 / 6

어느 정도 예산이면
편하게 다녀올까요?

교통과 숙박을 포함해 알려 주세요.
식비는 따로 확인할게요.

15만 원 / 1인
✓ 이 금액은 넘기기 어려워요

이보다 비싼 후보는 추천에서 제외해요.

20만 원 / 1인 상한
이 답변은 다른 참가자와 방장에게 공개되지 않아요.
내 조건 확인하기
이전 질문

‘가능하면’과 ‘꼭 지킬 조건’을 구분합니다. 실제 서비스의 비공개 문구는 권한·데이터 처리 검증 후 사용합니다.

B / 추천 결과결과와 동의 분리
끼리우리의 여행
재확인 중

우리 조건으로 찾은
이번 여행 후보예요.

강릉 기차 여행

1박 2일 · 기차와 도보

교통·숙박 / 1인18만 원 가정
  • 바다 산책과 쉬는 시간을 함께 담았어요.
  • 운전 없이 움직이는 일정이에요.
내 조건 반영 확인
4명 중 3명이 동의했어요.
아직 최종 합의가 끝나지 않았어요.
내 의견 남기기

가상 후보 · 실제 가격·예약 가능 여부 미확인

추천 단계에서는 보라색. 개인 리포트는 별도 접근으로 분리하며, 공통 이유에 개인 상한을 노출하지 않습니다.

C / 후보 없음다음 행동 제공
끼리다시 살펴보기

지금 조건으로는
함께할 후보가 없어요.

꼭 지킬 조건을 모두 만족하는 후보를 찾지 못했어요.

각자의 조건은 그대로 두고,
다른 지역이나 일정을 더 찾아볼 수 있어요.

내가 선택할 수 있어요

내 조건이 잘못 이해되었는지 확인하거나, 가능한 범위를 직접 바꿀 수 있어요.

내 조건 확인하기
후보 범위 다시 찾기
조건 변경은 본인이 결정해요.
다른 사람의 답변은 공개하지 않아요.

불일치를 실패한 사람의 문제로 표현하지 않습니다. 개인을 추정할 수 있는 탈락 사유 공개도 피합니다.

상태를 바꿔 비교해 보세요

가운데 결과 카드의 표현만 바뀌는 디자인 예시입니다. 동의를 제출하지 않습니다.

04 / COMPONENTS

동의와 AI에도 같은 원칙.

거절은 찾기 쉽게, 생성된 질문은 검토하기 쉽게. 시스템의 제안을 사용자가 확인하고 고칠 수 있어야 합니다.

재확인 선택 카드

이 안으로 함께할 수 있어요◉
조건을 확인하고 동의할게요○
다시 조율이 필요해요○

가상 선택 예시. 세 행동은 같은 크기로 배치하고, 조건부 의견은 공개 내용을 제출 전에 확인합니다.

회식 질문 구성

AI 초안 · 검토 전
참여하기 어려운 음식이나
식단 조건이 있나요?

추천 이유: 모두가 먹을 수 있는 메뉴인지 확인하려고 추가했어요.

선호 메뉴와 먹기 어려운 음식을 나눠 질문해요. 자세한 개인 사유는 요구하지 않아요.
문구 수정추가 질문삭제
05 / FIVE MOMENTS

주제가 달라도, 끼리답게.

아이콘 타일과 질문 내용만 상황에 맞춥니다. 선택·재확인·완료의 의미는 모든 주제에서 같습니다.

워크숍

목적과 활동 강도
일정·숙박·이동

여행지

기간과 예산
이동 방식·숙박

회식

식단과 메뉴
술자리·종료 시간

모임

가능 시간과 장소
참여 방식·이동

단체 선물

분담 상한과 취향
전달 방식·기한

NEXT / PRODUCT DESIGN

회식 한 흐름부터,
다섯 상황으로 넓힙니다.

의견 차이와 민감 조건을 함께 확인하기 좋은 출발점이라는 제안입니다. 본서비스 정책과 사용성 검증을 거쳐 다듬습니다.

상세 스타일 가이드 열기 ↗

  1. 역할·정보 공개 범위·합의 상태 정의
  2. 초대 → 질문 → 내 조건 확인 → 추천 → 재확인
  3. 후보 없음·미응답·AI 실패·질문 변경 설계
  4. 공통 컴포넌트와 다섯 주제의 전용 질문 분리
  5. Figma 변수·상태·콘텐츠 규칙으로 정리
  6. 모바일·키보드·확대·공개 정보 경계 검수
제안 범위와 근거 보기

이 파일은 디자인 검토 자료이며 본서비스, 실제 AI, 예약 또는 다기기 응답 수집 기능을 제공하지 않습니다. 가격·인원·장소는 화면 표현을 위한 가상 예시입니다. 현재 서비스에 적용하거나 배포하지 않았습니다.