Situation

브레인벤처스는 Transpace를 새롭게 론칭하면서, 영상에 자막을 번역해주는 기능을 핵심으로 내세우고자 했습니다. 하지만 자막 생성 → 번역 → 싱크 조정 등의 여러 단계가 한 화면 안에 존재하다 보니 UX가 복잡해졌습니다. 특히 여러 옵션과 설정이 동시에 노출되면 사용자의 혼란이 커질 가능성이 높았고, 이를 어떻게 정리하고 배치할지가 도전 과제였습니다. 메이드잇투게더는 이러한 복잡한 흐름을 단계별로 나누고, 인터페이스의 우선순위를 명확히 정리하여 사용자 시선이 자연스럽게 이어지도록 디자인 방향을 잡았습니다. 또한 시각적 계층 구조와 명확한 피드백을 통해 사용자가 어느 단계에 있는지 쉽게 인지할 수 있도록 설계했습니다.

Result

완성된 디자인은 라이트 모드와 다크 모드 모두에 대응하는 통일된 디자인 시스템을 구축하여, 시각적 일관성과 유연성을 확보했습니다. 단계별 UI 흐름 설계로 사용자 경험이 자연스럽게 이어지도록 구성되었고, 옵션이 많더라도 복잡해 보이지 않도록 정보 구조를 정돈했습니다. 더 나아가 기능 확장을 고려한 컴포넌트 기반 설계를 적용하여, 이후 추가 기능이나 업데이트가 필요할 때에도 효율적으로 대응할 수 있는 토대를 마련했습니다. 이러한 디자인 성과와 서비스 콘셉트는 브레인벤처스가 시드 투자 유치 과정에서 긍정적인 인상을 남기는 데 기여했습니다.

Situation

브레인벤처스는 Transpace를 새롭게 론칭하면서, 영상에 자막을 번역해주는 기능을 핵심으로 내세우고자 했습니다. 하지만 자막 생성 → 번역 → 싱크 조정 등의 여러 단계가 한 화면 안에 존재하다 보니 UX가 복잡해졌습니다. 특히 여러 옵션과 설정이 동시에 노출되면 사용자의 혼란이 커질 가능성이 높았고, 이를 어떻게 정리하고 배치할지가 도전 과제였습니다. 메이드잇투게더는 이러한 복잡한 흐름을 단계별로 나누고, 인터페이스의 우선순위를 명확히 정리하여 사용자 시선이 자연스럽게 이어지도록 디자인 방향을 잡았습니다. 또한 시각적 계층 구조와 명확한 피드백을 통해 사용자가 어느 단계에 있는지 쉽게 인지할 수 있도록 설계했습니다.

Result

완성된 디자인은 라이트 모드와 다크 모드 모두에 대응하는 통일된 디자인 시스템을 구축하여, 시각적 일관성과 유연성을 확보했습니다. 단계별 UI 흐름 설계로 사용자 경험이 자연스럽게 이어지도록 구성되었고, 옵션이 많더라도 복잡해 보이지 않도록 정보 구조를 정돈했습니다. 더 나아가 기능 확장을 고려한 컴포넌트 기반 설계를 적용하여, 이후 추가 기능이나 업데이트가 필요할 때에도 효율적으로 대응할 수 있는 토대를 마련했습니다. 이러한 디자인 성과와 서비스 콘셉트는 브레인벤처스가 시드 투자 유치 과정에서 긍정적인 인상을 남기는 데 기여했습니다.