Product · App
심리상담 앱 · 키오스크
기기 목업의 3D 프린팅·도색부터 내부 앱 디자인·개발, LG 스탠바이미용 앱과 실작동 테스트까지.
제품 디자인 방향
심리상담 경험을 화면과 실물 기기로 구현한 프로젝트입니다. 태블릿을 장착하는 기기 목업을 모델링하고 3D 프린팅과 도색으로 제작했습니다. 기기 안에서 사용하는 앱의 UI와 동작을 개발하고, LG 스탠바이미 환경에서도 사용할 수 있도록 앱을 구현해 실기기에서 테스트했습니다.
자신을 설명하는 단어를 고르는 입력, 성향을 비교하는 결과, 유형별 캐릭터와 상세 리포트로 이어지는 화면을 다뤘습니다. 아래에는 기기의 형태 검토부터 제작 과정, 앱 디자인과 실제 터치 테스트까지 순서대로 담았습니다.
화면을 받치는 기기 형태
전면에서는 기울어진 화면과 낮은 받침대의 비례를, 후면에서는 태블릿과 지지대의 연결부를 확인합니다. 같은 기기의 앞뒤를 보여주는 설계 렌더링입니다.
제공받은 기기 설계 렌더링 · 전면 / 후면
받침대 도색과 조립 목업
받침대 표면을 도색하는 장면과 태블릿을 장착한 목업의 후면입니다. 설계 렌더링에서 보았던 연결부와 둥근 외형을 실물로 확인합니다.
실제 제작 사진 기반 · AI로 배경과 구도 정리
실제 태블릿의 단어 선택 화면
세로로 세운 태블릿에 성향 단어를 여러 줄로 배치했습니다. 선택한 항목의 색이 달라져 입력 상태를 구분할 수 있습니다.
조립한 실제 기기에서 실행한 앱 화면
네 축의 결과를 비교하기
R·E·A·D 막대를 왼쪽에, 유형 이름과 설명을 오른쪽에 두었습니다. 민트색 버튼에서 자세한 리포트로 이동하는 구성을 보여줍니다.
제공받은 앱 UI 원본 · 결과 화면
계열별로 묶은 16개 유형
보라·초록·빨강·파랑의 네 줄에 유형 카드를 네 장씩 정리했습니다. 각 카드의 이름과 캐릭터를 비교하며 같은 계열과 다른 계열을 구분합니다.
제공받은 앱 UI 원본 · 16개 유형 카드
LG 스탠바이미에서 결과 터치
실제 기기에서 네 축의 결과를 손으로 조작하는 테스트 장면입니다. 가로 화면에 축별 높이와 영문 강도 표시를 크게 배치했습니다.
실작동 테스트 영상에서 추출한 원본 장면
네 가지 기질 카드를 선택하기
우주 배경 위에 색이 다른 네 기질 카드를 나란히 놓았습니다. 실제 LG 스탠바이미에서 카드를 터치하는 장면으로, 앞의 결과 그래프와 다른 선택 화면을 보여줍니다.
실작동 테스트 영상에서 추출한 원본 장면
기획과 제작 과정
- 01
기기 설계
전면·후면 형태와 거치 구조를 검토합니다.
- 02
목업 제작
3D 프린팅 부품을 도색하고 조립합니다.
- 03
앱 구현
입력·결과·리포트 UI와 화면 동작을 개발합니다.
- 04
실기기 테스트
태블릿과 LG 스탠바이미에서 직접 조작합니다.
개발 구조 자세히 보기
하드웨어와 화면을 함께 구현
태블릿을 담는 기기 형태의 설계·3D 프린팅·도색과 내부 앱의 UI·개발을 한 프로젝트에서 다뤘습니다.
입력·결과·리포트의 화면 흐름
단어 선택과 선택 상태 표시, 성향 그래프, 유형별 캐릭터와 상세 설명으로 이어지는 앱 화면을 구성했습니다.
서로 다른 기기에서의 동작 확인
조립한 태블릿 목업과 LG 스탠바이미에서 앱을 실행하고 터치·스크롤·화면 전환을 테스트했습니다.