GYEOL 브랜드 비주얼 콘텐츠 제작 및 참여형 인터랙션 웹 구현

Design wearable finger products that respond to different sensations of itching, such as brushing, stinging, burning, and dryness. Explore rounded forms, translucent resin materials, and safe tactile surfaces for direct contact with the skin.

Macro editorial photograph of a hand scratching bare skin with a translucent pale pink resin fingertip wearable, smooth rounded tactile ridges, realistic skin texture, soft natural lighting, shallow depth of field, minimal skincare campaign aesthetic, photorealistic.

Create a 5-second premium studio product commercial using the uploaded product as reference. Preserve the exact product design, material, texture, and proportions. Use smooth cinematic camera movements, close-ups, side angles, and subtle orbital shots. Add soft key lighting, rim light, glossy highlights, and controlled shadows. Keep the overall mood minimal, elegant, and luxurious.

Design an interactive web experience for a 27-inch iMac exhibition with no scrolling. The flow should be START → NICKNAME → SURVEY → RESULT → TRY IT ON → CAPTURE → ARCHIVE. Keep all screens within a single viewport. Use SUIT SemiBold for the main Korean and English typography, and SUIT Medium for the nickname placeholder and survey descriptions. Create a simple survey interface where users can intuitively express their itching sensation, then recommend one of four GYEOL products based on the result. Keep the overall interface minimal and consistent with the existing GYEOL visual identity.

Implement the GYEOL interactive web in React and Vite while preserving the existing design and functions. Use MediaPipe HandLandmarker to track both hands and place the 3D ring models — fidget2.glb, spot2.glb, glide2.glb, and vent2.glb — on the user’s fingers in real time. Keep the original GLB materials. Adjust the position, rotation, scale, and hand coordinates in detail so the rings do not float above the fingers and look naturally worn on both the left and right hands. The rings should follow the finger direction and movement smoothly. Preserve the TRY IT ON, CAPTURE, and ARCHIVE functions without changing unrelated parts of the interface.