레트로 인형 뽑기 콘셉트의 자기소개 포트폴리오 웹페이지 UI

Original prompt

[Purpose]
인형 뽑기 게임의 유쾌한 경험을 개인 브랜딩에 결합한 데스크톱 자기소개 포트폴리오 웹페이지 UI 목업을 만든다.

[Scene]
밝고 경쾌한 디지털 스튜디오 공간에 정면으로 놓인 대형 인형 뽑기 기계를 하나의 웹사이트 인터페이스처럼 디자인한다. 투명한 유리 진열장 안에는 `{캐릭터모티프}`에서 착안한 여러 개의 봉제 인형과 프로젝트 캡슐이 가지런하면서도 자연스럽게 쌓여 있고, 상단 간판에는 개인 브랜드 정보가 선명하게 표시된다. 기계 하단의 조작 패널, 조이스틱, 발광 버튼, 상품 배출구를 실제 포트폴리오 탐색 메뉴로 활용한다. 배경은 복잡한 오락실이 아니라 여백이 충분한 크림색 웹 캔버스로 정리하고, 작은 별, 반짝임, 티켓, 코인 아이콘을 제한적으로 배치한다. 전체 포인트 컬러는 `{포인트컬러}`를 중심으로 하되 흰색, 크림색, 짙은 차콜을 함께 사용해 장난감 같은 분위기와 전문적인 가독성을 동시에 유지한다.

[Main Subject]
메인 피사체는 화면 중앙을 크게 차지하는 레트로 아케이드형 인형 뽑기 기계다. 기계는 둥근 모서리와 매끈한 도장 금속 프레임, 투명하고 깨끗한 유리, 은은한 내부 LED, 입체적인 크롬 집게를 갖는다. 유리 안의 봉제 인형들은 `{캐릭터모티프}`의 특징을 서로 다른 표정과 포즈로 변주하며, 부드러운 벨벳과 짧은 퍼의 결이 보이도록 표현한다. 일부 인형은 작은 태그나 캡슐을 들고 있어 프로젝트 콘텐츠를 상징하지만 불필요한 글자를 과도하게 붙이지 않는다. 중앙의 집게는 대표 캡슐 하나를 막 집어 올리려는 순간으로 고정하고, 그 캡슐에는 `{대표프로젝트}`를 읽기 쉽게 표시한다. 기계 상단 브랜드 패널에는 `{이름}`과 `{직무}`를 배치하며, 유리창 한쪽에는 `{한줄소개}`가 짧은 소개 카드처럼 나타난다. 하단 조작부에는 실제 게임기처럼 보이는 조이스틱과 큰 원형 버튼을 두고, 각각 웹사이트의 소개 및 프로젝트 탐색 기능을 암시한다. 상품 배출구 주변에는 연락 버튼을 배치해 자기소개 페이지의 정보 흐름이 자연스럽게 완성되도록 한다. 기계와 캐릭터는 귀엽지만 지나치게 유아적이지 않으며, 창작자·디자이너·개발자의 전문 포트폴리오로 사용할 수 있는 세련된 완성도를 갖춘다.

[Style]
고급 3D 토이 렌더링과 실제 서비스용 웹 UI 디자인을 결합한 스타일로 표현한다. Y2K 아케이드 감성, 미니멀한 SaaS 랜딩페이지, 소프트 클레이 렌더, 정교한 제품 시각화의 특징을 균형 있게 섞는다. 프레임의 도장면, 투명 유리, 크롬 집게, 봉제 인형의 섬유처럼 소재별 질감을 명확하게 구분한다. UI는 실제로 구현 가능한 카드, 버튼, 내비게이션 구조를 사용하고, 과도한 장식이나 비현실적인 홀로그램 효과는 피한다. 둥근 산세리프 타이포그래피와 굵기 차이가 분명한 정보 위계를 적용하며, 깔끔한 상업용 3D 광고 이미지 수준으로 마감한다.

[Composition]
가로 3:2 비율의 데스크톱 웹페이지 전체 화면을 정면 시점으로 보여준다. 상단에는 작은 로고 영역과 `ABOUT`, `PROJECTS`, `CONTACT` 내비게이션을 한 줄로 배치하고, 중앙 히어로 영역에는 인형 뽑기 기계를 화면 높이의 약 75%로 크게 놓는다. 기계 왼쪽에는 이름과 직무, 한 줄 소개를 정렬하고 오른쪽 또는 하단에는 프로젝트 캡슐을 선택하는 작은 카드 패널을 배치한다. 집게, 대표 프로젝트 캡슐, 조작 버튼이 대각선 시선 흐름을 만들게 하며, 가장 먼저 이름을 읽고 다음으로 집게와 프로젝트, 마지막으로 연락 버튼을 보도록 정보 우선순위를 정한다. 브라우저 프레임이나 플랫폼 게시물 UI는 넣지 않고 완성된 웹사이트 화면 자체만 제시한다. 가장자리에는 충분한 안전 여백을 확보하고 주요 텍스트와 버튼이 잘리지 않게 한다.

[Lighting]
크림색 배경을 부드럽게 밝히는 확산형 스튜디오 조명을 기본으로 사용한다. 인형 뽑기 기계 내부에는 `{포인트컬러}` 계열의 은은한 LED를 넣어 봉제 인형과 캡슐을 밝히고, 외부 광원과 분리된 깊이감을 만든다. 유리에는 얇고 정돈된 세로 반사광만 남기며 내부 피사체를 가리는 강한 눈부심은 피한다. 크롬 집게와 조이스틱에는 선명한 작은 하이라이트를, 봉제 인형에는 부드럽고 넓은 빛을 적용한다. 기계 아래에는 자연스러운 접촉 그림자를 만들고 버튼에는 미세한 발광과 반사를 더하되 네온이 화면 전체를 물들이지 않게 한다.

[Text]
이미지 안의 핵심 문구를 정확하고 읽기 쉬운 한국어로 렌더한다. 상단 브랜드명은 "{이름}", 직무 표기는 "{직무}", 소개 문장은 "{한줄소개}"로 쓴다. 대표 캡슐에는 "{대표프로젝트}"를 표시한다. 주요 버튼은 "프로젝트 뽑기", "소개 보기", "연락하기"로 표기하고 연락 영역에는 "{연락처}"를 넣는다. 상단 내비게이션의 짧은 영문은 `ABOUT`, `PROJECTS`, `CONTACT`만 사용한다. 이외의 작은 장식에는 읽을 수 없는 임의 문구나 더미 텍스트를 넣지 않는다.

[Constraints]
- 인형 뽑기 기계를 중심으로 한 자기소개 웹페이지, 정면 데스크톱 구도, 집게가 대표 프로젝트 캡슐을 고르는 순간, 봉제 캐릭터 컬렉션, 조작부를 활용한 내비게이션이라는 핵심 구조를 유지한다.
- `{이름}`, `{직무}`, `{한줄소개}`, `{대표프로젝트}`, `{연락처}`는 서로 겹치거나 잘리지 않게 렌더하고 철자를 임의로 바꾸지 않는다.
- 실제 브랜드 로고, Threads 인터페이스, 게시 날짜, 계정명, 좋아요·댓글·조회 수, 워터마크, 브라우저 주소창은 포함하지 않는다.
- 유리 내부가 불투명해지거나 반사로 인형이 가려지는 현상, 왜곡된 집게 구조, 녹아내린 버튼, 비대칭 조이스틱, 서로 융합된 인형과 캡슐을 피한다.
- 저해상도, 흐릿한 텍스트, 무질서한 정보 배치, 과도한 네온, 탁한 색, 지나친 렌즈 왜곡, 비현실적인 원근, 화면 밖으로 잘린 기계를 금지한다.
- 귀여운 게임 콘셉트는 유지하되 어린이용 광고처럼 보이지 않도록 전문적인 웹 UI의 정렬, 여백, 타이포그래피 위계를 지킨다.