안녕하세요.
담당 매니저 김수민입니다.
기간제(상주) 프로젝트 희망 근무 시작일을
등록해 주시면, 파트너님의 일정에 맞는
적합한 프로젝트를 추천해 드려요.
플러스
국경없는 의사회 사회응원 카드 이벤트
개발
퍼블리싱ㆍ반응형, 마케팅 페이지
프로젝트 배경
1) 프로젝트 목표
- 이미지 생성 서비스: 사용자가 직접 캐릭터와 배경을 선택하여 개인화된 응원카드 제작
- 참여형 이벤트 구현: 지도 기반 인터랙티브 UI로 사용자 참여도와 몰입감 향상
- 모바일 최적화: 스마트폰 사용자 중심의 반응형 디자인 및 터치 인터랙션 구현
- 공유 기능 강화: 완성된 카드의 즉시 다운로드 및 소셜미디어 공유 기능 제공
- 캠페인 홍보 효과: 사용자 생성 콘텐츠를 통한 자연스러운 국경없는 의사회 홍보

2) 주안점
- 실시간 이미지 합성 처리 성능 최적화를 통한 사용자 경험 향상
- 다양한 캐릭터 조합을 지원하는 확장 가능한 이미지 관리 시스템 구축
- 모바일 중심 UI/UX 설계로 접근성과 사용성 극대화
- 완성된 카드의 고품질 PNG 출력 및 빠른 다운로드 속도 확보
- 이벤트 참여를 유도하는 매력적인 지도 기반 인터랙션 디자인
프로젝트 성과
사용자 참여도 향상
- 직관적인 카드 생성 프로세스로 사용자들의 적극적인 이벤트 참여 유도
- 개인화된 응원카드 제작을 통한 국경없는 의사회에 대한 관심과 애정 증대
핵심 기능
실시간 이미지 생성
PIL을 활용한 다중 레이어 이미지 합성 기능 구현
캐릭터 머리, 몸체, 배경, 액세서리 등 각 요소를 실시간으로 조합하여 개인화된 응원카드 생성
사용자 입력 이름의 실시간 텍스트 렌더링 및 카드 생성
모바일 최적화 및 반응형 디자인
- 스마트폰 환경에 최적화된 터치 인터랙션 및 UI 구성
- PC와 모바일 환경 모두에서 일관된 사용자 경험 제공
프로젝트 상세
1) 포트폴리오 소개 : 국경없는 의사회 사회응원 캠페인을 위한 이미지 카드 생성 이벤트 웹사이트 개발
- 서비스 카테고리 : 이벤트 웹사이트 / 이미지 생성 서비스
- 메인 타깃 : 일반 사용자(모바일/PC), 국경없는 의사회 후원자

2) 작업 범위 : 이미지 생성 기능을 중심으로 한 풀스택 웹 서비스 개발
- 관리자 페이지 구축
- 프론트엔드 이벤트 페이지 개발
- 이미지 생성 및 저장 API 개발
- 반응형 웹 디자인 및 모바일 최적화
- 이미지 다운로드 및 소셜 공유 기능

3) 주요 업무 : 사용자 맞춤형 응원카드 생성 및 공유 시스템 구축
- PIL(Python Imaging Library)을 활용한 실시간 이미지 조합 및 텍스트 삽입 기능
- 캐릭터 머리, 몸체, 배경, 액세서리 등 다중 레이어 이미지 합성 시스템 구현
- 사용자 이름 입력 시 실시간으로 카드에 반영되는 텍스트 렌더링 기능
- 완성된 카드 이미지의 PNG 형식 저장 및 다운로드 기능 제공
- 지도 기반 인터랙티브 UI로 사용자 참여도 향상
- 반응형 디자인으로 모바일/PC 환경 최적화

4) 주안점 :
- 실시간 이미지 생성 성능 최적화를 위한 PIL 활용 및 메모리 관리
- 다양한 조합의 캐릭터와 배경 요소를 효율적으로 관리하는 파일 구조 설계
- 사용자 경험 중심의 직관적인 카드 생성 프로세스 구현
- 모바일 환경에서의 터치 인터랙션과 이미지 품질 최적화
- 완성된 카드의 즉시 다운로드 및 소셜 공유 기능 제공
이벤트 페이지
이미지 생성 - 시작
이미지 생성 - 마지막 스텝
이미지 생성 완료
생성한 이미지
참여자들이 생성한 이미지 히스토리

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

참여 개발사와 미팅 연결

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

무료로 프로젝트 등록하기

작업한 파트너 프로필 보기

pa******
개발 · 팀

프로젝트 정보

참여 기간
2024.01. ~ 2024.02.
참여율
참여율이 100%인 프로젝트는 해당 파트너님이 온전히 작업한 결과물입니다.
외부 공동 작업의 경우 기여도에 따라 참여율이 달라지며 역할, 프로젝트 설명을 통해 업무 분야 및 참여 범위를 확인할 수 있습니다.
100%
관련 기술
AWS
PostgreSQL
next.js
JinJa2
Python
Flask