허인범 — 웹 · 서비스 기획 포트폴리오

01

AI 콘텐츠 플랫폼 Presetflow 구축

영상 및 이미지를 더 빨리 만들도록 사내 도구를 직접 기획하고 개발했습니다.

기간: 2026.01 – 진행 중
역할: TF 리더 (3인)
범위: 기획 · 개발 · 운영 정책
스택: Vercel · Supabase · R2 · Fal.ai
기여도: 90%

배경 · 문제

AI 활용 사이드 업무를 맡아 숏폼 제작을 효율적으로 진행할 방법을 고민하던 중, 외부 생성형 AI 도구를 건별로 쓸 때 발생하는 비용 · 리소스 문제를 해결하기 위해 3인 TF를 구성해 사내 도구를 직접 만들기로 했습니다.

접근 · 전략

권한 체계부터 정의 owner · admin · user 3단계와 그룹 단위 접근 정책을 먼저 문서화
배포 전 사전 조사 팀별 배포에 앞서 설문 폼을 만들어 그룹 내 한국향 에셋 활용도를 사전 조사
미리 만들어진 데이터로 영상/이미지를 빠르게 생성 모드별 프리셋 49종과 즐겨찾기로 옵션만 고르면 결과가 나오게
생성부터 편집까지 한 흐름으로 영상 · 이미지 · 립싱크 생성 후 클립 선택 → 스타일 · 오디오 → 순서 · 자막 3단계로 편집하고 AI 고지 문구까지 삽입
Claude Code로 영상 자동화 Claude Code와 연동해 영상 생성 자동화 시스템 구축

결과

기획 · 구현까지 0→1로 직접 주도 완성 · 프리셋 49종 업로드 · 내부 테스트 완료 (시연 가능)

라이브 화면

**프리셋**모션 컨트롤 · 아바타 · 이미지 에셋별 하위 카테고리와 즐겨찾기 프리셋

**영상 생성**재생 시간 · 컷 수 · 비율 · 멀티샷 · 제외 요소 옵션

**영상 편집**클립 선택 → 스타일 · 오디오 → 순서 · 자막 3단계 편집

**사용자 관리**그룹 단위로 최고 관리자 · 관리자 · 일반 권한 설정

02

삼성닷컴 제품 콘텐츠 운영

매일 운영되는 삼성닷컴 제품 페이지를 맡아 출시 대응과 품질 관리를 병행합니다.

기간: 2025.06 – 진행 중
역할: 제품 콘텐츠 기획 · 운영
담당: 태블릿 · 갤럭시 링 · XR
협업: 삼성전자 PM · UX기획자
기여도: 100%

배경

특정 문제를 해결하는 프로젝트가 아니라, 삼성닷컴 제품 라인업의 신제품 출시 대응과 상시 운영을 함께 소화하는 것 자체가 업무의 본질입니다. 태블릿 · 갤럭시 링 · XR 담당 라인업의 콘텐츠를 등록부터 라이브 반영까지 책임지고 있습니다.

수행 업무

태블릿 · 갤럭시 링 · XR의 제품상세 · 마케팅 · 탐색 · 카테고리 페이지를 KDP-BO에서 등록부터 라이브 반영까지 직접 운영
요일별 체크리스트 기반 데일리 모니터링 체계 운영
플래그십(언팩 프로젝트) 지원 병행 — 모바일 액세서리 상세페이지 93건 처리
운영 중 발견한 불편 사항을 KDP-BO 플랫폼 · 삼성닷컴 프론트 기능 개선안으로 정리해 제안

결과

신제품 출시 전건 대응 · Jira SLA 167건 무사고 처리로 안정적 운영 유지

03

롯데호텔앤리조트 채널시스템 리뉴얼

브랜드마다 고유한 얼굴을 갖되 하나의 체인으로 이어지게 만드는 리뉴얼로, 기획부터 테스트 직전까지 참여했습니다.

기간: 2024.03 – 2024.09
역할: 웹기획자
범위: PC · 모바일 웹
산출물: IA · 와이어프레임 · 화면설계서
기여도: 80%

배경 · 문제

롯데호텔앤리조트 채널시스템 리뉴얼 구축을 위해, 오래되어 UX적으로 불편하고 콘텐츠가 부족했던 기존 브랜드별 페이지들을 분석해 개선하는 역할을 맡았습니다.

접근 · 전략

콘텐츠 상세 화면 설계 호텔찾기 · Art & Story · 기업 소개 · 신문고 · 채용 등 콘텐츠 메뉴 전반 (PC · 모바일)
CMS 연동 범위 정의 페이지마다 CMS 관리 영역과 고정 영역을 나눠 정의하고, 다국어 제공 범위까지 명시
예외 케이스까지 정의 입력 검증 · 데이터 없음 · 비로그인 · 호텔찾기 지도 확대 단계 등 상황별 노출 규칙 명시

결과

CMS 전환에 맞춘 콘텐츠 화면 설계 완료 · 설계안 기반으로 오픈 확정

설계 & 라이브

원하는 호텔과 정보를 빠르게 찾도록 돕는 페이지

브랜드 경험을 콘텐츠로 전하는 Art & Story

롯데호텔앤리조트 소개 하위 메뉴

B2B와 인재 채용 관련 페이지

문의 접수와 약관 · 정책

카드를 누르면 직접 작성한 화면설계서와 현재 운영 중인 화면을 비교해 볼 수 있습니다

04

삼성SDS FabriX 플랫폼 구축 및 운영

삼성 계열사 임직원이 쓰는 개발 플랫폼에서 불편을 구조 문제로 보고 메뉴 체계를 다시 잡았습니다.

기간: 2023.04 – 2024.02
역할: 웹기획자
범위: 사용자 화면
산출물: 공통 가이드 · 화면설계서
기여도: 60%

배경 · 문제

삼성SDS 전사 리소스 플랫폼 구축을 위해, 개인 영역 메뉴와 워크스페이스 메뉴를 중심으로 화면을 설계하는 역할을 맡았습니다.

접근 · 전략

My Page 분리로 정보구조 재정비 레벨이 맞지 않던 개인 메뉴를 상위로 올려 한곳에 모음
워크스페이스 생성 · 승인 플로우 설계 개인 · 팀 워크스페이스 생성부터 승인 요청 · 기각 · 정책 변경까지 케이스 전체 정의
공통 가이드 수립 팝업 · 다국어 · 권한별 메뉴 노출 기준으로 팀 설계 표준화

결과

가이드 표준 확립과 케이스 정의를 통해 이후 신규 확장 시에도 재사용 가능한 기준 확보

산출물

FabriX Guide Tooltip — **Tooltip**[공통] 부연 설명

FabriX Guide Hint text — **Hint text**[공통] Placeholder

FabriX Guide Toast — **Toast**[공통] 피드백 팝업

FabriX Guide 텍스트 공통 — **텍스트 공통**[공통] 대문자 · 마침표 · 약어

FabriX Guide Status Open to search — **Status · Open to search**[카탈로그] 아이콘 배치 가이드

FabriX Guide Options — **Options**[카탈로그] General · Additional

FabriX Guide Section D — **Section D.**[카탈로그] Additional Area

FabriX Guide Catalog Status naming — **Catalog Status**[카탈로그] 명칭 가이드

FabriX Guide 사용자 이름 이메일 개요 — **사용자 이름 · 이메일 텍스트 처리 (개요)**[공통] Home · Manage Item · Release Note 등 처리 불필요 영역

FabriX Guide 사용자 이름 이메일 상세 — **사용자 이름 · 이메일 텍스트 처리 (상세)**[공통] Comment · GNB Settings · Team workspace · 이메일 발송

FabriX Guide 입력값 검증 에러 케이스 — **입력값 검증 · 에러 케이스**[카탈로그] Add/Update Catalog 공통 필수값 · 형식 · 태그 에러

FabriX Guide 파일 업로드 컴포넌트 — **파일 업로드 컴포넌트**[카탈로그] Attachment · File 업로드 상태 · 용량 · 확장자 에러

FabriX Guide Catalog Header — **Catalog Header**[카탈로그] Default/Private · My Catalog 헤더 UI 타입과 노출 조건

FabriX Guide Search bar 가이드라인 — **Search bar 가이드라인**[카탈로그] List · Card 뷰 공통 검색 영역 UX 규칙

FabriX Guide 정렬 상태 이력 — **정렬 · 상태 이력 가이드**[카탈로그] My Catalog 정렬 기준과 상태 이력 케이스

FabriX My Catalog — **My Catalog**카탈로그 타입 필터 · 정렬 · Status 노출

FabriX Default Catalog — **Default Catalog**Default catalog 사용 권한을 갖은 사용자에게 노출되는 목록

FabriX Bookmark — **Bookmark**북마크한 카탈로그 목록 · List/Card 뷰 전환

FabriX Credential — **Credential**연동 시스템 Credential 등록 · 관리

FabriX My Workspace — **My Workspace**개인 · 팀 워크스페이스 카탈로그 목록

FabriX Team Workspace Catalog — **Team Workspace — Catalog**팀 워크스페이스 내 카탈로그 관리

FabriX Team Workspace Member — **Team Workspace — Member**Owner · Manager 권한별 멤버 관리

FabriX Create Workspace — **워크스페이스 생성 — Owner 지정**Create Workspace → Change Owner → 생성 확인 흐름

FabriX Request for Workspace Creation — **생성 승인 요청**관리자 승인이 필요한 경우의 Request 흐름

FabriX Workspace Detail Requested — **생성 요청 상세 — 승인 대기**요청 상세 조회 및 Cancel Request

FabriX Workspace Detail Rejected — **생성 요청 상세 — 기각 · 재요청**기각 사유 노출 및 Resubmit 진입

FabriX Resubmit Validation — **재요청 — 입력값 검증**Resubmit Request Info Init / Validation Error

FabriX Workspace Policy Change — **생성 중 정책 변경 공통 처리**자동생성 ↔ 승인요청 전환 시 Alert 및 팝업 전환 정의

FabriX Workspace Case Summary — **승인 프로세스 Case 종합**승인 대기 · 기각 · 수정 재요청 3가지 케이스

FabriX Add Catalog General — **General — 카탈로그 유형 선택**Application · Asset · Connector · Data · Knowledge 5종 타입 분기

FabriX Add Catalog Application — **Application — Web App 등록**URL · 태그 · Related Tools · Related Catalogs 입력

FabriX Add Catalog Asset — **Asset — URL 등록**Asset Type 분기와 태그 · 연관 카탈로그 설정

FabriX Add Catalog Connector — **Connector — Non-Packaged 옵션**API Context · Run API · Health Check 등 연동 정보 입력

FabriX Add Catalog Data — **Data — Data Inventory 등록**데이터 타입 변경 시 Confirm 처리

FabriX Add Catalog Knowledge — **Knowledge — File 등록**지식 문서 업로드와 태그 · 연관 툴 설정

FabriX Catalog Detail — **카탈로그 상세 페이지**설명 · 태그 · 리뷰 스코어 · 댓글까지 포함한 상세 뷰

05

삼성SDS 프론트엔드 개발툴 CX 개선 및 POC

최신 웹 기술 기반 UI 컴포넌트로 Visual 개발 환경을 제공하는 프론트엔드 개발툴의 운영과 CX 개선을 맡았습니다.

기간: 2022.04 – 2023.04
역할: 웹기획자
범위: 분석 · 제안 · POC 기획
산출물: 여정지도 · 와이어프레임
기여도: 60%

배경 · 문제

Agile 프로젝트의 일환으로, 삼성SDS 제품을 이용하는 모든 사용자의 고객경험을 바탕으로 기획 기능 신규 추가 · 마켓 플랫폼 연계 · Figma 연계 플러그인 구축을 목표로, 타사 프로토타입 툴과 프론트엔드 툴을 분석해 스프린트 단위로 기존 SDS UI Dev 제품을 개선하는 웹기획자 역할을 맡았습니다.

수행 업무

UI 디자인 프로토타입 툴(Figma · Adobe XD · Framer)과 프론트엔드 프레임워크(Nexacro N · Mendix · OutSystems) 사용성 비교 분석
Nexacro N의 속성 편집 인터페이스, Add Selector 컴포넌트 속성 설정, Component Preset 재사용 구조 사례 정리
Add to Catalog 등 실제 사용 흐름을 화면 단위 시나리오로 문서화
Figma 플러그인(Anima) 도입 전후 화면 디자인 · 프로토타이핑 · 협업 · 산출물 생성 항목 비교로 POC 리뷰 진행
경쟁 제품을 직접 써보고 비교해 제안 근거 확보

결과

Figma 연계 플러그인(Anima) 도입 검증으로 프로토타이핑 · 산출물 생성 효율화 · 제안 기능의 사업성 검토 후 POC 실현 · 주니어 연차에 현장관리자 자격 부여

산출물