This website requires JavaScript.
포트폴리오 대표 이미지
웹 개발잼잼비트 뮤직 포레스트
  • 지역비대면 진행
  • 예산1,700,000원
  • 기간4주

JAMJAM BEAT - MUSIC FOREST’는 MediaPipe 기반 손동작 인식과 유아 맞춤형 인터랙션을 결합한 악기놀이 콘텐츠입니다. 아이들은 화면을 직접 터치하지 않고 손동작만으로 메뉴를 선택하고 놀이를 진행할 수 있으며, 이를 통해 더욱 직관적이고 몰입감 있는 사용자 경험을 제공합니다. 숲속 동물 캐릭터와 감성적인 배경 디자인을 적용해 친근하고 따뜻한 분위기를 연출했으며, 놀이형 콘텐츠 안에서 디지털 인터랙션과 음악 학습 요소가 자연스럽게 연결되도록 구성했습니다. 개발 과정에서는 손 제스처 인식 기능 구현, AI 학습 및 인식 정확도 보정, 게임 화면 흐름 설계, 사용자 친화적 UI 구성에 중점을 두었습니다

이미지 2

프로그램의 메인 화면으로, 유아가 쉽게 접근할 수 있도록 직관적인 시작 구조와 친근한 비주얼로 구성했습니다. 숲속 세계관과 동화풍 그래픽을 적용해 첫 화면에서부터 흥미를 유도했으며, 시작하기·방 만들기·참여하기 기능을 통해 놀이 진입 과정을 단순하고 명확하게 설계했습니다.

이미지 4

손동작 인식을 활용해 캐릭터 또는 악기를 선택하며 상호작용하는 핵심 플레이 화면입니다. MediaPipe 기반 제스처 인식 기술을 적용하여 터치 없이도 자연스럽게 조작할 수 있도록 했고, 유아가 놀이하듯 음악적 반응을 경험할 수 있도록 구현했습니다.

이미지 6

사용 흐름에 맞춘 보조 화면으로, 참여 환경과 인터랙션 과정을 안정적으로 이어주기 위해 구성했습니다. 전체 프로그램이 단순한 게임이 아니라 사용자 참여, 인식 처리, 화면 전환이 유기적으로 연결되는 구조가 되도록 설계했습니다.

노규민(브릿지노드)
웹 개발
별점
5.0(6)
디자이너 & 개발자 홈페이지·쇼핑몰 제작부터 오류 점검·유지보수까지 | BRIDGENODE

업무 관리 앱 기획, 화면 설계 25개 (디자인 시스템 + 개발 전달용 주석)

0
4

쇼핑몰 점검 항목 57개와 실행 시나리오

0
5

카페24 식품 쇼핑몰 운영 대행, 배송 설정과 정기 구매흐름 QA

0
2

브릿지노드 소개영상

0
2
  • 업무 관리 앱 기획, 화면 설계 25개 (디자인 시스템 + 개발 전달용 주석)

    0
    4
  • 쇼핑몰 점검 항목 57개와 실행 시나리오

    0
    5
  • 카페24 식품 쇼핑몰 운영 대행, 배송 설정과 정기 구매흐름 QA

    0
    2
  • 브릿지노드 소개영상

    0
    2
  • AI로 만든 업체 소개영상입니다 참고 부탁드려요~

    0
    28
  • AI 자동 QA로 쇼핑몰 주문 흐름 19개 항목 점검한 사례

    0
    6
  • 지하철 붐빔예보: 혼잡도 예측 + 실시간 도착을 한 화면에 (자체 기획 및 개발 웹앱)

    0
    3
  • 고성능 AI 의료 영상 분석 웹 플랫폼, 2주 반 만에 110만원으로 완성

    0
    16
  • 카페24 브랜드앱 출시 지원, 게시판 신고/차단 스킨 수정 (식품 쇼핑몰)

    0
    2
  • 더보기
비슷한 스타일을 찾고 계신가요?의 다른 포트폴리오

전화응대 챗봇

0
12

블록체인 게임 포탈: Oauth 로그인부터 토큰 보상까지 완벽 구현

1
5

MES, 패션, 모바일 개발

0
90

기업 맞춤형 통근 셔틀 SaaS 플랫폼 (화이트 레이블)

0
3
  • 전화응대 챗봇

    0
    12
  • 블록체인 게임 포탈: Oauth 로그인부터 토큰 보상까지 완벽 구현

    1
    5
  • MES, 패션, 모바일 개발

    0
    90
  • 기업 맞춤형 통근 셔틀 SaaS 플랫폼 (화이트 레이블)

    0
    3
  • 외국인 입국 비자 발급 시스템

    0
    2
  • 블록체인 기반 게임 포탈: 지갑 연동부터 토큰 스테이킹까지 완벽 구현

    1
    8
  • 반려견 유치원/호텔 운영 프로그램 (구글시트에서 전용 프로그램으로)

    0
    2
  • Gemini AI 기반 스타벅스 맞춤 음료 추천 웹서비스 개발

    0
    1
  • 웨일가드 - AI 온라인 평판 모니터링 SaaS 개발

    0
    2