.
AI Agent의 확장을 위한 새로운 UI/UX 표준을 만들다?
펜타브리드가 SKAX의 AI Agent UI/UX 구축 프로젝트 파트너로 함께하였습니다. 이번 프로젝트는 SK그룹 내 다양하게 확장되고 있는 AI Agent 서비스의 일관된 사용자 경험을 위해 통합 UI/UX 가이드와 패밀리룩 기반의 컴포넌트 시스템 구축을 중심으로 진행하였습니다.
또한 기획부터 디자인, 프론트엔드와 백엔드 개발까지 전 과정에 AI를 활용할 수 있는 새로운 작업 파이프라인을 구축하여, 빠른 실행과 품질을 동시에 확보하고자 했습니다.
1.다양한 AI Agent를 하나의 경험으로 연결하는 UI/UX 가이드
SK그룹 내 AI Agent 서비스가 다양해지면서 플랫폼과 서비스별로 서로 다른 UI/UX가 적용되는 문제가 발생할 수 있습니다. 이에 각 Agent의 개별적인 특성은 유지하면서도, 사용자가 일관된 경험을 느낄 수 있도록 AI 플랫폼 전반을 아우르는 통합 UI/UX 가이드를 구축했습니다. 서비스의 구조와 사용 맥락을 고려해 주요 UI 요소와 인터랙션을 체계화하고, 다양한 환경에서 일관되게 적용할 수 있는 기준을 마련했습니다. 이를 통해 각각의 AI Agent가 독립적인 서비스에 머무르지 않고 하나의 AI 생태계 안에서 연결될 수 있도록 사용자 경험의 기반을 마련했습니다.
?2.AI 플랫폼의 확장을 고려한 패밀리룩 컴포넌트 시스템
이번 프로젝트에서는 SKAX 고객사의 에이전트 플랫폼을 중심으로 AI 플랫폼의 패밀리룩을 형성하는 컴포넌트 시스템을 구축했습니다. 공통적으로 사용되는 UI 요소를 체계적으로 정의하고, 플랫폼별 특성과 서비스 목적에 따라 유연하게 확장할 수 있도록 설계했습니다. 특히 하나의 플랫폼을 위한 일회성 디자인이 아닌, 향후 다양한 AI Agent와 플랫폼에 지속적으로 적용할 수 있는 확장 가능한 디자인 시스템을 지향했습니다. 현재도 여러 플랫폼으로 적용 범위를 넓혀가며 AI 서비스 전반의 일관성과 구축 효율을 높여가고 있습니다.
3.AI와 함께 설계하는 새로운 프로젝트 워크플로우
이번 프로젝트의 또 하나의 핵심은 결과물뿐만 아니라 만드는 방식 자체를 새롭게 설계했다는 점입니다. 기획, 디자인, 프론트엔드 개발, 백엔드 개발 등 기존에 분리되어 있던 작업 영역을 AI를 중심으로 연결하고, 각 단계의 산출물이 다음 단계로 빠르게 이어질 수 있는 작업 파이프라인을 구성했습니다. 초기에는 직무와 공정의 경계가 허물어지는 새로운 방식에 적응하는 과정에서 여러 시행착오도 있었지만, AI를 활용하면서도 결과물의 품질을 유지할 수 있는 업무 방식을 지속적으로 고도화했습니다. 이를 통해 짧은 기간 안에 높은 수준의 구축 성과를 만들어내는 동시에, 향후 프로젝트의 생산성과 퍼포먼스를 더욱 높일 수 있는 기반을 마련했습니다.
AI Agent의 수가 늘어날수록, 일관된 경험의 가치는 더욱 커집니다.
이번 SKAX AI Agent UI/UX 구축은 하나의 서비스를 위한 UI/UX를 만드는 것을 넘어, 빠르게 확장되는 AI 서비스 생태계를 위한 경험의 기준을 만드는 프로젝트였습니다. 패밀리룩 기반의 컴포넌트와 가이드를 통해 다양한 AI 플랫폼에 일관된 경험을 제공하고, AI 기반의 새로운 업무 파이프라인을 통해 구축 방식 또한 지속적으로 발전시키고 있습니다. 앞으로도 변화하는 AI 환경에 유연하게 대응하며, 더 빠르고 높은 완성도의 AI 서비스 구축을 위한 새로운 UI/UX 방법론과 제작 체계를 만들어갈 예정입니다.
곽정연 리더 / PM
이번 프로젝트는 기존과는 조금 다른 방식으로 진행되어 초반에는 어려움도 많았던 것 같습니다. 기획부터 디자인, 개발까지 AI를 활용해 새로운 워크플로우를 만들어가는 과정에서 시행착오도 있었지만, 팀원들과 하나씩 맞춰가며 좋은 결과를 만들어낼 수 있었습니다. 짧은 기간 동안 함께 고생해주신 모든 분들께 감사드립니다. 앞으로 이번 경험이 더 좋은 프로젝트로 이어지길 기대합니다. 모두 수고 많으셨어요!