코무라소프트가 디지털청 디자인 시스템으로 홈페이지를 만드는 이유 ── 저가와 품질은 양립할 수 있다

홈페이지 제작 견적에서 큰 비중을 차지하는 것이 디자인 제작 공정입니다. 코무라소프트는 이 공정을, 디지털청이 공개하고 있는 디자인 시스템을 기반으로 삼아 대폭 압축함으로써, 비용을 억제하면서도 품질을 안정시키는 방식을 채택하고 있습니다.

‘저렴한 홈페이지 제작’이라는 말을 들으면, 많은 사람은 어딘가에서 품질을 희생하고 있는 것은 아닌지 생각합니다. 실제로 가격을 낮추기 위해 인터뷰(히어링)를 생략하거나, 템플릿에 문구만 채워 넣는 제작 방식은 무슨 일을 하는 회사인지 전달되지 않는 사이트를 만들기 쉽습니다.

코무라소프트의 홈페이지 제작이 가격을 낮출 수 있는 이유는 그 부분이 아니라 디자인 공정의 표준화 덕분입니다. 이 글에서는 그 기반이 되는 디지털청 디자인 시스템이란 무엇인지, 왜 저렴해지는지, 왜 품질이 떨어지지 않는지, 그리고 어떤 프로젝트에는 맞지 않는지를 순서대로 설명합니다.

1. 디지털청 디자인 시스템이란 무엇인가

디지털청 디자인 시스템은 디지털청이 공개하고 있는, 행정 서비스 웹사이트·앱을 위한 디자인 표준 사양입니다. 대략적으로 말하면, 다음과 같은 것들이 체계적으로 정의되어 있습니다.

중요한 것은, 이것이 오픈 라이선스로 일반에 공개되어 있어 민간 사이트에서도 이용할 수 있다는 점입니다. 행정 절차 사이트는 나이·환경·IT 숙련도와 관계없이 누구나 사용할 수 있어야 하기 때문에, 대비(contrast)나 글자 크기, 조작 편의성이 검증된 상태로 설계되어 있습니다. 그 축적된 결과를 민간 회사 사이트에서도 그대로 기반으로 삼을 수 있습니다.

다만 이용한다고 해서 디지털청의 인증이나 승인이 주어지는 것은 아닙니다. 당사도 ‘디지털청 공인’이 아니라, 공개된 표준 사양을 민간용으로 응용하고 있다는 입장입니다.

2. 왜 저렴해지는가 ── 견적에서 디자인 공정이 사라진다

일반적인 홈페이지 제작 견적에는 디자인 관련 항목이 상당한 비중을 차지합니다. 메인 페이지 디자인 시안, 하위 페이지 디자인, 수정 라운드. 중소기업 홈페이지 제작 비용 시세에서도 정리했듯이, 디자인을 처음부터 새로 만드는 경우 이 공정만으로도 수십만 엔 규모가 되는 일이 드물지 않습니다.

디자인 시스템을 기반으로 하면 이 구도가 바뀝니다.

• 배색·글자 크기·여백·버튼 등의 기준이 처음부터 정해져 있다
• ‘디자인 안을 여러 개 제시해서 고르고 수정하는’ 라운드가 원칙적으로 필요 없어진다
• 디자이너의 감각에 의존하는 판단이 줄어들어, 재작업이 일어나기 어렵다

즉, 할인을 해서 저렴한 것이 아니라, 공정 자체가 줄어들기 때문에 저렴하게 할 수 있는 것입니다. 절약된 공수는 본래 효과에 직결되는 부분 ── 무슨 일을 하는 회사인지 전달되는 구성 만들기, 문장, 문의 유도 설계 ── 에 투입합니다. 전달되지 않는 사이트의 원인은 대부분 디자인이 아니라 구성에 있으며, 이는 문의가 오지 않는 사이트에서 먼저 고쳐야 할 세 곳에서도 다룬 내용입니다.

3. 왜 품질이 떨어지지 않는가 ── 오히려 안정된다

‘디자인을 생략하면 품질이 떨어진다’는 직감은, 처음부터 새로 만드는 디자인을 전제로 한 것입니다. 표준화된 디자인 시스템을 사용하는 경우에는 이야기가 반대가 됩니다.

첫째, 접근성입니다. 디지털청 디자인 시스템의 부품은 색상 대비, 글자 크기, 포커스 표시 방식, 터치 조작 편의성 같은 부분을 고려해 설계되어 있습니다. 개별 프로젝트의 디자인에서 이 수준을 매번 보장하려고 하면, 그 자체에 검증 공수가 듭니다. 검증을 거친 부품을 사용하는 쪽이 결과적으로 품질이 안정됩니다.

둘째, 실제 운영 실적입니다. 행정 서비스는 스마트폰에 익숙하지 않은 사람부터 전문가까지, 매우 폭넓은 이용자가 실제로 사용하는 상황에서 운영되고 있습니다. 그곳에서 쓰이는 설계 규칙은 ‘겉모습이 새로운가’가 아니라 ‘누구나 헤매지 않고 사용할 수 있는가’로 다져진 것입니다. 회사 사이트를 찾는 예비 고객에게도 중요한 것은 바로 그 성질입니다.

셋째, 일관성입니다. 페이지마다 버튼의 모양이나 제목 규칙이 흔들리는 사이트는 그것만으로도 읽기 어려워집니다. 디자인 시스템을 따르면, 나중에 페이지를 추가하더라도 구조와 톤이 무너지지 않습니다.

본 사이트 자체도 이 디자인 시스템을 기반으로 구축되어 있습니다. 또한 제작 사례인 도즈 캐리 서비스 사이트 리뉴얼도 같은 방침으로 구축했습니다. 리뉴얼을 진행한 방식 자체는 사례 기사에 자세히 정리해 두었습니다.

4. 표준화해도 ‘같은 모습’이 되지는 않는다

자주 나오는 걱정은 ‘표준 디자인이면 다른 회사와 같은 모습이 되지 않을까’라는 것입니다.

표준화되는 것은 배색 기준, 글자 크기 체계, 부품 설계 규칙 같은 기반 부분입니다. 사이트의 인상을 실제로 결정하는 것은 로고, 사진, 캐치카피, 페이지 구성, 문장의 톤이며, 이 부분은 사이트마다 처음부터 새로 만듭니다. 기반이 갖춰져 있는 것과 개성이 없는 것은 서로 다른 이야기입니다.

한편, 솔직하게 말씀드려야 할 부분도 있습니다. 브랜드 표현으로서 정교하고 독창적인 비주얼이나 애니메이션이 필요한 프로젝트에는, 이 방식이 맞지 않습니다. 예를 들어 세계관 연출이 가치의 핵심이 되는 브랜드 사이트나 캠페인 사이트가 그에 해당합니다. 그런 프로젝트에서는 디자인에 제대로 투자해 전문 디자인 회사에 의뢰하는 쪽이 더 좋은 결과를 냅니다. 당사에 상담을 주셨을 때 그런 요구가 중심이라는 것을 알게 되면, 처음 시점에 솔직하게 그렇게 말씀드립니다.

5. 정리

• 홈페이지 제작 비용 중에서 처음부터 새로 만드는 디자인 제작이 큰 비중을 차지한다
• 코무라소프트는 디지털청이 공개하고 있는 디자인 시스템을 기반으로 삼아, 이 공정을 대폭 압축하고 있다
• 저렴해지는 이유는 할인이 아니라 공정이 줄어드는 것. 절약된 공수는 구성·문장·유도 설계에 투입한다
• 접근성을 고려해 설계되었고 행정 서비스에서 실제 운영되고 있는 표준 부품을 사용하기 때문에, 품질은 오히려 안정된다
• 로고·사진·문장은 사이트마다 새로 만들기 때문에 같은 모습이 되지 않는다. 다만 정교한 독창적 비주얼이 필요한 프로젝트에는 맞지 않는다

비용을 억제하면서도 전달되는 구성의 사이트를 만들고 싶다면, 홈페이지 제작 페이지에서 진행 방식과 가격을 확인할 수 있습니다. 현재 사이트의 URL을 함께 보내 문의해 주시면, 무엇부터 고치면 효과가 나기 쉬운지 정리해서 답변드립니다.

관련 글

• 중소기업 홈페이지 제작 비용 ── 시세 한눈에 보기와 견적서 읽는 법
• 사이트 리뉴얼 사례: 미야자키의 운송회사 도즈 캐리 서비스
• 문의가 오지 않는 사이트에서, 먼저 고쳐야 할 세 곳
• 홈페이지 제작

관련 기사

같은 태그를 공유하는 최신 기사입니다. 더 가까운 주제로 지식을 넓힐 수 있습니다.

관련 토픽

이 기사와 가까운 토픽 페이지입니다. 기사를 출발점 삼아 관련 서비스와 다른 기사로 이어집니다.

자주 묻는 질문

이 기사 주제에 대해 상담 시 자주 나오는 질문을 모았습니다.

디지털청 디자인 시스템을 민간 회사 사이트에 사용해도 되나요?

네. 디지털청 디자인 시스템은 디지털청이 오픈 라이선스로 일반에 공개하고 있어, 행정기관 이외의 사이트에서도 이용할 수 있습니다. 다만 이용한다고 해서 디지털청의 인증이나 승인이 부여되는 것은 아닙니다. 당사도 공개된 디자인 시스템을 민간 사이트용으로 응용하고 있는 입장입니다.

표준 디자인을 쓰면 다른 회사 사이트와 같은 모습이 되지 않나요?

배색·여백·부품의 설계 규칙만 공통이 될 뿐, 로고, 사진, 캐치카피, 페이지 구성은 사이트마다 새로 만듭니다. 실제 인상을 결정하는 것은 주로 이 부분이므로, 표준화하더라도 '어디선가 본 것 같은 사이트'가 되지는 않습니다. 오히려 버튼의 누르기 쉬움이나 글자의 읽기 쉬움처럼, 갖춰져야 할 부분이 갖춰지는 것이 표준화의 효과입니다.

저자 프로필

기사 저자의 프로필 페이지입니다.

Go Komura

합동회사 코무라소프트 대표

Windows 소프트웨어 개발, 기술 상담, 장애 조사를 중심으로 재현이 어려운 장애 조사와 기존 자산이 남아 있는 프로젝트에 강점이 있습니다.