커뮤니티 · AI 플랫폼
세일즈핏 — 영업인 커뮤니티 & 회사 리뷰 플랫폼
커뮤니티·AI 답변·리뷰 통계·관리자 4개 화면 구축
사이트 열기salesfit.celis.co.kr
프로젝트 · 자체 기획·구축 프로젝트스택Next.jsReactTypeScriptTailwind CSS
salesfit.celis.co.kr
문제 — Problem
커뮤니티, AI 자동 답변, 회사 리뷰 통계, 관리자 백오피스라는 서로 성격이 다른 네 화면을 하나의 일관된 디자인 언어로 묶어야 함.
"AI가 질문에 자동으로 답한다"는 핵심 가치를 신뢰감 있게 화면으로 전달할 방법 필요.
블라인드·잡플래닛 같은 성숙한 서비스와 나란히 놓아도 어색하지 않은 정보 밀도와 완성도 요구.
접근 — Approach
01
토스/블라인드 톤의 흰 배경 + 잉크 그레이 스케일 + 단일 포인트 컬러로 절제된 디자인 시스템을 먼저 정의하고 전 화면에 일관 적용.
02
AI 답변 카드에 생성 중 타이핑 애니메이션과 "1분 24초 만에 생성" 같은 맥락 정보를 넣어 실제 운영 서비스의 감각을 재현.
03
회사 리뷰는 항목별 별점 바와 별점 분포 차트, 장점/단점 2단 구조로 잡플래닛식 정보 구조를 만들고 관리자단은 다크 사이드바로 대비.
결과 — Result
—
기획 문서만 있던 아이디어를 3일 만에 클릭 가능한 서비스로 구축하여, 화면 설계 방향과 디자인 톤을 눈으로 확인할 수 있는 형태로 완성.
—
"말로 설명하는 제안" 대신 "열리는 화면으로 증명하는 제안"이 가능함을 보여주는 레퍼런스.
이 작업의 서비스
웹 서비스 · 웹앱 개발
다음 케이스
아웃바운더 — 청년·지역 매칭 플랫폼
만들고 싶은 게 있으시면 편하게 문의해 주세요.
될지부터 솔직하게 말씀드립니다.