프로젝트 배경
1) 프로젝트 목표
- 이미지 생성 서비스: 사용자가 직접 캐릭터와 배경을 선택하여 개인화된 응원카드 제작
- 참여형 이벤트 구현: 지도 기반 인터랙티브 UI로 사용자 참여도와 몰입감 향상
- 모바일 최적화: 스마트폰 사용자 중심의 반응형 디자인 및 터치 인터랙션 구현
- 공유 기능 강화: 완성된 카드의 즉시 다운로드 및 소셜미디어 공유 기능 제공
- 캠페인 홍보 효과: 사용자 생성 콘텐츠를 통한 자연스러운 국경없는 의사회 홍보
2) 주안점
- 실시간 이미지 합성 처리 성능 최적화를 통한 사용자 경험 향상
- 다양한 캐릭터 조합을 지원하는 확장 가능한 이미지 관리 시스템 구축
- 모바일 중심 UI/UX 설계로 접근성과 사용성 극대화
- 완성된 카드의 고품질 PNG 출력 및 빠른 다운로드 속도 확보
- 이벤트 참여를 유도하는 매력적인 지도 기반 인터랙션 디자인
- 이미지 생성 서비스: 사용자가 직접 캐릭터와 배경을 선택하여 개인화된 응원카드 제작
- 참여형 이벤트 구현: 지도 기반 인터랙티브 UI로 사용자 참여도와 몰입감 향상
- 모바일 최적화: 스마트폰 사용자 중심의 반응형 디자인 및 터치 인터랙션 구현
- 공유 기능 강화: 완성된 카드의 즉시 다운로드 및 소셜미디어 공유 기능 제공
- 캠페인 홍보 효과: 사용자 생성 콘텐츠를 통한 자연스러운 국경없는 의사회 홍보
2) 주안점
- 실시간 이미지 합성 처리 성능 최적화를 통한 사용자 경험 향상
- 다양한 캐릭터 조합을 지원하는 확장 가능한 이미지 관리 시스템 구축
- 모바일 중심 UI/UX 설계로 접근성과 사용성 극대화
- 완성된 카드의 고품질 PNG 출력 및 빠른 다운로드 속도 확보
- 이벤트 참여를 유도하는 매력적인 지도 기반 인터랙션 디자인
프로젝트 성과
사용자 참여도 향상
- 직관적인 카드 생성 프로세스로 사용자들의 적극적인 이벤트 참여 유도
- 개인화된 응원카드 제작을 통한 국경없는 의사회에 대한 관심과 애정 증대
- 개인화된 응원카드 제작을 통한 국경없는 의사회에 대한 관심과 애정 증대
핵심 기능



실시간 이미지 생성
PIL을 활용한 다중 레이어 이미지 합성 기능 구현
캐릭터 머리, 몸체, 배경, 액세서리 등 각 요소를 실시간으로 조합하여 개인화된 응원카드 생성
사용자 입력 이름의 실시간 텍스트 렌더링 및 카드 생성
캐릭터 머리, 몸체, 배경, 액세서리 등 각 요소를 실시간으로 조합하여 개인화된 응원카드 생성
사용자 입력 이름의 실시간 텍스트 렌더링 및 카드 생성
모바일 최적화 및 반응형 디자인
- 스마트폰 환경에 최적화된 터치 인터랙션 및 UI 구성
- PC와 모바일 환경 모두에서 일관된 사용자 경험 제공
- PC와 모바일 환경 모두에서 일관된 사용자 경험 제공
프로젝트 상세
1) 포트폴리오 소개 : 국경없는 의사회 사회응원 캠페인을 위한 이미지 카드 생성 이벤트 웹사이트 개발
- 서비스 카테고리 : 이벤트 웹사이트 / 이미지 생성 서비스
- 메인 타깃 : 일반 사용자(모바일/PC), 국경없는 의사회 후원자
2) 작업 범위 : 이미지 생성 기능을 중심으로 한 풀스택 웹 서비스 개발
- 관리자 페이지 구축
- 프론트엔드 이벤트 페이지 개발
- 이미지 생성 및 저장 API 개발
- 반응형 웹 디자인 및 모바일 최적화
- 이미지 다운로드 및 소셜 공유 기능
3) 주요 업무 : 사용자 맞춤형 응원카드 생성 및 공유 시스템 구축
- PIL(Python Imaging Library)을 활용한 실시간 이미지 조합 및 텍스트 삽입 기능
- 캐릭터 머리, 몸체, 배경, 액세서리 등 다중 레이어 이미지 합성 시스템 구현
- 사용자 이름 입력 시 실시간으로 카드에 반영되는 텍스트 렌더링 기능
- 완성된 카드 이미지의 PNG 형식 저장 및 다운로드 기능 제공
- 지도 기반 인터랙티브 UI로 사용자 참여도 향상
- 반응형 디자인으로 모바일/PC 환경 최적화
4) 주안점 :
- 실시간 이미지 생성 성능 최적화를 위한 PIL 활용 및 메모리 관리
- 다양한 조합의 캐릭터와 배경 요소를 효율적으로 관리하는 파일 구조 설계
- 사용자 경험 중심의 직관적인 카드 생성 프로세스 구현
- 모바일 환경에서의 터치 인터랙션과 이미지 품질 최적화
- 완성된 카드의 즉시 다운로드 및 소셜 공유 기능 제공
- 서비스 카테고리 : 이벤트 웹사이트 / 이미지 생성 서비스
- 메인 타깃 : 일반 사용자(모바일/PC), 국경없는 의사회 후원자
2) 작업 범위 : 이미지 생성 기능을 중심으로 한 풀스택 웹 서비스 개발
- 관리자 페이지 구축
- 프론트엔드 이벤트 페이지 개발
- 이미지 생성 및 저장 API 개발
- 반응형 웹 디자인 및 모바일 최적화
- 이미지 다운로드 및 소셜 공유 기능
3) 주요 업무 : 사용자 맞춤형 응원카드 생성 및 공유 시스템 구축
- PIL(Python Imaging Library)을 활용한 실시간 이미지 조합 및 텍스트 삽입 기능
- 캐릭터 머리, 몸체, 배경, 액세서리 등 다중 레이어 이미지 합성 시스템 구현
- 사용자 이름 입력 시 실시간으로 카드에 반영되는 텍스트 렌더링 기능
- 완성된 카드 이미지의 PNG 형식 저장 및 다운로드 기능 제공
- 지도 기반 인터랙티브 UI로 사용자 참여도 향상
- 반응형 디자인으로 모바일/PC 환경 최적화
4) 주안점 :
- 실시간 이미지 생성 성능 최적화를 위한 PIL 활용 및 메모리 관리
- 다양한 조합의 캐릭터와 배경 요소를 효율적으로 관리하는 파일 구조 설계
- 사용자 경험 중심의 직관적인 카드 생성 프로세스 구현
- 모바일 환경에서의 터치 인터랙션과 이미지 품질 최적화
- 완성된 카드의 즉시 다운로드 및 소셜 공유 기능 제공

이벤트 페이지

이미지 생성 - 시작

이미지 생성 - 마지막 스텝

이미지 생성 완료

생성한 이미지

참여자들이 생성한 이미지 히스토리