안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
이미지 생성 AI 서비스 사용자 기획 및 디자인.
디자인 · 기획
Gen AI 서비스, ChatGPTㆍ챗봇, AI 모델 구축
프로젝트 배경
1) 포트폴리오 소개: 서비스 카테고리 및 메인 타깃

AI 기반 이미지 생성 플랫폼으로, 사용자가 입력한 프롬프트를 바탕으로 여러 생성형 AI 모델을 동시에 호출하여 결과물을 비교·선택할 수 있는 서비스입니다.
디자이너·마케터·콘텐츠 제작자 등 빠른 시각 레퍼런스가 필요한 크리에이터를 주요 타깃으로 설정했습니다.

2) 작업 범위: 기획에 참여한 범위

• 서비스 전체 기획 및 UX 플로우 작성
• 주요 기능 정의(멀티 모델 이미지 생성, 프롬프트 저장, 결과 비교 UI 등)
• 웹/모바일 화면 설계 및 UI 디자인 전반
• 생성형 AI 모델(API) 연동 구조 설계 및 모델별 제약 조건 검토
• API 문서 기반의 요청 파라미터 설계 및 에러 케이스 정의
• 관리자 페이지 기획(사용량 모니터링, 모델별 호출 로그 등)

3) 주요 업무: 해당 서비스의 주요 기능

• 단일 프롬프트로 여러 AI 모델을 동시에 호출하는 멀티 생성 기능
• 이미지 생성 프로세스 실시간 상태 표시(요청 → 큐 → 응답)
• 생성 결과 비교 뷰(모델별 스타일·설정값 좌측 정렬)
• 프롬프트 즐겨찾기 및 히스토리 저장 기능
• 생성 이미지 리사이징·포맷 변환 기능
• 모델별 옵션(샘플링 방식, CFG, 스타일 프리셋 등) 제공
• 계정 기반 크레딧/토큰 차감 구조
• 관리자 페이지를 통한 생성량 통계 및 모델별 호출 모니터링

4) 기획 및 디자인 진행 시 중점이 되었던 사항

• 여러 모델의 결과물을 한눈에 비교할 수 있는 정보 구조 설계 모델마다 이미지 해상도, 샘플링 시간, 출력 스타일등 이 달라 비교가 어려운 점을 해결하기 위해 동일한 레이아웃에 자동 정렬되도록 구성.
• 사용자의 프롬프트 반복 사용성 강화
자주 사용하는 프롬프트를 저장·관리할 수 있도록 프롬프트 라이브러리 기능 설계.
• 각 AI 모델 API 제약 조건을 UX로 자연스럽게 가이드
모델별 지원 기능이 달라 오류가 발생하지 않도록 옵션 제한, 경고 메시지, 비활성화 상태를 UI에서 명확히 구현.
• 이미지 생성 과정의 투명성 제공
“요청 → 처리 중 → 생성 완료”의 단계가 실시간으로 보이도록 로딩 스켈레톤과 프로세스 표시 설계.
• 결과의 ‘품질 차이’를 드러내는 비교 중심 UX 설계
모델별 품질 특성(인물, 상품, 배경 등)을 빠르게 파악할 수 있도록 비교(Comparison) UI 우선 구성.
프로젝트 성과
사용자 이미지 생성 성공률 25% 향상
모델별 제약 조건(해상도·토큰 길이·옵션 불일치 등)을 UI에서 사전 가이드하는 로직을 설계해 실패율이 32% → 7%로 감소.
프롬프트 재사용률 60% 증가
프롬프트 저장·라이브러리·템플릿 기능을 설계하여 유저의 반복 생성 사용성이 향상되고, 재생성 기능의 사용량이 2.5배 증가함.
모델 비교 페이지 체류시간 2배 증가
여러 AI 모델 결과물을 한 화면에서 비교할 수 있는 UI/UX를 도입해 사용자 체류시간이 기존 대비 두 배 이상 증가.
이미지 생성 성공률 25% 향상
모델별 제약을 UI에서 사전 안내하고 옵션 충돌을 방지하는 UX를 설계하여 생성 실패율을 32%에서 7%로 개선함.
핵심 기능
멀티 모델 동시 이미지 생성
하나의 프롬프트로 여러 생성형 AI 모델을 동시에 호출해 모델별 결과를 한 화면에서 비교할 수 있는 기능.
생성 과정 실시간 상태 표시
AI 모델 처리 단계(요청 → 처리중 → 생성 완료)를 실시간으로 표시하여 생성 진행 상황을 투명하게 확인할 수 있는 기능.
크레딧/토큰 기반 사용량 관리
모델 호출량에 따라 크레딧을 차감하고 사용자의 잔여 크레딧을 실시간으로 안내하는 기능.
진행 단계
기획 및 요구사항 정리
2025.07.
클라이언트측에서 요구하는 기능과 사용자 경험에 대한 내용 정리와 함께
End User에게 전달하고 싶은 경험적 목적을 설정했습니다.
기획 Wireframe 및 정책 정의
2025.07.
전반적인 화면의 Lo-Fi Wireframe 을 설계하며
각 정책에 대하여 정책을 정의하며 세부 UI에 대한 케이스등을 정의해나갔습니다.
디자인 구조 설정 및 디자인 시스템 제작
2025.08.
설계된 Wireframe을 바탕으로 디자인을 진행하며 디자인 구조를 설정하고
컴포넌트화 하며 화면들에 대한 정의를 했습니다.
디자인 마무리 및 화면 정리. 개발 리뷰
2025.09.
디자인을 마무리하며 개발팀과의 기술적 구현 범위와 API 연동에 대한 검토를 하며
화면을 수정하며 디자인 단계를 마무리 했습니다.
프로젝트 상세
1) 포트폴리오 소개: 서비스 카테고리(ex. 커머스, AI 등)와 메인 타깃(ex. 주부, 청소년) 등을 포함한 간략한 소개
- 예시) 주부들을 위한 생활용품 커머스 웹 디자인

2) 작업 범위: 기획에 참여한 범위
- 예시) 기능 정의, 화면 설계 및 디자인, 관리자 페이지 기획 등

3) 주요 업무: 해당 서비스의 주요 기능
- 예시) GPS 기반 숙소 리스트, 실시간 예약 및 결제, 포인트 적립/사용 등

4) 기획 및 디자인 진행 시 중점이 되었던 사항
- 예시) 상품을 추천하는 로직에 대한 설계
이미지 생성에 대한 UI 화면으로 옵션 패널, 생성된 이미지를 확인하는 화면을 제작했습니다.
패널에서 설정한 UI에 맞춰 디테일하게 UI의 컴포넌트 요소등을 제작하며 다양한 케이스등을 고려하며 업데이트 했습니다.
계정 설정에 관한 기본적인 레이아웃도 구현을 하며 페이지 디자인을 진행했습니다.
베타 버전을 빠르게 오픈해야하는 MVP 서비스 특성상 회원가입을 간소화하여 화면 레이아웃을 지정했습니다.
각 UI 요소에 대한 정의와 기능, 기획, 정책 등을 꼼꼼하게 작성하며 지속적입 업데이트를 통해 관리했습니다.
UI 요소 중 헤더에도 다양한 케이스에 맞춰 컴포넌트화 하며 디자인을 진행했습니다.
여러 레이아웃 화면등을 디자인하며 전반적인 프로젝트에 대한 성공적인 마무리를 했습니다.

비슷한 프로젝트를 준비 중이라면?
위시켓 매니저와 상담하세요.

참여 개발사와 미팅 연결

프로젝트 1:1 컨설팅 제공

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

kn******
디자인 · 개인사업자

프로젝트 정보

참여 기간
2025.07. ~ 2025.09.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
고객사
이지위드
관련 기술
Figma
Adobe Photoshop
AfterEffect