notes

39 Posts

[내배캠] 서비스 기획 심화 | ② 구조화된 UI 설계 & 반응형 웹 만들기

notes
2026.06.30
스타일 시스템 이해하기 01. 컬러 스타일 (Color Styles)? 반복되는 색상을 스타일로 정의하여 전체 사이트에서 한 번에 관리 02. 컬러 스타일 적용 색상 선택 후 Color Picker 하단의 Create Style 클릭이름은 surface/0, content/100 등 의미 기반 또는 숫자 기반으로 구성스타일을 수정하면 해당 스타일이 적용된 모든 요소에 자동 반영Assets 패널 → Styles에서 스타일 관리 (이름 변경, 폴더 정리, 삭제 가능)스타일에서 분리하고 싶을 땐 Color 값 수동 변경하거나 Fill 제거 03. 컬러 스타일 관리 Assets 패널 → Styles → Color이름 수정, 삭제, 폴더 정리 가능스타일이 적용된 레이어 찾기 (Find 사용)스타일에서 벗어나고 ..

[내배캠] 서비스 기획 심화 | ① Framer 입문

notes
2026.06.29
Framer란 무엇인가? 01. Framer란? 웹사이트를 디자인・퍼블리시・분석 가능한 올인원 노코드 웹 제작 도구 02. 노코드(No-Code)란? 코드를 몰라도 만들 수 있는 개발장점낮은 학습 곡선: 전문 프로그래밍 언어를 배우지 않아도, 직관적 UI로 짧은 시간 내 작업 결과를 볼 수 있음프로토타이핑 속도 상승: 아이디어나 기획안을 즉시 시각비용 절감: 초기 개발 비용을 줄이는 동시에, 유연한 반복 수정(Iteration)이 용이 03. 타 노코드 툴과 비교한 Framer의 강점 Figma와 유사한 UI로 낮은 진입 장벽개발 지식 없이 웹사이트에 필요한 다양한 컴포넌트 및 로직들 구현 가능몇 번의 클릭만으로 손쉽게 실시간 미리보기 및 퍼블리싱 (배포 가능) 인터페이스 살펴보기 01. Framer..

[내배캠] 역기획 프로젝트 개인 회고

notes
2026.06.26
STEP 1. 프로젝트 핵심 요약 (Fact) ※ 해당 팀은 역할 구분을 따로 두지 않고 팀원들 모두 서치 혹은 작업해 본 뒤 종합하는 방식으로 진행하였음 프로젝트명: 배달의민족 퀵커머스 매출 성장 전략 제안프로젝트 기간: 2026-06-19~2026-06-26 (6일)나의 역할: 프로젝트 목표 설정 및 현황 파악을 위한 데스크 리서치, 문제 정의 및 근거 자료 연결, 해결 아이디어 제안, KPI 설정, 기대 효과 파트 발표내가 담당한 핵심 지표/가설: '2,200만 MAU 기반의 음식배달 고객이 퀵커머스 고객으로 충분히 전환되지 못하고 있다'는 문제 현상에 대한 원인 분석 및 근거 자료 보강, '음식 주문 완료 후 대기 화면에서 주문 맥락 기반 상품 추천과 참여형 콘텐츠를 제공하면~' 이라는 가설 설정..

[내배캠] 서비스 기획 숙련 | ⑤ 네카라쿠배 현업 살펴보기

notes
2026.06.08
① 데이터의 이해와 분석② 기획(PM) 실무 소프트 스킬③ 기획(PM) 실무 문서 작성④ 기획자(PM)가 갖추어야 할 역량⑤ 네카라쿠배 현업 살펴보기 데이터 활용 (앱스토어 리뷰/서비스 데이터) 01. 앱스토어 리뷰 활용하기 평균 별점, 월별 전체 리뷰 수, 별점별 리뷰 수 도출긍정적·부정적 리뷰 수 도출 및 내용 분류기능 제안 내용 별도 도출 02. 서비스 지표 활용하기 기기별(전체·Android·iOS) 및 기능별 유저 수, 클릭 수, 인당 클릭 수 도출어떤 기능을 많이 쓰고 있는지, 어떤 기능을 필요로 하는지 인사이트 도출 데이터 분석 (퍼널 분석, AARRR) 01. 퍼널 분석 사례 ※ 퍼널 분석: 사용자가 특정 목표에 도달하기까지의 여정을 추적하는 방법(목표 정의 → 단계 정의 → 이탈..

[내배캠] 서비스 기획 숙련 | ④ 기획자(PM)가 갖추어야 할 역량

notes
2026.06.05
① 데이터의 이해와 분석② 기획(PM) 실무 소프트 스킬③ 기획(PM) 실무 문서 작성④ 기획자(PM)가 갖추어야 할 역량⑤ 네카라쿠배 현업 살펴보기 끊임없는 'Why?' 01. WHY? 의사결정을 내리는 데에 필요한 이유들을 묻는 행위e.g. "왜 이 일을 해야 하는가?", "왜 이 기능이 필요한가?" 등 02. Why가 중요한 이유 PM에게는 정답이 없으므로 중요한 결정을 내릴 때 신뢰할 수 있는 근거가 필요함"왜?"라는 질문이 의사결정의 기준을 제공할 수 있음 1) 문제의 근본 원인 파악2) 목표의 명확화3) 의사결정 더보기🔗 배민외식업광장 ‘장사캘린더’ 오픈부터 개선까지 PM이 사용자가 아닌 서비스는 어떻게 만들까? : 배민외식업광장 ‘장사캘린더’ 오픈부터 개선까안녕하세요. 배민외식업광장 P..

[내배캠] 서비스 기획 숙련 | ③ 기획(PM) 실무 문서 작성

notes
2026.06.05
① 데이터의 이해와 분석② 기획(PM) 실무 소프트 스킬③ 기획(PM) 실무 문서 작성④ 기획자(PM)가 갖추어야 할 역량⑤ 네카라쿠배 현업 살펴보기 요구사항 분석 (PRD) 01. 요구사항 분석 및 요구사항 정의서(PRD) 요구사항 분석은 프로젝트나 제품 개발의 핵심 과정요구사항을 구체적으로 파악 → 문서화 → 각 팀(개발, 디자인, QA 등)이 동일한 목표를 가지고 작업할 수 있도록 공유요구사항을 체계적으로 정리한 문서가 PRD 02. 요구사항 정의서(PRD) 작성 방법 기능 이름: 기능의 이름기능 설명: 해당 기능이 어떤 역할을 수행하는지 설명우선순위: 해당 기능의 중요도구현 기준: 기능이 어떻게 작동해야 하는지에 대한 세부적인 설명 프로젝트 개요: 프로젝트의 목적, 목표, 주요 기능, 타겟 ..