아카이브사이트맵
© 2026 Rayon. All rights reserved.
DevDay
아티클랭킹스페이스채용
뱅크샐러드 favicon뱅크샐러드

샐러드게임, 귀여움으로 무장한 BX 디자인 비하인드 스토리!

by DD
2024-08-23
1년 전
조회수 9

지출 절약 챌린지 아이디어를 기반으로 뱅크샐러드 앱 내 샐러드게임 개발 시작

초기 지름신 캐릭터 대신 귀여운 동물 캐릭터를 활용하여 긍정적 사용자 경험 유도

3D 렌더링 용량 문제를 해결하기 위해 2D 애니메이션 기법을 활용하여 몰입도 향상

지름신 vs 동물 캐릭터: 사용자 경험 설계

초기 지름신 캐릭터는 죄책감을 유발하여 부정적 경험을 야기했다. 따라서 귀여운 동물 캐릭터를 통해 돈을 지키는 긍정적 경험을 제공하도록 변경했다. 사용자 인터랙션을 고려하여 캐릭터 디자인을 개선함으로써 게임 몰입도를 높였다.

3D 렌더링의 한계와 2D 애니메이션 솔루션

3D 렌더링은 용량 문제로 인해 퀄리티 저하를 야기했다. 2D 애니메이션 기법을 활용하여 용량을 줄이면서도 캐릭터의 귀여움을 극대화했다. 배경과 캐릭터의 상호작용을 통해 시각적 즐거움을 더하고, 사용자 경험을 향상시켰다.

디자인 제약 조건 극복: 창의적 솔루션

디자인 과정에서 발생하는 제약 조건은 새로운 아이디어를 창출하는 기회가 된다. 용량 제한을 극복하기 위해 애니메이션 루핑 방식을 활용했다. 사용자 피드백을 반영하여 캐릭터 디자인을 개선하고, 긍정적 반응을 이끌어냈다.

이걸 진짜 만든다고요? 세상에 없던 게임, 샐러드게임 | 1편. BX
중급
트렌드
2D Animation
UI/UX Design
Frontend
원문 읽기
원문 읽기

관련 추천 글

컬리, 퀵메뉴 디자인으로 매출 UP!

컬리 로고

FE Ops 6개월, 프론트엔드와 데이터 도메인 사이에서의 성장기록

벨로그 로고

8년차 개발자의 험난한 이직기, 결국 D사에 합격!

벨로그 로고

카카오톡 예약하기, 캘린더 UI 구현 비하인드 스토리

카카오 로고

WeCoded 챌린지 수상자 발표! 개발자들의 감동적인 이야기와 프론트엔드 기술의 만남

데브투 로고

AI 엔지니어들이 백로그를 해결해 드립니다!

프로덕트 헌트 로고
뱅크샐러드 favicon뱅크샐러드
중급
트렌드
2D Animation
UI/UX Design
Frontend

관련 추천 글

컬리, 퀵메뉴 디자인으로 매출 UP!

컬리 로고

FE Ops 6개월, 프론트엔드와 데이터 도메인 사이에서의 성장기록

벨로그 로고

8년차 개발자의 험난한 이직기, 결국 D사에 합격!

벨로그 로고

댓글 0

첫 번째 댓글을 남겨보세요!