'스튜디오 에디터' 공개…전문 제작자가 의도한 디자인을 반응형 화면에 그대로 구현하고 작업 효율 향상
스퀘어스가 웹사이트 제작 플랫폼 큐샵의 신규 편집 도구 '스튜디오 에디터'를 공개했다. 초보자도 쉽게 사이트를 구성할 수 있는 경험에 초점을 맞췄던 기존 클래식 에디터에 이어, 전문 제작자가 의도한 디자인을 반응형 화면에 그대로 구현하고 작업 효율까지 높일 수 있는 새로운 제작 환경을 추가했다는 설명이다.
클래식 에디터는 그리드 기반으로 프레젠테이션을 만들듯 빠르게 사이트를 구성하는 방식이며, AI 홈페이지 생성 기능을 함께 제공해 왔다. 신규 출시한 스튜디오 에디터를 사용하면 반응형 화면에서도 의도한 디자인을 더 정밀하게 구현할 수 있다. 화면 요소의 크기, 간격, 정렬, 배치 위치를 픽셀 단위로 조정할 수 있는 스택 구조를 지원하기 때문이다. 또한 폰트와 색상 값을 한 번 지정해 두면 페이지 전체에서 같은 값을 골라 쓸 수 있어, 디자인이 제각각으로 흩어지지 않고 일관성을 유지할 수 있다. 전문 제작자는 반복적인 배치 작업에서 벗어나 디자인 완성도를 높이는 데 더 집중할 수 있다.
업체 측에 따르면, AI를 활용할 수 있는 범위도 더 넓어졌다. 사이트 전체를 새로 만들지 않고도 필요한 영역만 골라 AI로 다시 구성하거나 수정할 수 있어, 제작과 수정 과정에 드는 시간과 리소스를 줄일 수 있다. 기존 클래식 에디터에서 제공하던 AI 홈페이지 생성, AI 이미지 생성, AI 텍스트 생성에 더해, 스튜디오 에디터에서는 섹션·페이지 단위로도 AI 생성을 활용할 수 있기 때문이다.
스튜디오 에디터는 동일 계정으로 운영하는 여러 페이지와 사이트에 걸친 운영 효율도 높여준다. 반복적으로 쓰이는 디자인을 저장해 재사용하는 '컴포넌트' 기능을 통해, 사이트마다 일일이 수정하던 반복 요소를 한 번에 처리할 수 있다는 것이다. 사용자가 스택 블록으로 만든 배너, 소개 카드, 버튼 묶음, 공통 안내 영역 등을 저장해 여러 페이지에서 다시 사용할 수 있으며, 원본인 '마스터 컴포넌트'를 수정하면 연결된 모든 '인스턴스 컴포넌트'에 변경 내용이 자동으로 반영되는 구조다. 브랜드와 마케팅 담당자도 이렇게 저장된 컴포넌트 안에서 문구와 이미지, 프로모션 영역만 직접 수정해 캠페인과 상품 출시에 빠르게 대응할 수 있다.
버튼과 이미지에 내부·외부 페이지 이동뿐 아니라 전화, 문자, 이메일 연결 기능을 설정할 수 있는 것은 기존과 동일하다. 스튜디오 에디터에서는 이런 요소들을 보다 정교하게 배치하고 디자인할 수 있어, 제품 소개와 이벤트, 상담 신청 랜딩페이지 등 방문자의 행동을 유도하는 화면의 완성도를 한층 높일 수 있다고 업체 측은 전했다.
스튜디오 에디터는 웹 제작 대행사와 디자이너, 자체 사이트를 운영하는 브랜드와 마케팅 조직 등 전문 제작자를 대상으로 한다. 큐샵은 초보자를 위한 클래식 에디터와 전문가를 위한 정밀 디자인·운영 효율을 지원하는 스튜디오 에디터를 함께 제공하며 제작 환경의 폭을 넓혔다는 설명이다.
<저작권자(c)스마트앤컴퍼니. 무단전재-재배포금지>
