‘구름 UX Writing 가이드라인 1.0 제작기’ 먼저 보기 >

UX 라이팅 가이드가 할 수 있는 것

UX 라이팅 가이드는 표준화된 기준을 만들었다는 점에서 큰 의미를 가집니다. 구름의 모든 구성원이 제품 내 텍스트 작성 시 가이드라인을 참고할 수 있게 되었고, 적절한 UX 라이팅의 판단 기준도 갖추게 되었습니다. 현재 7명의 프로덕트 디자이너가 이 기준에 따라 각자 담당 제품의 라이팅을 관리 하고 있으며, UX 라이팅 가이드 도입으로 구름의 전 제품이 이전 대비 훨씬 더 일관된 경험을 제공할 수 있게 되었습니다.

UX 라이팅 가이드가 할 수 없는 것

가이드 도입으로 표준화된 기준이 마련되었지만 실제 적용 과정에서 새로운 한계점들이 발견되었습니다.

문제 2. 가이드를 해석하고 반영하기까지 시간 소모가 상당하다.
새로운 기능이나 화면을 설계할 때마다 가이드라인을 일일이 확인해야 한다면 적용하는 과정에서 많은 시간이 소요됩니다. 특히 여러 페이지의 텍스트를 동시에 작성할 때는 모든 내용을 가이드라인과 대조하며 검토해야 해서 업무 효율성이 떨어졌습니다.

문서가 해결하지 못한 문제, AI 자동화로 해결하기

발생되는 문제를 해결하기 위해 PX팀 내부 TF팀을 구성했습니다. TF팀은 가이드라인 개선을 넘어 시스템적 해결책이 필요하다고 판단했고, 특히 디자이너들의 실제 작업 과정에서 발생하는 어려움에 초점을 맞췄습니다.

가이드라인 버전 업그레이드

언제나 완벽한 가이드는 존재할 수 없습니다. UX 라이팅 가이드 1.0 적용 과정에서 발견된 개선점들을 반영하여 2.0 버전을 준비했습니다. 기존에 해석의 여지가 있었던 구름 UX 라이팅 대원칙을 구체화해서 목적과 고려사항을 더 명확하게 제시하였습니다. ‘친절하게 쓰기’는 제품과 사용자 간의 관계 형성에, ‘이해하기 쉽게 쓰기’는 콘텐츠의 전달력에, ‘신뢰할 수 있게 쓰기’는 일관된 보이스톤 유지에 중점을 두어 각 원칙의 목적과 고려사항을 더 명확하게 제시했습니다.

실무 활용성을 높인 컴포넌트별 가이드

2.0에서는 UX 라이팅 가이드를 구름 디자인 시스템의 UI 컴포넌트와 연계했습니다. 피그마의 ‘Component Configuration’에 가이드를 직접 연동하고 컴포넌트별 자주 쓰는 문구를 함께 배치해 디자이너가 작업 중에 즉시 참고할 수 있도록 했습니다. 또한 컴포넌트에서 라이팅 원칙 문서로 바로 이동할 수 있는 링크도 제공하여 원칙이 작업 흐름에 자연스럽게 녹아들 수 있도록 했습니다.

접근성을 개선한 UX 라이팅 가이드 봇 도입

가이드라인의 접근성을 높이기 위해 두 가지 도구를 개발자와 함께 만들었습니다. 먼저 구름의 메신저인 슬랙에 UX 라이팅 가이드를 학습한 봇을 추가했습니다. 봇이 정확한 답변을 제공할 수 있도록 노션에 체계적으로 학습 데이터를 구성했고, 태그 ‘#UX라이팅’만으로도 손쉽게 문구를 추천받을 수 있게 했습니다. 이를 통해 라이팅에 고민하는 시간을 크게 단축할 수 있었습니다.

피그마 플러그인으로 구현한 UX 라이팅 검수 도구

더 나아가 디자인 작업 환경 내에서 직접 문구 검수가 가능한 피그마 플러그인 ‘UX 구르미’를 개발했습니다. 텍스트를 선택하고 컴포넌트와 맥락, 상황을 입력하면 즉시 검수 결과를 받아볼 수 있습니다. 현재 테스트 단계에서 긍정적인 피드백을 받고 있으며 디자이너들의 업무 효율성이 크게 개선될 것으로 기대됩니다.

구름 Product eXperience 팀이
문제를 해결하는 방식

많은 기업이 UX 라이팅 가이드를 만들지만 그 이후의 고민까지 이어가는 경우는 많지 않은 것 같습니다. 구름은 어떤 계기가 있었나요?

All: 저희가 일하는 환경을 고려하면 더 효율적인 UX 라이팅 방법이 필요했습니다. 구름에서 프로덕트 디자이너는 각 제품 팀에 소속되어 있는데요, 일하는 과정에서 효율성 문제가 계속 제기되었죠. 특히 B2B 제품의 경우 고객사 요청이나 긴급 업무가 많아 UXUI 개선에 충분한 시간을 쓰기 어려운 경우도 생기고요. 이러한 상황에서 라이팅 가이드를 일일이 찾아보고 문구를 고민하거나 바쁜 일정 중에 팀 피드백을 받는 과정이 현실적으로 쉽지 않았습니다. 이러한 어려움이 가이드 개선과 시스템 구축의 동기가 되었습니다.

디자이너가 UX 라이팅을 다루며 어려운 상황도 많이 있었을 것 같아요. 스터디도 많이 필요했을 테고요.

디디: 이전 원칙을 제가 제작했다보니 보완할 점을 발견하기 더 어려웠어요. 그래서 이번에는 주디, 오트리와 함께 TF팀을 만들어 함께 문제를 해결하려 했죠. 각자 다른 제품을 담당하며 쌓은 경험을 나누고, 함께 스터디하며 서로 다른 관점에서 피드백을 주고받다 보니 문제를 더 객관적으로 볼 수 있었어요. 이런 협업 과정을 통해 모호했던 원칙을 더 실용적으로 수정할 수 있었죠.

주디: 저희가 라이팅 전문가는 아니다 보니 적절한 표현을 선택하거나 맥락에 맞게 가이드를 적용하는 데 어려움이 있었어요. 이런 어려움을 해결하기 위해서는 단순히 기존 가이드를 따르는 것을 넘어 UX 라이팅에 대한 깊이 있는 학습이 필요했습니다.

오트리: 네, UX 라이팅 원칙을 정립하는 과정에서 ‘이 문구가 적합할까?’, ‘오해의 소지는 없을까?’ 고민이 많았어요. 그래서 국내외 기업의 사례를 연구하고 관련 서적을 함께 읽으며 스터디를 진행했어요. 특히 실제 구름 서비스에 적용해보는 실습을 통해 인사이트를 많이 얻었고, 이는 현재 피그마 Component Configuration의 원칙으로 발전했습니다. 역시 이론도 중요하지만 실제 적용해보니 더 많은 것을 배울 수 있더라고요.

반대로 디자이너가 UX 라이팅을 담당했을 때 장점도 있었을 것 같아요.

디디: 구름 프로덕트 디자이너들은 디자인 시스템을 직접 구축하고 있어서 컴포넌트에 대한 이해도가 높아 유리했어요. 깊은 이해를 바탕으로 각 컴포넌트의 특성과 목적에 맞는 더 적절한 라이팅 가이드를 만들 수 있었어요.

오트리: 맞아요. 구름은 ‘Vapor’라는 잘 정립된 디자인 시스템이 있어서 기본적인 시안 작업이 수월해요. 그만큼 UX 라이팅에 더 집중 할 수 있죠. 특히 프로덕트 디자이너가 시안과 라이팅을 함께 다루게 되면 더 빠르고 다양한 실험이 가능해져요. 예를 들어 저희는 곧 사용자의 글쓰기 참여를 높이기 위해 CTA 버튼 문구를 다양하게 테스트해볼 예정인데요. 이렇게 라이팅이 실제 사용자 행동에 미치는 영향을 직접 확인하고 개선할 수 있다는 게 큰 장점이에요.

주디: 프로덕트 디자이너는 늘 사용자 경험을 생각하는 직군이다 보니 문구를 선택할 때도 사용자 중심 접근이 자연스러워요. UI 요소와 텍스트가 어떻게 상호작용하는지 이해를 바탕으로 시각적 요소와 조화로운 문구를 작성할 수 있죠. 또한 기능의 흐름과 맥락을 고려해 문구를 배치함으로써 더 직관적이고 일관된 경험을 만들 수 있고요.
UX 라이팅을 할 때 사용자가 서비스를 이용하면서 느끼는 감정과 반응까지 고려하며 작성하고 있어요. 이렇게 시각적 요소와 사용자 감정을 아우르는 통합적인 관점으로 라이팅을 할 수 있다는 게 프로덕트 디자이너의 큰 강점이라고 생각합니다.

문제를 해결하는 과정에서 각자가 혹은 팀은 어떤 점을 배우셨나요?

디디: 스터디를 하며 읽은 책에서 본 “글은 전체 서비스의 70%를 차지하는 중요한 UI 요소”라는 구절이 인상 깊었습니다. UX 라이팅 2.0을 개선하면서 프로덕트 디자이너로서 글쓰기에 대한 책임감이 더욱 커졌어요. 또한 제품 팀에서 타 직군과 협업하는 평소와는 다르게 프로덕트 디자이너들과 한 팀이 되어 가이드를 개선하는 과정에서 같은 직군 간 협업 시너지를 체감할 수 있었습니다. 무엇보다 과정 자체가 새롭다보니 즐거운 경험이었죠.

오트리: 이번 작업을 통해 사용자 경험을 더 깊이 고민하게 된 계기가 되었어요. 함께 개선한 UX 라이팅이 저희를 포함한 구름 프로덕트 디자이너분들께 도움이 될거라 생각하니 설레고 즐겁습니다. UX 라이팅은 적은 노력으로도 큰 임펙트를 낼 수 있는 강력한 도구라는 점을 다시 한 번 느끼게 되었어요. 함께 고민한 디디, 주디께 감사드립니다.

주디: 가이드가 참고자료로 머물지 않고 실제 업무에 적용될 수 있도록 개선하는 과정이었는데요, UX 라이팅이 단순한 문구 작성이 아니라 사용자의 경험을 직관적이고 효과적으로 이끌어내는 중요한 과정이라는 점을 크게 깨달았습니다. PX팀 디자이너들과의 협업을 통해 더 나은 해결책을 찾아가는 과정도 값진 경험이었고요. 무엇보다 자동화와 AI를 활용한 문제 해결 방식은 팀의 첫 시도였다는 점에서 의미 있었습니다. 이를 시작으로 앞으로 더 많은 업무 개선이 이뤄질거라 기대합니다.

Text Judy, Didi, Autry Edit Ian Design Lily Photo Damian, Daniel

The post UX 라이팅 가이드, 그 후 이야기 appeared first on 구름 공식 블로그 (goorm blog).

프로덕트 디자이너로 일한다는 것은 단순히 화면을 예쁘게 만드는 것을 넘어, 사용자 경험의 핵심을 고민하며 문제를 정의하고 해결책을 설계하는 과정의 연속입니다. 특히 DEVTH*와 같은 B2B 플랫폼에서는 다양한 사용자 그룹과 복잡한 요구사항 속에서 문제를 발견하고 해결해야 하는 능력이 중요하죠. 구름의 DEVTH 디자이너들이 어떤 접근 방식을 사용해 제품을 개선하는지 그 전반의 과정을 소개합니다. 
_{ⓘ DEVTH는 기업과 학교에서 채용과 평가를 위해 사용하는 B2B 코딩테스트 플랫폼입니다.} 

프로덕트 디자이너의 핵심 역할
문제 정의와 문제 해결 

DEVTH 디자이너에게 가장 중요한 덕목은 ‘사용자 중심 사고’입니다. 단순히 사용자 관점에서 생각하는 것을 넘어, 사용자가 겪는 문제를 깊이 이해하고 이를 해결하기 위한 디자인을 고민합니다. 사용자 중심 사고는 문제 정의 능력과 빠른 실행력으로 이어지며 디자이너가 사용자 경험을 지속적으로 개선하도록 돕습니다. 

사용자 중심 사고의 세 가지 축

• 사용자 중심 사고: 사용자의 실제 경험을 면밀히 관찰하며 문제를 정의하고 이를 해결하기 위한 실질적인 설계 방안을 고민합니다. 제품이 단순히 동작하는 것을 넘어 사용자에게 직관적이고 매끄러운 경험을 제공합니다. 
• 문제 정의 능력: 데이터를 분석하고 사용자 인터뷰를 통해 문제의 본질을 구체적으로 정의합니다. 문제가 명확히 정의되어야만 적합한 해결책을 도출할 수 있습니다.
• 빠른 실행력: 설계된 해결책을 빠르게 테스트하고 사용자 피드백을 반영해 개선하는 과정을 반복합니다. 이를 통해 최적의 결과를 만듭니다. 

문제 정의

문제를 정의하는 과정은 제품 개선의 첫걸음이자 가장 중요한 단계입니다. DEVTH 디자이너들은 다양한 방법을 활용해 문제의 본질을 파악합니다.  

• 사용자 인터뷰: 실제 사용자와 인터뷰를 통해 문제를 심도 있게 이해합니다. 특히 DEVTH는 관리자, 감독관, 응시자라는 세 가지의 사용자 그룹을 대상으로 서비스하기 때문에 각 그룹의 피드백을 세밀히 들여다보는 것이 중요합니다. 
• 테스트 시나리오 설계: 사용자가 제품을 사용하는 과정을 구체적으로 설계합니다. 이 과정에서 사용자가 어느 포인트에서 불편함을 느끼는지 관찰합니다. 테스트에서 발견한 페인포인트는 이후 제품 개선 방향성을 설정하는 데 중요한 단서를 제공합니다. 

문제 해결

문제를 정의했다면 이제는 해결할 차례입니다. DEVTH 디자이너들은 문제를 해결하기 위해 다음과 같은 프로세스를 거칩니다.  

• 테스트를 통한 검증: 설계한 해결책이 실제로 효과가 있는지 테스트합니다. 초기 설계 단계에서 모든 문제를 예측할 수 없기 때문에 테스트는 해결 과정에서 필수적인 과정입니다. 
• 지속적인 개선: 테스트 결과를 바탕으로 얻은 피드백을 통해 디자인과 기능을 개선합니다. 이 과정은 궁극적으로 사용자 경험을 한층 더 끌어올리는 데 기여합니다. 

사용자 중심의 시도
사용성 테스트(UT)

DEVTH 프로덕트 디자이너들은 문제를 정의하고 해결하기 위해 ‘사용성 테스트(UT, Usability Test)’를 적극적으로 활용합니다. UT는 사용자가 제품을 실제로 사용하는 모습을 관찰하며 설계된 해결책이 효과적인지 검증하는 방법입니다. 이 과정에서 사용자의 행동 경로 파악, 비언어적 신호 분석, 놓치고 있던 문제 등을 발견할 수 있습니다.  

DEVTH에서는 특히 응시자 그룹의 경험을 개선하기 위해 UT를 진행했습니다. DEVTH는 B2B 플랫폼인 만큼 응시자에게 직접 피드백을 받기 어려운 환경이지만 시험을 치르는 과정에서 겪는 불편함과 방해 요소를 적극 파악하고자 했습니다. 

UT 진행 과정

1. 테스터 모집
‘DEVTH를 처음 사용하는 개발자’와 ‘DEVTH를 한두 번 사용한 경험이 있는 개발자’ 이렇게 두 그룹으로 나누어 테스터를 모집했습니다. 응시자와 가장 유사한 상황을 재현하기 위해 두 그룹으로 나누어 다양한 관점을 수집하고, 예상치 못한 문제를 발견할 가능성을 높였습니다.

2. 테스트 시나리오 설계
UT 시나리오는 <이메일 로그인 → 대기실 입장 → 기기 환경 점검 → 시험실 입장>으로 이어지는 시험 전 과정을 중심으로 설계했습니다. 이 단계는 응시자가 가장 초조함을 느끼는 구간으로, 사용자가 겪는 문제를 확인하는 것이 목표였습니다.

3. 테스트 진행

실제 응시자들이 시나리오에 따라 제품을 사용하며 느끼는 불편함과 혼란을 실시간으로 모니터링했습니다. ‘소리 내어 말하기’ 기법*을 활용해 사용자의 행동과 생각을 동시에 관찰했습니다. 행동만 보고 기록하기보다 어떤 지점에서 액션을 취하는지도 확인하고자 했으나 모든 순간에서 ‘소리 내어 말하기’가 통하긴 어려운 점 있었습니다. 다만, 예상과 다른 행동이 나타나면 추가 질문을 통해 원인을 분석했습니다. 
_{ⓘ 소리 내어 말하기 기법(Think aloud Protocol)은 참가자가 특정 작업을 수행하는 동안 자신의 생각을 말로써 표현하는 것을 말합니다. 작업을 수행하며 어떤 부분에서, 어떤 감정을 경험하는지 도출하는 방법입니다.} 

4. 테스트 종료
테스트 직후 응시자의 소감을 듣고 설문조사를 통해 가장 어려웠던 점을 구체적으로 정리했습니다. 이를 바탕으로 개선 방향성을 구체화했습니다.

UT를 통해 알게 된 것들
문제점과 해결책

사용성 테스트를 통해 다양한 문제점이 드러났습니다. 특히 응시자 중 절반만이 시험실에 정상적으로 진입하는 점도 발견됐습니다. 상당수의 응시자가 이메일 초대장의 계정 정보를 제대로 확인하지 못해 로그인 과정에서 어려움을 겪었습니다. 또한 기기 환경 점검 과정에서 불명확한 안내와 시스템 오류로 인해 시험실에 진입하지 못하는 문제도 발생했습니다. 이러한 문제는 응시자들이 긴장과 초조함 속에서 제품을 사용하는 현실을 반영한 것이었습니다. 

이 과정에서 디자이너들은 사용성 문제뿐만 아니라 심리적 요인까지 고려해야 한다는 중요한 교훈을 얻었습니다. 단순히 기능적 문제를 해결하는 것을 넘어, 응시자가 느끼는 불안감을 완화할 수 있도록 CS 채널이나 서비스 가이드를 직관적으로 제공하는 것이 중요해 보였습니다. 

UT를 통해 얻은 데이터는 DEVTH 디자이너가 어디에 집중해야 하는지 지표가 됐습니다. 이 데이터를 기반으로 제품 개선 작업을 진행했습니다. 크게 이메일 로그인 가이드 강화, 응시 환경 점검 UX 개선, 심리적 지원 채널을 마련 후 빠르게 개선 작업을 진행해 사용자 경험을 향상시켰습니다. 

결국 중요한 것,
사용자 중심의 제품

프로덕트 디자이너는 문제를 정의하고 해결하는 과정을 통해 사용자 경험을 끊임없이 개선합니다. 구름의 DEVTH 디자이너들은 사용성 테스트를 기반으로 사용자 중심의 인사이트를 도출하고, 이를 바탕으로 빠르게 실행하며 제품을 개선합니다. 

이 과정은 단순히 문제를 해결하는 데 그치지 않고 사용자와 더 깊이 연결된 제품을 만들어가는 데 기여합니다. 앞으로도 구름 DEVTH는 사용자 경험을 중심으로 한 제품 개선을 통해 사용자에게 더 나은 경험을 제공하겠습니다.

 Text Niya, Mindy Edit Daisy Design Dex

사용자 중심의 제품을 함께 만들어 갈
프로덕트 디자이너를 기다립니다.

The post 프로덕트 디자이너가 제품을 개선하는 방법  appeared first on 구름 공식 블로그 (goorm blog).

남들과는 다른, 뉴 웰컴키트.

구름은 글로벌 진출을 앞두고 있습니다. 글로벌 타겟에 맞춰 제품 리브랜딩을 준비하며 구름의 굿즈인 ‘웰컴키트’ 리뉴얼을 함께 진행하기로 결정했습니다. 리뉴얼의 목표는 ‘차별화’였습니다. 구름의 브랜드 아이덴티티를 웰컴키트에 확실하게 담아 기술력을 선보이는 한편, 구성원이 업무에 더 집중할 수 있는 제품으로 구성하고자 했습니다. 

새로운 웰컴키트가 세상에 나오기까지 총 10개월이 걸렸습니다. 구름이 웰컴키트를 바라보는 관점부터 재정의했고, 기존 웰컴키트 구성품의 사용성과 실용성을 점검했습니다. 단순히 예쁜 제품을 만드는 것이 목적이 아니었기 때문에 기본부터 다시 고민했습니다. 목표는 남들과는 다른, 브랜드 아이덴티티가 확실하게 담긴, ‘구름만의’ 웰컴키트라는 점을 분명히 했죠. 이 프로젝트를 대하는 BX팀의 남다른 다짐이었습니다.

웰컴키트 리뉴얼을 위한 아홉 단계

웰컴키트를 리뉴얼하기 위해 수많은 작업과 시간, 아이디어가 필요했습니다. 결국엔 프로젝트 동력이 될 수 있는 핵심 키워드를 찾았습니다. ‘Growing Container’. 컨테이너 기술 기반으로 개발자 생태계를 만들고 있는 구름의 성장을 표현한 키워드였습니다. 이 키워드를 중심으로 총 아홉 단계에 걸쳐 리뉴얼 작업을 진행했습니다. 

1. 기존 웰컴키트 점검 
우선 기존 웰컴키트 제품의 사용성, 실용성, 장단점을 점검했습니다. 기존에는 대행사를 통해 진행했다 보니 디자인의 자유도와 제품 형태에 제한이 있었죠. 리뉴얼 버전에서는 한계를 두고 싶지 않았습니다. 표현의 자율성을 확보할 수 있는 파트너 업체가 필요했습니다. 업체 서칭에 심혈을 기울였고, 결국 딱 맞는 제작사를 찾았습니다. 0부터 100까지 모든 부분을 디테일하게 제작 가능한 곳이었습니다.  

2. 스터디 진행 
동종 업계부터 iF DESIGN AWARD, Red Dot Design Award에서 수상한 기업까지 국내외를 가리지 않고 다양한 레퍼런스 수집했습니다. 단순히 외적으로 눈에 띄는 제품이 아니라 제품의 구성, 실용성 등이 우수한 사례를 토대로 스터디를 진행했습니다. 리뉴얼의 목표가 ‘차별화’인 만큼 기존의 사례들 보다 소재부터 특이성이 있다면 구름 웰컴키트는 그 자체로 독보적이겠다는 결론을 내렸습니다. 

3. 구성원 대상의 내부 서베이 진행

BX팀이 가장 중요하게 생각했던 과정이었습니다. 웰컴키트의 실제 사용자인 구성원의 관점에서 충분한 의견을 받아보고 싶었습니다. 서베이 결과는 웰컴키트를 기획하는 데 가장 큰 역할을 했습니다. BX팀의 참고서가 되어주었죠. 

4. 제품 리스트업

User Journey Map은 고객이 어떤 터치포인트에서 서비스(제품)와 만나고, 무슨 생각과 행동을 하는지, 또 니즈는 충족되었는지 등을 가시화한 그래프를 말합니다. 사용자 경험에서 일어나는 모든 접점을 시각화하기 때문에 전체 사용자 경험을 파악할 수 있죠. 

웰컴키트의 구성품을 확정하기 전 User Journey Map을 그려보기로 했습니다. 구성원의 니즈, 실제 경험 등을 살펴보며 이 프로젝트의 본질을 우선적으로 이해하는 게 필요했죠. 결과에 따라 리뉴얼 방향성을 정리했고, 우선순위(실용성, 디자인, 목적)를 설정하여 제품 선별 작업을 진행했습니다.

5. 제조사 컨택 & 샘플링

웰컴키트의 아웃박스는 아크릴 소재로 결정했습니다. 지속가능한 소재를 사용해 구성원 각자의 취향과 업무 환경에 맞게 사용할 수 있는 점을 고려했습니다. 하지만 제작 가능한 업체가 없었습니다. 일회용 소재라면 쉽게 승낙이 났을 텐데, 아크릴 소재의 컨테이너 형태라니. 제작사 입장에선 쉽지 않은 요구사항이었습니다. 그럼에도 아크릴 아웃박스는 구름의 기술력을 상징하는 ‘컨테이너’ 형태로 제작하고자 했기에 업체 컨택과 논의, 설득을 멈추지 않았습니다. 

제작이 결정된 업체와 아웃박스 샘플링을 수없이 진행했습니다. 제품 퀄리티를 위해선 샘플링만이 답이었습니다. 이 과정에서 제품의 실용성, 심미성, 다른 제품과의 조화로움 등을 확인했습니다. 

또 컨테이너의 속성을 인박스(굿즈를 담는 상자)에도 담기 위해 형압으로 후가공을 진행했습니다. 시각적으로 세련되고, 촉각적으로는 컨테이너의 굴곡을 표현했습니다. 여러 번의 감리와 테스트를 진행한 결과, 구름이 표현하고자 했던 컨테이너 형태의 아크릴 아웃박스 제작이 가능하게 됐습니다. 

6. 감리

컬러 및 인쇄 선명도, 제품 포장 시 고정 여부 등을 최종적으로 확인할 수 있는 체크리스트를 작성했습니다. 인쇄 공장, 아크릴 공장, 제작 업체들과 체크리스트 기반으로 여러 차례 감리를 진행했습니다. 최고의 퀄리티를 뽑아내기 위함이었죠.

7. 디자인

심볼은 구름의 CI를 구성하는 라운드와 컨테이너의 스퀘어 형태를 재해석해 만들었습니다. 디자인 컨셉과 심볼을 기반으로 제품 구성의 톤앤매너를 맞췄습니다. 구름의 클라우드 기술력을 파란색 아크릴 컨테이너 형태의 아웃박스에 표현했고, 이 안에 담기는 제품들은 화이트·블랙·블루 컬러로 설정하여 구름의 아이덴티티를 담았습니다.

디자인 컨셉은 ‘Growing Container’로 확정했습니다. 기업 가치를 웰컴키트 그래픽 모티프에 담아 구름의 정체성이 표현되도록 디자인했습니다. 모티프의 세 가지 핵심가치는  ‘A TO Z’, ‘TECH-DRIVEN’, ‘FLEXIBLE’로 정의했습니다. 

　
A TO Z 사용자가 마주하는 모든 개발 여정을 함께하고 불편함을 찾아 개선합니다. 모든 개발자가 구름과 함께하고 성장할 수 있는 환경을 만듭니다. 
TECH-DRIVEN 구름은 컨테이너 기술 기반으로 개발자 생태계를 주도하고 경계를 넘나드는 기술의 혁신을 선도합니다.
FLEXIBLE 제품의 차별화된 디자인과 실용성을 강조하여 유연한 업무 환경을 구축하는 데 기여합니다. 누구나 개발할 수 있는 지속 가능한 개발 생태계를 만듭니다.
　

8. 촬영

웰컴키트 리뉴얼 작업이 마무리됐습니다. 가장 심혈을 기울였던 아크릴 컨테이너는 구름이 가진 기술적 혁신을 시각적으로 표현한 결과물이었습니다. 결과물을 내외부에 공개하기 위해 필요한 사진 작업 또한 구름 내부에서 진행했습니다. 

촬영은 쉽지 않았습니다. 아크릴 소재가 빛에 반사되는 성질을 가지고 있어 조명 세팅에 시행착오가 많았습니다. 약 3,000장이 넘는 사진, 수십번의 셀렉, 최종 보정까지 진행된 촬영 작업은 총 3일에 거쳐 마무리됐습니다. 

9. 배포

BX팀이 손꼽아 기다리던 순간입니다. 리뉴얼을 마친 웰컴키트를 전 구성원에게 전달했습니다. 일회용 종이 패키지가 아닌 지속 가능한 소재로 제작한 만큼 구성원에게도 쓰임이 있길 바랐죠. 예상했던 것보다 반응은 뜨거웠습니다. 각자의 업무 스타일에 맞게 커스터마이징하여 사용하는 것을 확인할 수 있었습니다. 실용적이고, 기능적인 제품들로 웰컴키트를 기획한 의도에 맞는 결과였습니다.

웰컴키트 리뉴얼 비하인드

웰컴키트 리뉴얼은 구름의 BX팀의 리드 하에 진행됐습니다. 구름의 내외부 비주얼 브랜딩을 담당하는 BX팀의 리드 Dex, BX디자이너 Lil과 Lily에게 리뉴얼 비하인드를 들어봤습니다. 

웰컴키트를 리뉴얼하며 어떤 점을 가장 중요시 했나요? 
Dex  ‘구름다움’이 무엇인지를 먼저 정의했습니다. 구름이 가진 기술력을 기반으로 브랜드 아이덴티티를 보여주고 싶었거든요. ‘차별화’가 필요했습니다. 이 세상에 없는 웰컴키트를 제작하려면 첫인상부터 강력한 이미지가 필요하다고 판단했죠. 확실한 차별화를 위해 아크릴 소재를 활용해 투명성을 강조한 오브제로 컨테이너 형태의 아웃박스에 구름만의 스토리텔링을 전개하고자 했습니다. 
Lil  신규입사자분들에게는 조직의 첫인상이 중요합니다. IT회사가 가질 수 있는 젋고, 세련된 느낌을 웰컴키트에서 보여주고 싶었습니다. 또 실생활에서 사용되는 만큼 과한 디자인은 지양했죠. 
Lily  구성원이 웰컴키트를 통해 구름에 자연스럽게 스며들길 바랐습니다. 구름의 아이덴티티를 담는 것은 물론 사용성에도 집중했습니다. 쓸수록 오류가 줄어든다는 의미를 내포한 ‘404 메모지’, 환경을 생각해 낭비 없이 사용할 수 있는 ‘아웃박스’까지. 입사 때 받은 웰컴키트를 실생활에 사용하며 구름과 친해지길 바라는 마음을 담았습니다.

제작하며 가장 어려웠던 점은 무엇이었나요?
Dex  기본이 가장 어려웠습니다. 구름의 아이덴티티를 정의하고 웰컴키트에 담아내는 과정이 가장 난이도가 높았습니다. 구름의 기술력이 제품에 잘 담길 수 있게 컨테이너를 디자인 심볼로 정의하고, 심볼이 그래픽적으로 모든 제품에 표현될 수 있도록 했죠. 시안 작업에 몰두했습니다. 가장 심미적인 요소가 뛰어나고, 기획 의도가 잘 담겨 있는 시안을 결정하기까지 꽤 오랜 고민이 필요했습니다. 형압이라는 후가공과 아크릴 소재를 아웃박스에 활용한 것이 그 고민의 결과입니다.  
Lily  브랜드 아이덴티티를 웰컴키트에 담기 위해선 개발 지식을 아는 것이 선행되어야 했습니다. 이 부분에선 구름의 개발자분들에게 많은 도움을 받았는데요. ‘Hello, world!’가 개발을 처음 시작할 때 많이 사용하는 프로그래밍 언어라는 것을 알게 됐습니다. ‘Hello, world!’와 ‘입사’라는 두 키워드에서 ‘시작’이라는 공통점을 발견했죠. 구름에서의 생활이 시작되었다는 소속감을 부여함과 동시에 환영의 의미를 담아 웰컴키트 상단 뚜껑에 ‘Hello,   (이름)　’으로 패러디했습니다. 이외에도 온보딩 카드의 ‘잔디심기 스티커’, 코드가 적힌 개발화면 컨셉의 ‘마우스 패드’ 등 개발자분들의 도움으로 다양한 아이디어의 제품들을 기획할 수 있었습니다.  

웰컴키트를 리뉴얼하며 새롭게 배우게 된 점이 있다면요?
Dex  에이전시의 도움 없이 모든 작업을 내부에서 진행했습니다. 편리함이 줄어든 대신 시간과 기획의 자유도가 높아졌습니다. 웰컴키트에 디자이너의 생각을 최대한으로 반영할 수 있는 장점도 있었죠. 또 내부 구성원의 의견까지 청취할 수 있어 실용성 측면에서도 퀄리티를 높일 수 있었고요. 결과물 촬영까지 내부 PD분들과 함께 진행한 덕분에 더 멋진 아웃풋을 만들어냈습니다. 
Lil  웰컴키트의 컨셉과 디자인뿐만 아니라 고객이 아웃박스를 오픈하는 방향, 제품을 꺼낼 때의 과정, 무게 등 모든 단계에서의 브랜드 경험을 우선적으로 고민했습니다. 이 과정에서 브랜드 디자인의 기본을 배웠는데요. 브랜드 디자이너로서 한걸음 성장하는 계기가 됐습니다.  
Lily  브랜드 정체성을 표현하는 방법에는 한계가 없다는 것을 알게 됐습니다. 디자인에 앞서 브랜드에 대한 이해도를 높이는 것도 디자이너에게 필요하다는 것을 다시금 배웠고요. 외적으로 멋지기만 한 제품이 아니라, 제품의 성격도 멋진 ‘근거 있는 디자인’이 얼마나 중요한지 알게 된 시간이었습니다. 

이번 프로젝트를 마친 소감이 궁금합니다. 
Dex  여느 때보다 긴 호흡으로 진행했던 프로젝트였던 만큼 성취감과 아쉬움이 공존합니다. 가장 바라는 것은 하나입니다. 신규입사자분들이 웰컴키트에서 ‘진정성’을 느끼셨으면 해요. 웰컴키트에는 신규입사자를 따뜻하게 환영하는 마음도 담겨 있습니다. BX팀이 전하려는 메시지가 구성원에게 오롯이 전달되었으면 합니다. 함께 끝까지 고생해 준 BX팀에게도 감사한 마음을 전합니다. 
Lil  동료분들이 웰컴키트를 사용하고 계시는 모습을 보면 뿌듯합니다. 신규입사자분들은 또 어떻게 생각하실지도 궁금하고요. 구름의 첫인상인 웰컴키트 리뉴얼 프로젝트에 참여할 수 있어서 보람 있었고 즐거웠습니다. 
Lily  자리마다 놓여진 파란 웰컴키트를 보면 기분이 좋습니다. 제작 과정이 즐거웠던 만큼 보람도 크네요. 신규입사자분들이 웰컴키트로 첫날의 긴장을 풀고, 즐거운 새출발을 하시길 바랍니다.

구름의 새로운 웰컴키트를 확인해보세요!

Text, Design Dex, Lil, Lily Edit Daisy

무한한 성장 가능성을 가진 팀을 찾고 있다면 망설이지 말고 지원하세요.

The post BX 디자이너는 왜 컨테이너를 만들었을까? appeared first on 구름 공식 블로그 (goorm blog).

구름도 신규 입사자를 기다리며 꼼꼼히 온보딩을 준비합니다. 업무 장비를 세팅하고, 자리를 정돈한 다음 새로운 시작을 축하하는 마음을 담아 웰컴 키트에 이름을 적고 있어요.

웰컴 키트는 구름의 얼굴이자, 구름이 신규 입사자에게 건네는 첫인사입니다. 새로 합류한 구르미가 구름의 가치와 철학을 이해하고, 보다 소속감을 느낄 수 있도록 돕고 있어요.

2024년을 맞아 웰컴 키트도 새로이 리뉴얼했습니다. 구름과 함께 성장하길 바라는 마음이 오롯이 전달되기를 바라며 새로운 웰컴 키트를 소개할게요.

hello, 　　　　

새로운 웰컴 키트는 총 12종으로 구성되어 있습니다. 새로 합류한 구르미가 좀 더 빠르고 편안하게 구름에 적응할 수 있도록 필요한 제품으로 채웠는데요, 지금부터 하나씩 살펴볼게요. 

구름의 기술력을
컨테이너로

새로운 웰컴 키트에서 가장 눈에 띄는 건 파란 아크릴 박스입니다. 패키지가 컨테이너를 쏙 빼닮았죠.

클라우드 통합 개발 환경인 구름IDE는 컨테이너를 기반으로 프로젝트를 관리하고 있습니다. 구름IDE의 컨테이너 기반 기술력을 웰컴 키트에서 엿볼 수 있어요. 아크릴 소재는 견고함을, 안이 보이는 투명한 박스는 신뢰를 의미합니다. 

제품을 담는 패키지도 컨테이너 외관처럼 표면이 볼록 튀어나와 있어 입체감을 느낄 수 있어요.

컨테이너를 담는 가방은 컨테이너가 이동하는 모습을 보여주는 투명한 PVC 소재입니다. 가방 양면에 표기되어 있는 구름의 슬로건, ‘anyone can develop’이 컨테이너 옆면에 인쇄된 것처럼 보이죠. 투명하고 튼튼한 소재의 가방이라 다양하게 활용할 수 있어요.

스티커를 붙이며
확인하는 성장

새로운 웰컴 키트의 핵심 프로그램인 ‘온보딩 챌린지’입니다. 신규 입사자가 3개월 동안 무사히 적응하실 수 있도록 돕고 있어요. 온보딩 챌린지는 개발자들이 매일 코드를 커밋하며 스스로의 성장을 확인하는 깃허브 잔디 심기 문화에서 영감을 받았습니다. 구름이 중요하게 생각하는 4가지 역량을 90일 동안 체크해볼 수 있어요. 내가 어떤 역량에 자신 있고, 어떤 역량에 집중해야 할지 살펴볼 수 있죠. 

1장씩 뗄 때마다
사라지는 에러

404 페이지는 서비스를 이용하다 서버 접속 에러가 발생하거나, 인터넷 접속이 끊겼을 때 마주치게 되죠. 새로운 큐브 메모지 3면에는 404 에러 메시지가 적혀 있습니다. 1장씩 뗄 때마다 에러가 점점 줄어든다는 의미를 담았어요. 순간의 아이디어나 해야 할 일을 놓치지 않고 기록하면 에러는 -1, 기능은 +1이겠죠?

데이터 스택처럼
쌓아나가는 기록

3종 노트는 데이터가 아래에서 위로 쌓이는 스택(Stack) 자료 구조에서 영감을 받았습니다. 자유롭게 기록할 수 있는 ‘null 무지 노트’와 하루를 계획하는 ‘daily(todo) 노트’, 일주일을 정리하는 ‘weekly(todo) 노트’로 구성되어 있어요. 3종 노트에 자신만의 기록을 쌓으며 하루하루 성장하길 바라는 마음을 담았습니다. 

기록에 필요한 펜도 준비했어요. 펜 배경지 위쪽에는 디자인 모티프가 그려져 있어 버리지 않고 재활용할 수 있습니다. 책갈피로 활용하시길 추천드려요. 

지금은
‘On Break’

아크릴판을 조립해 사용하는 ‘Status 카드’로는 서로의 코어 타임을 파악하고, 커뮤니케이션 효율을 높일 수 있습니다. 자신의 상태를 5가지 카드로 표현할 수 있고, 비어 있는 카드 1장은 자유롭게 활용할 수 있어요. 이제는 서로 물어보지 않아도 상황을 파악할 수 있겠죠?

가장 많이 사용하니까
가장 구름답게

사무실에서 가장 많이 사용하는 건 아마 키보드와 마우스일 텐데요. 키보드를 커스텀할 때 사용하실 수 있도록 구름 파비콘을 키캡으로 만들었습니다.

마우스 패드는 명령어를 입력하고, 실행할 수 있는 구름IDE 터미널을 그대로 옮겨왔습니다. 구름(goorm)과 슬로건(anyone can develop)이 코드로 표현되어 있어요.

노트북과 컨테이너를 자유롭게 꾸밀 수 있는 21가지 스티커도 준비했어요. 구름과 연관된 여러가지 오브제를 개발자의 시선으로 해석했습니다. 구름 슬로건을 비롯해 인재상, 핵심 가치, 구르미 캐릭터까지 다양하게 담았어요.

이외에도 활용도 높은 C타입 맥세이프 무선충전기와 스테인리스 텀블러도 준비되어 있습니다. 실용적인 아이템에 구름의 감성이 더해져 어디서든 손이 많이 갈 거예요. 

지속 가능한
웰컴 컨테이너

컨테이너 박스는 한 번 쓰고 버리는 일회용 패키지가 아닙니다. 지속 가능한 소재이다 보니 각자의 취향과 업무 환경에 맞게 재활용할 수 있어요. 문구류를 보관하기도 하고, 디퓨저나 영양제를 넣어두기도 하고, 화분으로 사용할 수도 있죠. 새로운 웰컴 키트는 불필요한 패키지를 없애고, 낭비를 최소한으로 줄이려고 노력했어요.

함께 성장할
뉴-구르미에게

지금까지 새로운 웰컴 키트를 소개해 드렸는데 어떠셨나요? 새롭게 합류할 구르미가 구름 아이덴티티와 기술력을 고스란히 느낄 수 있도록 기획부터 제작, 촬영까지 오랜 시간 고민했습니다. 자세한 제작 과정과 그 안에서 했던 고민들은 따로 소개해 볼게요.

새로운 웰컴 키트는 합류할 구르미의 이름을 직접 적어주고 있습니다. 신규 입사자라면 누구에게나 나누어 주는 웰컴 키트이지만, 직접 이름을 써주면 하나뿐인 선물이 되죠. 모든 뉴-구르미가 구름에서 힘차게 출발하기를 바라며, 새로운 웰컴 키트를 받은 혹은 받을 구르미 모두 진심으로 환영합니다! 

 웰컴키트 리뉴얼 비하인드 스토리가 궁금하다면?

Text Dex Edit Sunny Photo Dex, Daniel, Lil, Lily

무한한 성장 가능성을 가진 팀을 찾고 있다면 망설이지 말고 지원하세요.

The post 구름에 입사하면 ‘컨테이너’를 받아요 appeared first on 구름 공식 블로그 (goorm blog).

구름IDE 스쿼드에서 진행한 A/B 테스트에 함께한 덕분에 데이터 기반의 디자인을 좀 더 이해하게 되었습니다. 제가 프로덕트 디자인을 하며 데이터를 어떻게 경험했는지 그 과정을 공유해보겠습니다.

ⓘ A/B 테스트 : 두 요소 중 어떤 것이 더 좋은 효율을 내는 지 일정한 시간을 두고 비교해보는 방법론

A/B 테스트를 한 이유

우리 팀의 목적 중 하나는 더 많은 사람이 구름IDE를 사용하는 것입니다. 이를 위해 그로스 마케터가 데이터를 분석하여 임팩트가 큰 문제를 정의하고 가설을 도출하게 되죠.

우리는 신규 유저의 퍼널 중 이탈률이 가장 높은 메인 페이지의 CTA 버튼 클릭률을 개선하는 것이 MAU 성장이라는 목표 달성에 큰 임팩트를 줄 것이라 정립했습니다. 이렇게 5개월에 걸친 구름IDE CTA 버튼 클릭률 개선 A/B 테스트 대장정이 시작되었습니다.

테스트 여정

첫 번째 테스트 : 문구 VS 문구

메인페이지는 왜 이탈률이 높았을까요? 신규 유저는 왜 아무런 액션 없이 이탈했을까요? 저희는 메인페이지에 도착했을 때 사용자가 처음 마주하는 메시지의 설득력이 약하다고 판단했습니다. 그래서 세운 가설은 다음과 같습니다.

‘구름IDE를 직관적으로 설명했을 때 CTA 버튼 클릭률이 상승할 것이다.’

그 결과, CTA 버튼 클릭률이 2% 상승했습니다. 5% 상승이 목표였기 때문에 더 공격적인 가설 하에 추가 테스트를 계획했죠.

두 번째 테스트 : 문구 VS 문구+이미지

구름IDE를 더 직관적으로 보여주기 위해 이미지를 추가했습니다. 실제 서비스 경험을 예상할 수 있도록 구름IDE의 콘솔과 에디터 이미지를 토글로 보여줬죠.

‘이미지를 사용하여 구름IDE를 설명하면 직관성이 높아져 CTA 버튼 클릭률이 상승할 것이다.’

두 번째 테스트는 첫 번째 테스트보다 실험군 간 차이가 크기 때문에 당연히 결과도 드라마틱하게 개선될 거라 기대했습니다. 하지만 결과는 예상과는 달랐어요. 시각적인 정보를 추가한 실험군이 더 낮은 CTA 버튼 클릭률을 기록했죠.

세 번째 테스트 : 컨셉

테스트 결과가 기대보다 부진했던 탓에 약간의 답답함을 느꼈습니다. 그래서 세 번째 테스트에서는 두가지 변화를 주어 돌파구로 삼으려 했죠.

먼저, A/B 테스트를 MVT 테스트로 변경했습니다. MVT 테스트는 다변량 테스트로 불리기도 하는데요. A/B 테스트는 2개의 실험군을 비교하는 반면 MVT 테스트는 여러 실험군을 동시에 테스트할 수 있어 테스트 시간을 단축할 수 있다는 이점이 있죠.

그리고 테스트 주제를 바꿨습니다. 이전과 다른 관점으로 도출한 가설이 필요하다고 생각했거든요. 이전 테스트에서는 세부 요소를 개선하는 방향이었다면 이번엔 구름IDE를 잘 설명할 수 있는 컨셉 자체를 찾고자 했죠.

1) 컨셉 도출

유저의 행동 동기를 유발할 수 있는 소구 포인트에서 세가지 컨셉을 도출했습니다. 기존안을 포함하여 총 네가지 컨셉안으로 테스트를 설계했습니다.

컨셉 A. 대조군 ‘기존안’

컨셉 B. 서비스 기능 강조 ‘편리한 에디터 UI’

컨셉 C. 서비스 가치 강조 ‘고객 사례’

컨셉 D. 서비스 지표 강조 ‘글로벌 데이터’

2) 컨셉을 반영한 디자인

이제 프로덕트 디자이너인 제가 가장 깊은 고민을 하는 순간입니다. 대조군 외 3가지 컨셉을 각각 어떻게 표현해야 할까요?

컨셉 B. 편리한 에디터 UI

B 컨셉은 에디터 UI의 편리성을 강조하는 데 집중했습니다. 에디터 화면에 시선이 가도록 부수적인 디자인 요소는 제거했어요.

컨셉 C. 고객 사례

C 컨셉에서 디자인으로 표현하고자 했던 메시지는 ‘구름IDE를 사용하면 이런 결과물을 만들 수 있어요!’였습니다. 이를 위해 이제까지 구름IDE에서 제작된 멋진 프로젝트를 나열해서 유저의 상상력을 자극했어요.

컨셉 D. 글로벌 데이터

D 컨셉에서는 다양한 국적의 사람들이 사용하고 있는 세계적인 서비스라는 점을 강조하기 위해 지구를 모티브로 활용했습니다. 구름IDE가 달성한 숫자를 직관적으로 노출하고 신뢰를 줄 수 있도록 무게감 있게 디자인했습니다.

3) 테스트 결과

이제 테스트를 위한 준비는 모두 끝났습니다. 자체 디자인 QA를 했을 때 서비스 가치를 소구한 C안이 가장 큰 개선을 보일 거라 예상했는데요, 예상과는 다르게  D안이 가장 높은 CTA 클릭률을 보였습니다. 기대를 했던 C안은 대조안 대비 약 -28%가 개악된 반면, D안은 약 7%나 개선되었죠.

D안은 CTA 클릭률 뿐만 아니라 이후 전환 행동에서도 개선된 추이를 보였습니다. 특히 한국 대비 외국에서 2배 이상의 개선율을 보인 점을 의미있게 해석했는데요, 각 언어권의 컨셉 수용 정도를 파악할 수 있었습니다.

결과적으로 각 언어권 별 CTA 클릭률, 이후 전환 행동 지표를 종합적으로 분석하여 D안이 가장 좋은 안이라 판단할 수 있었습니다.

테스트를 하며 배운 점

A/B 테스트도 MVT 테스트도 언제나 답은 아닙니다. 단번에 의미 있는 결과를 내기란 어렵기도 하고요. 유저 입장에서 고민했지만 제 생각과 유저의 생각이 다를 수 있음을 테스트를 하며 경험했습니다. 그럼에도 프로덕트 디자이너가 데이터를 기반으로 디자인하는 것에는 분명한 장점이 있습니다. 이번 글에서 주로 다룬 CTA 클릭률 외에도 퍼널 내 행동 세부 지표를 보며 내가 만든 디자인에 대한 확신을 데이터를 보며 쌓아갈 수 있으니까요.

구름은 히트맵, 리코딩 등 다양한 기능을 활용하여 테스트를 고도화하고 있습니다. 앞으로도 꾸준한 실험을 통해 더 좋은 서비스를 만들겠습니다.

함께 할 프로덕트 디자이너를 찾습니다

구름에서는 데이터 기반으로 의사소통하는 것을 중요하게 생각합니다. 이를 위해 Google Analytics, Amplitude, Hackle, Smartlook 등 다양한 데이터 툴을 활용하고 있습니다. 함께 데이터를 기반으로 구름 서비스의 사용성을 개선할 디자이너를 찾고 있어요. 아래 채용 공고에 많은 관심 부탁드립니다.

Text Judy Edit Ian Design Lily

The post 프로덕트 디자이너의 A/B 테스트 적응기 appeared first on 구름 공식 블로그 (goorm blog).

구름은 꾸준히 성장하면서 조직의 규모가 커짐에 따라 효율적으로 협업할 수 있는 환경을 만들기 위해 노력하고 있습니다. 저 또한 여러 팀원들과 잘 소통하면서 협업할 수 있는 방법에 대해 늘 고민하고 있는데요. 고민 끝에 찾은 방법 중에서 최근에는 기획 단계에 시퀀스 다이어그램을 도입하였고, 그 결과 협업할 때 커뮤니케이션 리소스를 크게 줄일 수 있었습니다.

이 글에서 기획 단계에 시퀀스 다이어그램을 도입한 이유와 적용 과정, 적용 후에 팀원이 느낀 점을 공유해 보려고 합니다.

시퀀스 다이어그램을 도입한 이유

제가 속한 EDU 스쿼드는 기획자, 디자이너, 개발자로 구성되어 함께 서비스를 개발하고 있습니다. 기획자인 저는 여러 직군의 팀원과 효율적으로 협업하기 위해 팀원 모두에게 가장 필요한 기획 문서가 무엇일지 고민했고, 고민 끝에 2가지 조건을 리스트업했습니다.

구름에 필요한 기획 문서의 조건

• 팀원이 비즈니스 플로우를 빠르게 이해할 수 있는가
• 피드백을 반영하기에 용이한가

이렇게 구름에 도입하기에 적합한 기획 방법을 찾던 중 구글 기술 문서의 도움을 받았습니다. 시퀀스 다이어그램을 활용하여 비즈니스 플로우를 설명한 글이었는데요. 특히 여러 서비스 모듈 관계를 시각화한 부분이 인상적이었습니다.

구글이 공개하고 있는 시퀀스 다이어그램을 보니 하나의 시퀀스 안에서 Google UI, Google Server, Payment Integrator Server 등 각 구성 요소의 역할을 분리하여 표현함으로써 플로우를 한눈에 파악하기 훨씬 쉬웠어요. 그래서 저도 구름의 개발 프로세스에 맞게 시퀀스 다이어그램을 기획 단계에 도입해보기로 결정했습니다.

적용한 사례

1. 도입 배경

구글 기술 문서를 읽고 구름의 기획 단계에 시퀀스 다이어그램을 적용해 보려던 차에, 구름EDU의 특정 강좌 수강 시에 본인 인증을 필수로 실행할 수 있도록 하는 기능을 추가하기로 결정하여, 이에 바로 적용해 보기로 했습니다.

2. 문제 상황

하지만 기능을 적용하기까지 네 가지 이슈가 있었는데요. 구름EDU의 본인 인증 플로우가 정립되어 있지 않은 상황이었습니다. 그리고 새로 개발할 mOTP 연동 모듈이 구름EDU의 기존 수강 비즈니스 플로우에 추가되어야 했고, 인증 자체는 구름 서비스 외부의 모듈을 사용해야 했습니다. 이러한 상황에서 기존의 기획 및 개발 소요 기간보다 짧은 시일 내에 빠르게 진행해야 했어요.

3. 시퀀스 다이어그램으로 문제 해결하기

1) 모듈을 정의하고 분리하기

구글 기술 문서의 예시와 같이 시퀀스 다이어그램을 작성하기 위해서는 비즈니스 플로우의 구성 요소를 정의해야 하는데요. 이러한 구성 요소를 모듈 단위로 정의하고 분리했습니다.

• 기존 모듈: 구름 스쿨 UI 페이지
• 신규 모듈: 구름 Public mOTP 연동 모듈
• 외부 모듈: 1차 외부 인증 모듈 , 2차 외부 인증 모듈

2) 모듈별 책임과 역할을 정의하기

아래와 같이 모듈별 책임과 역할을 정의하고 모듈간의 의존성을 분리했습니다.

기존 모듈

• 구름 스쿨 UI 페이지
  • 현재 로그인 한 유저 정보를 구름 Public mOTP 연동 모듈에 전달
  • 본인 인증 결과를 유저에게 표시

신규 모듈

• 구름 Public mOTP 연동 모듈
  • 전달된 유저 정보를 바탕으로 외부 인증 모듈의 인증 API 호출
  • 1차 본인 인증 실패 시 2차 외부 인증 모듈에 인증 요청
  • 인증 결과를 구름 스쿨 UI 페이지에 전달

외부 모듈

• 1차 외부 인증 모듈
  • 1차 본인 인증 진행
  • 인증 결과를 구름 Public mOTP 연동 모듈에 전달
• 2차 외부 인증 모듈
  • 2차 본인 인증 진행
  • 인증 결과를 구름 Public mOTP 연동 모듈에 전달

위 작업으로 신규 기능의 적용 범위가 분명하게 정의되었고, 신규 기능 추가로 인한 기존 서비스의 변화 정도 또한 추정할 수 있었습니다.

3) Usecase 선정하기

본인 인증 기능의 핵심 비즈니스 플로우를 Usecase로 정리했습니다.

(UCM1) 구름 스쿨 회원은 본인 인증이 강제된 채널에 가입한 경우 로그인 시 본인 인증을 진행할 수 있다.
(UCM2) 채널 Admin 관리자는 본인 인증 설정 탭에서 해당 채널의 권한별로 본인 인증이 1회 강제 되도록 설정할 수 있다.
(UCM3) 채널 Admin 관리자는 멤버 페이지에서 해당 채널의 모든 구성원을 대상으로 본인 인증 완료 여부를 조회할 수 있다.
(UCM4) 구름 Admin 관리자는 모든 채널의 본인 인증 설정 페이지에 접근할 수 있다.

4) Usecase별로 시퀀스 다이어그램 작성하기

Usecase별 시퀀스 다이어그램을 작성했어요. 이번에는 아래 Usecase에 대한 시퀀스 다이어그램을 예시로 보여드리려고 해요.

앞서 정의했던 모듈별 책임과 역할에 근거하여 유저의 본인 인증 진행 시 각 모듈의 비즈니스 로직을 표현했습니다.

5) 팀 내 피드백 반영하기

처음부터 완벽한 시퀀스 다이어그램을 작성하기는 어려웠는데요. 시퀀스 다이어그램 작성 후 팀에 공유하면서 피드백을 반영하였습니다. 시퀀스 다이어그램을 사용했기 때문에 본인 인증 정책, 인증 실패 시 비즈니스 플로우 등 중요한 피드백을 빠르게 반영할 수 있었습니다.

6) 기획 문서를 토대로 제작된 디자인 산출물

팀의 피드백을 반영하여 시퀀스 다이어그램을 포함한 최종 기획 문서를 팀원에게 전달드렸고, 기획 내용을 토대로 프로덕트 디자이너가 시안을 제작해 주셨어요.

| 본인 인증 요청 페이지

| 본인 인증 성공 안내 페이지

| 본인 인증 실패 안내 페이지

적용 후 구름에 나타난 변화

기획 단계에 시퀀스 다이어그램을 적용하면서 각 직군의 업무 과정에도 크고 작은 변화가 나타났는데요. 기획자인 저는 논의 과정에서 나온 피드백을 보다 쉽고 빠르게 반영할 수 있어 이전보다 효율적으로 기획 업무를 수행할 수 있게 되었어요.

프로덕트 디자이너와 개발자도 실무를 하면서 느낀 경험을 작성해 주셨어요.

시퀀스 다이어그램 작성 도구 소개: PlantUML

저는 시퀀스 다이어그램을 작성할 때 PlantUML이라는 도구를 활용하고 있는데요. PlantUML을 활용하면 직접 그리지 않고, 간단한 문법과 텍스트 입력으로 시퀀스 다이어그램을 빠르게 그릴 수 있기 때문에 작성이 매우 편리하고 피드백을 반영하기에도 수월했어요. 시퀀스 다이어그램을 효율적으로 작성할 수 있으니 PlantUML 사용을 추천드립니다.

| PlantUML에서 기본 문법으로 작성한 시퀀스 다이어그램 (intelliJ)

마치며

지금까지 구름의 기획 단계에 시퀀스 다이어그램을 도입한 경험을 공유해 드렸습니다. 저의 경험이 다른 분들께 도움이 되면 좋겠습니다. 앞으로도 유용하고 좋은 기획 경험이 있다면 함께 나누겠습니다. 감사합니다.

Text Jinnie Design Lily

The post 시퀀스 다이어그램으로 비즈니스 플로우 공유하기 appeared first on 구름 공식 블로그 (goorm blog).

1. 편안함과 능력을 최대한 끌어낼 수 있는 공간
2. 업무와 공간을 효율적으로 활용한 논리적이고 체계적인 공간

2가지 핵심 가치에 집중한 새로운 오피스를 공개합니다. 오피스도 브랜드의 일부인 만큼 공간 어디서나 구름의 아이덴티티를 느낄 수 있도록 설계했어요. 구름다운 오피스는 어떻게 생겼고, 어떤 의미가 담겨 있는지 본격적으로 둘러볼까요?

>HELLO, NEW OFFICE!_

브랜드의 첫인상을 좌우하는 입구입니다. 회사에 방문하는 모든 분께 짧지만 강렬한 인상을 남길 수 있도록 메인 이미지월을 구성했어요. 폴라카보네이트 소재를 활용했고, 출입문에도 작은 welcome 메시지를 적어두었습니다.

회사에 들어서면 왼쪽 통로에 가장 먼저 보이는 사이니지입니다. 구름 오피스에 어떤 공간이 있는지 한눈에 볼 수 있어요. 각 공간이 어디에 있는지 알려주는 역할과 더불어 구름의 브랜드 아이덴티티도 엿볼 수 있습니다. 컬러, 폰트, 오브젝트 등 디테일이 살아있거든요. 최애 공간 중 하나입니다. : )

유심히 보셨다면 아실 수 있겠지만 모든 사무 공간 이름은 소문자로 표기했어요. 보통은 대문자를 사용하거나 대문자와 소문자를 섞어 쓰는 게 일반적이죠. 구름 로고(goorm)가 소문자로 이루어진 BI이기도 하고, 소문자로만 표기하는 게 구름다운 디테일이 될 수 있다고 생각했습니다.

탁 트인 전경의 도서관이에요. 구름은 근무 시간 내 독서를 적극 권장하고 있는 만큼 신경을 많이 썼습니다. 개발, 마케팅, 디자인 등 다양한 분야의 책은 물론 구름 굿즈도 살펴보실 수 있도록 전시했어요. 캐주얼한 회의나 티타임을 하는 곳이기도 합니다.

구르미들이 가장 자주 드나들며 스낵과 음료를 챙기는 캔틴에는 LED 조명을 추가로 설치해 감성을 더해봤어요. 따뜻한 분위기가 느껴지지 않나요?

최근에는 판교 전망을 바라보며 쉴 수 있는 안마 의자도 생겼습니다.

단연코 구르미들이 가장 애정하는 공간이라고 말할 수 있는 수면실이에요. 원목의 우드로 디자인해 들어가기만 해도 잠이 솔솔 오는 마법 같은 곳입니다. 30분만 누워도 3시간은 쉰 것 같은 효과를 낼 수 있도록 최고급 호텔 침구류와 암막 커튼을 사용했어요. 포인트 조명으로 감성도 추가했습니다. 옆자리 구르미가 돌아오지 않는다면 여기 있을 확률이 높아요.

업무 공간과 이동 통로의 카펫이 다르다는 점 눈치채셨나요? 카펫으로 공간을 확실하게 구분해 동선이 불편하지 않도록 설계했습니다.

가장 공을 들인 회의실입니다. 블루 카펫으로 업무 공간과 분리하고 컬러풀한 의자를 배치했어요. 딱딱하고 경직된 분위기의 회의실과는 거리가 멀죠. 기둥과 벽면에는 브랜드 컬러를 녹였고, 벽면 전체에 화이트보드를 설치해 아이디어를 바로 공유할 수 있도록 기획했어요. 자유롭게 의견을 낼 수 있는 분위기를 조성하려고 노력했습니다.

회의실 이름은 구름과 연관된 비즈니스 분야에서 유명한 명사 이름을 차용했어요. 수많은 후보 중 내부 투표를 거쳐 결정했습니다.

• Linus Benedict Torvalds – 리눅스와 Git을 개발한 프로그래머
• Dennis Ritchie – C언어와 UNIX 운영체제를 만든 컴퓨터 과학자
• Marc Andreessen – 최초의 그래픽 브라우저인 모자이크를 개발한 기업가
• Ben Horowitz – 실리콘 밸리 벤처 캐피털 Andreessen Horowitz의 공동 창업자

업무 공간 가운데 바테이블과 의자를 두었습니다. 지정된 자리에서 벗어나 개인 업무를 보거나 가벼운 미팅, 회의를 하기도 해요. 오고 가다 만나는 구르미와 담소를 나누거나 게임을 즐기는 곳이기도 합니다.

뷰 맛집은 구름에 있습니다. impact space가 가벼운 미팅을 위한 공간이었다면, focus space는 오롯이 개인 업무에 집중할 수 있는 공간이에요. 각자 업무에 몰입할 수 있도록 폴라카보네이트를 활용한 파티션을 가벽처럼 설치했어요. 바로 옆 통창으로는 푸른 하늘과 식물이 가득한 테라스를 마주 볼 수 있습니다. 자리가 없어서 못 앉을 정도로 인기가 많은 구르미들의 최애 공간 중 하나예요.

새로운 오피스에는 업무 공간과 바로 연결된 테라스가 있습니다. 바람 쐬고 싶을 때 멀리 나갈 필요가 없죠.

복합기, 파쇄기, 칼, 가위 등 사무용품이 모여 있는 공간이에요. 기기에서 발생하는 소음을 최대한 차단하고 싶어 별도의 O.A 공간을 마련했습니다. 필요한 사무용품을 쉽게 찾아서 사용할 수 있도록 타공판을 이용했어요.

사소한 디테일
하나하나까지

누구나 잘 보이는 곳에 두어야 하지만, 미관상 숨기고 싶은 요소가 있습니다. 소화기와 우산이 대표적이죠. 브랜드 정체성을 전달하면서 멋을 더하는 요소로 활용할 수 없을지 고민한 끝에 가림막을 맞춤 제작했어요. 정면에서 보면 빨간 소화기보다 가림막이 먼저 보여 톤앤매너를 해치지 않습니다.

구르미의 반응은

새로운 오피스로 이사한 지 일주일 정도 지나 구르미들에게 피드백을 받았습니다. 걱정이 무색하게 좋은 후기가 많아 피로가 싹 녹았어요. 특히 구름 아이덴티티가 더 잘 살아 있는 업무 공간이 되었다는 피드백을 보고 정말 뿌듯했습니다. 여러분은 어떤 공간이 가장 마음에 드시나요?

Text Dex Edit Sunny Photo Dex

새로운 구름 오피스에서
함께 성장할 구르미를 찾습니다

The post 구름다운 공간을 소개합니다 appeared first on 구름 공식 블로그 (goorm blog).

새로운 보금자리는 건물 한 층을 전부 사용하게 됐어요. 공간이 넓어진 만큼 구름만의 아이덴티티를 어떻게 녹여낼지에 대한 고민도 깊어졌습니다. 공간도 브랜드의 일부이기 때문에 신경 써야 할 부분이 많았어요. 앞으로 2편에 걸쳐 구름다운 오피스를 완성하기까지 과정을 전해드리려고 합니다.

기존 오피스는

브랜드 아이덴티티가 잘 느껴지지 않았어요. 구름은 제품과 비즈니스 성장을 위해 전방위적으로 다양한 시도를 하고 있지만, 공간 브랜딩은 기회비용이 큰 탓에 쉽사리 시도할 수 없었거든요. 구름이라는 브랜드가 제품, 비즈니스와 같이 성장하려면 공간 브랜딩도 고도화해야 한다고 생각했습니다.

구르미를 위한 리프레쉬 공간도 부족했습니다. 편안한 휴식 공간은 업무 효율을 높이고 사기를 증진하기 위한 필수 요소라고 생각해 개선 포인트로 삼았어요.

오피스는 하루 중 가장 긴 시간을 머무르는 곳이죠. 그만큼 구르미들이 편안하게 머무르고, 역량을 발휘할 수 있도록 보완하고 싶었습니다.

구르미에게도 물어봤어요

리뉴얼하기에 앞서 새로운 공간의 콘셉트를 정해야 했습니다. 구르미 인터뷰를 진행해 의견을 취합했어요. 기존 오피스에서 아쉬운 부분과 개선하고 싶은 부분, 선호하는 공간과 좌석 배치 등 다양한 의견을 받아 방향성을 정리했습니다. 적극적인 피드백 덕분에 반영할 사항을 폭넓게 점검할 수 있었어요.

새로운 구름 오피스 콘셉트는

‘the new FLOW(새로운 흐름을 만들다)’입니다. 구름은 개발 생태계에 새로운 흐름을 만들어내며 빠르게 성장하고 있습니다. 구름과 구르미가 꿈꾸는 혁신과 도전 의지를 오피스에도 반영하고 싶었어요. FLOW의 각 스펠링으로 공간에 담고 싶은 메시지를 표현했습니다.

• F(lexible approach) : 유연하게 접근하고
• L(ogical and clarify) : 효율적이고 명확하며
• O(bserving the problem) : 주의 깊게 문제를 관찰하는
• W(orthwhile) : 가치 있는 공간

FLOW

다음으로는 FLOW에 담긴 메시지를 공간에 적용해 구체적으로 정리했습니다.

• F(lexible approach) → 어느 공간이든 유연하게 적용 가능한 공간
• L(Logical and clarify) → 용도와 쓰임새가 명확하고 효율적인 레이아웃의 업무 공간
• O(bserving the problem) → 개인의 업무 성향에 맞추어 일에 집중할 수 있는 공간
• W(orthwhile) → 업무 공간과 분리된 휴게 공간, 편안한 휴식과 사색을 배려하는 공간

콘셉트가 한결 명확해졌죠. 공간을 세부적으로 디자인할 때마다 FLOW를 떠올리며 작업했어요. 잊을만하면 꺼내보는 좌우명처럼요. 콘셉트와 공간 구성을 마무리 지은 후 본격적인 작업을 시작했습니다.

FLOW에 맞는
소재를 찾아서

고민 끝에 메인 소재는 폴리카보네이트를 선택했습니다. 연속성과 투과성을 가진 소재라 FLOW와 가장 맞닿아있다고 판단했어요.

서브 소재와 마감재를 정하는 과정도 오래 걸렸습니다. 손잡이의 소재와 질감, 우드 필름의 결 형태, 컬러의 디테일, 동선을 방해하지 않는 사이니지 컬러, 빛에 반사될 때 가독성을 해치지 않는 사이니지 종류 등을 하나하나 체크했어요. 인테리어 업체와 여러 번 미팅을 해야 했죠.

동선을 고려한
사이니지 배치

사이니지¹는 동선을 고려해 적재적소에 배치했습니다. 구름의 아이덴티티를 일관적으로 경험할 수 있도록 고루 배치하기 위해 신경썼어요. 사이니지 위치는 도면에 표기해 인테리어 업체 및 설계팀과 소통할 때 유용하게 활용했습니다.

1. (표지판처럼) 누군가에게 특정 정보를 전달하기 위해 만든 시각적 구조물

이제 본격적으로 새로운 구름 오피스를 둘러볼까요? 오피스 집들이는 다음 편에서 이어가 보겠습니다.

Text Dex Edit Sunny Design Dex

새로운 구름 오피스가 궁금하다면?

The post 구름만의 공간 브랜딩 경험을 만들다 appeared first on 구름 공식 블로그 (goorm blog).

새로 입사한 뉴-구르미를 가장 먼저 반겨주는 건 책상에 놓인 웰컴 키트입니다. 구름이 신규 입사자에게 처음으로 건네는 따뜻한 환영 인사이자 응원 메시지죠. 구름이라는 회사의 첫인상을 심어주는 중요한 순간이기도 해요. 굿즈는 브랜드의 얼굴과도 비슷합니다. 비전, 문화, 아이덴티티 등이 온전히 녹아있기 때문이에요.

작년 한해 동안 구름은 브랜딩에 대해 고민이 많았습니다. 구름을 접하는 모든 분들에게 좋은 인상을 심어드리고 싶었기에 브랜딩이 중요하고 필요하다고 생각했어요. 2021년 하반기부터 BX(Brand Experience) 디자이너 채용을 시작한 것도 비슷한 이유였습니다.

2021년에 제작한 웰컴 키트가 똑떨어져 새로운 굿즈를 만들어야 할 시기가 왔습니다. 이번에는 굿즈 소개보다는 기획부터 제작까지의 과정에 집중해 보려고 해요.

제작 전 CHECK LIST

제작에 앞서 체크 리스트를 만들어 필요한 업무와 우선순위를 파악했습니다. 제품 구성은 어떻게 할지, 누구에게 나눠줄지, 수량과 예산은 어떻게 할지 등을 정리하고 시작했어요.

먼저 구성품을 정하는 작업이 필요했습니다. 21년 굿즈는 노트, 다이어리, 펜, 스트랩, 사쉐, 석고 방향제, 레고, 텀블러 등 다양한 제품으로 구성했어요. 어떤 제품이 가장 만족스러웠는지 궁금해 구르미들에게 설문 조사를 진행했습니다. 종류가 풍성했던 만큼 구르미마다 만족한 제품도 달랐어요. 22년에는 설문 결과를 바탕으로 작년 키트에서 만족도가 높았던 품목으로만 구성해 보기로 결정했습니다.

키트는 2가지 타입으로 구성했어요. 1번 타입은 기존 구르미, 2번 타입은 뉴-구르미와 외부 손님들에게 드릴 용도로 나누었습니다. 타입별 수량까지 정리하고 나서야 비로소 본격적인 디자인 단계로 넘어갔어요.

 [TYPE 1] 다이어리, 노트 2개, 펜, 달력

[TYPE 2] 다이어리, 노트 2개, 펜, 텀블러, 스마트폰 스트랩, 칫솔

디자인이 제일 쉬웠어요…?

의외로 디자인은 제작 과정에서 많은 비중을 차지하지 않았던 것 같아요. 디자인할 때 가장 많이 고민한 부분은 굿즈에 비전과 조직 문화 정체성을 어떻게 담을지였습니다. 주제와 비주얼 톤 앤 매너를 정하는 작업이 가장 오랜 시간을 차지했어요. 그 외에는 출고일에 따른 일정 관리 등을 챙기면서 디자인을 진행했습니다. 기억에 남는 몇 가지 디자인 과정들을 소개해 볼게요.

GOORMIVERSE 탄생!

너도나도 탑승하고 있는 버스, 메타버스가 트렌드죠. 구름에는 구르미버스가 있습니다. 사실 구름으로 단어를 만든 게 처음은 아니에요. 예시로 ‘구름하다’가 있죠. 온라인으로 언제 어디서나 소프트웨어를 개발하다라는 뜻을 담은 구름만의 동사입니다.

구름하다에 이어 구르미버스를 만들었어요. 이번에는 가상의 구르미 세상을 꾸린 거죠. 구르미버스 안에서 모두 구름할 수 있다는 가상의 세계관입니다. 구르미버스를 큰 틀로 잡고 구르미들이 할 수 있는 모든 구름하다를 굿즈에 녹여냈습니다.

BOLD / STABLE / SIMPLE + WIT

구름을 접하는 분들에게 구름이 어떻게 느껴지면 좋을지 키워드로 정리한 적이 있었어요. 그때 적어둔 키워드들 중 굿즈를 받았을 때 느껴졌으면 하는 단어들을 뽑아봤습니다. BOLD(대담한), STABLE(차분한), SIMPLE(이해하기 쉬운), WIT(재치 있는). 디자인에서 키워드가 잘 느껴지는지 가이드라인처럼 수시로 확인하면서 작업했어요. 좋은 방법인지는 모르겠지만 제 나름대로는 많은 도움이 되었습니다.

끝 없는 시안

디자이너에게는 숙명과 같은 A-Z안! 시안을 넘기고 제작이 시작되면 되돌릴 수 없음을 알기에 후회하지 않도록 많은 시안을 제작했습니다. 이렇게 많은 시안을 만들어도 항상 아쉬움이 남는 건 왜일까요?

그렇게 탄생한 2022 구름 굿즈

구름의 아이덴티티가 잘 느껴지시나요? 구성품들에는 anyone can goorm, shall we goorm, just goorm it, goorm’n’ roll과 같은 문장을 만들어 활용해 봤습니다. 신규 입사자들도 쉽게 인지하고 한 번 더 보게 만들 수 있는 방법이 뭐가 있을까 고민하다가 익숙한 문장으로 표현했어요. 좀 위트 있나요? 구며드는 디자인으로 구르미들이 자주 보고 지니면서 소속감과 자부심을 느낄 수 있도록 디자인 했습니다.

기존 웰컴 키트와 달리 색상도 새롭게 써봤어요. 블랙 뿐이었던 키트에 여러가지 포인트 색상을 추가해 봤습니다. 앞으로도 오피스 곳곳의 디자인이나 콘텐츠에 이 소스들을 활용해 보려고 해요. 기회가 된다면 온보딩 키트도 새롭게 만들어보고 싶고요.

Let’s goorm

이번 굿즈를 제작하면서 가장 힘들었던 건 기획이 탄탄하지 않다는 점이었어요. 기획을 충분히 하고 디자인에 들어가는 게 얼마나 중요한지 깨닫는 계기였습니다. 브랜딩의 필요성도요.

새로운 BX 디자이너 DEX가 합류해 주신 만큼 모든 디자인들에 브랜딩에 대한 고민을 충분히 담아보려고 합니다. 앞구르기를 하면서 봐도 구름이라는 걸 알 수 있도록 정체성을 잘 녹여보려고 해요. 많은 분들께 구름이 BOLD, STABLE, SIMPLE, WIT 있게 닿았으면 좋겠습니다.

Text Timo Edit Sunny Photo Timo, Dex, Jason

웰컴 키트가 궁금하시다면
뉴-구르미로 합류하세요!

The post 브랜드 굿즈는 이렇게 만들어집니다 appeared first on 구름 공식 블로그 (goorm blog).

새로운 공간의 콘셉은?

구름은 2020년 하반기부터 뉴-구르미들이 합류하는 속도가 빨라지기 시작하여 자리가 부족한 현상이 나타나기 시작했고, 회의할 수 있는 공간도 포화 상태가 되었습니다. 그 외에도 업무에몰입하기에 아쉬운 업무 환경과 구르미들이 리프레시하기에 부족하고 불편한 공간 등으로 인해오피스 확장을 고려하게 되었는데요. 이에 따라 리뉴얼되는 공간의 콘셉은 어떤 방향으로 디자인하면 좋을지 고민하기 시작했고 많은 논의 끝에 우리는 이렇게 정했습니다.

35일간의 여정

여러 갈림길이 있을때마다 진정 구르미들을 위해 최고의 선택이 무엇인지 끊임없이 고민했습니다. 수 많은 도면 수정과 마감재의 종류는 어찌나 많은지 정말 결정하기 힘들었던거 같아요. 그럼에도 BX디자인팀과 여러 구르미들이 하나로 뭉쳐 옳은 결정을 내리고 오피스 퀄리티를 높여 나갔습니다.

공사가 진행되는 가운데, 매일 진행상황을 체크하면서 작은 오점 하나 그냥 넘기지 않으려 노력했어요. 잘못 시공된 경우에는 정중히 말씀드려 바르게 시공될 수 있도록 부탁드렸습니다. 피드백 드릴 때마다 그때 그때 잘 대응해주셔서 너무 감사드립니다.
인테리어 업체 외에도 에어컨, 사인과 같은 외부 업체와 컨택하여 스케쥴 조율하는 것도 쉽지 않았어요. 지금 생각하면 특별한 지연없이 스케쥴이 척척 맞아 떨어진 부분이 신기할 따름이네요.

6월 초 시작한 공사는 35일이 지난 7월 초에 마무리되어, 구름의 새로운 오피스로 오픈했습니다. (아직 작은 단위의 잔작업은 계속 진행 중입니다.)
새로운 오피스 오픈 날짜에 맞춰서 구름 SYNC!THINK! Day도 같이 준비해서 정신없는 한 달을 보냈지만 그 동안 준비해온 기억들을 회상하면서 새 오피스를 맞이하니 기분이 새롭고 구르미 모두가 함께 만든 공간이라는 점에서 보람을 느꼈습니다.

자, 이제 새롭게 리뉴얼 된 구름의 오피스를 소개합니다!

>Hello, goorm! 

새로운 구름의 공간은 기존의 [업무 공간, 캔틴, 2개의 회의실, 창고]만 있었던 규모에서 [라운지, 캔틴, 6개의 공식 회의실, 업무 공간, 비공식 탁구장]까지 다양한 형태의 다양한 가능성을 가진 공간들로 더 거대해졌습니다!

GROOVE /NEUMANN /TURING /THIEL /JOBS /BAEKBEOM /LAMS.. 각각의 공간에는 이름이 정해져 있어요. 이름이 있는 공간들 외에도 다양한 공간들이 있습니다.이 공간들을 구르미들은 어떻게 사용하고 있는지 소개해드리겠습니다!

GROVE PL.

구름에 오신다면 제일 먼저 보게 될 공간! GROVE입니다. 이 라운지에서 모두가 모여 (코로나 방역 수칙을 지켜) 타운홀,세미나 등 함께 논의가 필요한 부분은 얘기를 나누기도 하지만

휴식도 취하고! 킹오파도 할 수 있고! 사무실에만 있기 답답하면 나와서 작업도 할 수 있고!
구르미 각자 취향에 맞게 사용할 수도 있는 공간입니다. 개인적으로는 점심을 먹고 구르미들과 도란도란 앉아서 수다를 떨 때, 라운지라는 공간이 주는 소소한 행복감을 느낍니다!

CANTEEN

구름의 캔틴은 매일 모든 구르미들이 한 번 이상씩은 머무르는 공간입니다. 간식을 먹으러 오기도, 커피를 마시러 오기도, 잠깐 머리를 식히기도, 정리를 하기도 하지요. 출출함을 달래주는 간식은 스낵 24에서 매주 수요일 든든하게 챙겨주시고 유라 커피 머신+제빙기로 언제든지 마시고 싶을 때 ‘아이스 아메리카노’를 마실 수 있습니다. (이거 중요합니다!)

이전의 캔틴도 좋았지만. 이번 캔틴은 탁 트인 개방된 오픈 키친, 라운지를 볼 수 있는 창,업그레이드된 커피머신, 전자레인지, 냉장고 등등.. 여러모로 크게 레벨업된 이 공간이 전보다 더 좋아진건 사실인 것 같습니다. 그리고 비로소 캔틴이라는 단어가 아주 적절한 공간이 되었어요!

하나 더! 캔틴에서 플레이팅이라는 업체를 통해 맛있는 점심을 배식을 받고 Grove에서 함께 식사를 합니다. 30분 땡 하고 31분에 밥을 먹을 수 있는 최적의 동선입니다.

*현재(2021년 8월)는 코로나 4단계 방역 수칙을 지키기 위해 잠시 중단하고 PDC 구내 식당에서 점심을 먹고 있어요!

MEETING ROOM

2개의 회의실에서 서로 서로 맞춰가며 회의를 힘겹게 잡았던 지난날들…이제는 6개의 공식 회의실 + 라운지 + 곳곳에 간단한 미팅은 할 수 있는 공간도 있습니다. 각각 회의실에는 구르미들이 회의하는데 더욱 편리하도록 대형 TV, 프로젝터, 구글 크롬캐스트, 에어컨까지 설치 완료!

WORK SPACE

라운지를 지나 WORK SPACE로 가는 복도에는 곧 나타날 사인 크기 비하면 귀여운? 수준의 ‘작은 구름’을 볼 수 있어요. 사인을 기준으로 오른쪽은 3,4,5,6 회의 공간으로 되어있고 왼쪽은 업무 공간으로 되어 있습니다.

두둥! 정문을 지키는 ‘거대 구름’ 친구입니다. 이 뒤로 쾌적한 구르미들의 업무 공간이 있습니다!

⎕ 모양으로 되어 있는 이 업무 공간은 각자의 공간에 구르미가 일에 쉽게 몰입할 수 있도록 신경써서 배치하였습니다. 독특한 공간 배치, 모니터 뒤로 식물 친구들을 볼 수 있다는 점 등등 이러저러한 이유들이 보통의 사무실 느낌은 들지 않는 것 같아요!

GOOD BYE!

시작부터 완성까지의 과정을 소개 드렸는데 어떠셨는지 모르겠네요! 여러 의견을 조율하고, 취합하고, 결정한다는 게 참 쉬운 일은 아니었습니다. 구름은 한참 성장하며 바쁜 시기를 겪고 있기 때문에 더더욱 난이도가 높았던 것 같습니다. 하지만 더 나은 새로운 공간을 위해 여러 구르미들이 함께 힘써주었습니다!

인테리어 완공까지 달려가면 쨔쟌!하고 모든 게 끝날 줄 알았는데 아직까지도 마무리되어야 할 부분이 많이 남아있습니다. 그렇지만 확실히 구름은 더 멋져졌습니다! 앞으로 더 발전하고 성장할 구름의 앞날을 기대해 주세요

+번외 비공식 탁구장

구름의 가치를 같이 만들어나갈
뉴-구르미들을 찾고 있어요

The post START PHASE4 – OFFICE RENEW appeared first on 구름 공식 블로그 (goorm blog).

지난 1월 구름에 입사 후 벌써 5개월이 지났는데요. 5개월이라는 기간 중 무려 3분의 1이 넘는 시간을 들였던 구름 UX 라이팅 가이드라인 제작 프로젝트가 마무리되고 있어 2달간의 여정을 나누고자 글을 쓰게 되었습니다!

이 프로젝트는 저의 입사 동기인 프로덕트 디자이너 사이안(참고)과 함께 진행했고, 뉴비 디자이너인 저희를 위해 디자인팀과 커뮤니케이션팀에서 많은 도움을 주셨습니다.

발단

구름 디자인팀은 매일 사내에서 자체 제작한 StandUp&Prosper을 통해 디자인과 관련해 공유하고 싶은 좋은 글이나 자료를 공유하는 문화를 가지고 있는데요. 몇 개월 전부터 부쩍 UX 라이팅에 대한 아티클 공유가 활발해지고 있었습니다.

이 과정에서 점차 UX 라이팅이 디자인팀에 스며들어가며… 결국! 시작하게 되었습니다!

본격적인 시작에 앞서

본격적인 UX 라이팅 가이드라인을 확립하기에 앞서 필요성과 우리의 현 상황을 확인하기 위해 전체 서비스 문구를 점검하는 과정을 거쳤습니다. 구름은 여러 서비스(EDU, DEVTH, LEVEL, IDE)를 운영하고 있기 때문에 각 서비스 별로 쓰인 모든 문구를 일일이 확인하기란 꽤나…어려운 일이었는데요.

다행스럽게도 저희에겐 뛰어난+친절한 개발자분들이 계셨습니다!

요청한지 10분도 안 돼 서비스의 모든 문구를 보기 좋게 모아주신 믿.쓰.마(믿고 쓰는 마크) 마크와 갓호세 감사의 박수() 드립니다!

모인 문구들을 바탕으로 우리 서비스를 점검한 결과 서비스 내 어조의 일관성 부족과 잘못된 표현의 사용으로 브랜드 경험을 저해하고 있다는 결론이 나왔습니다.

UX 라이팅의 필요성을 확인 후, 이러한 문제를 해결하기 위해 본격적으로 2달간의 여정을 시작했습니다!

구름의 보이스톤 만들기

1. Brand Core Value

구름 서비스 전체에 적용될 가이드라인을 만들어가는 첫 과정으로 우리 브랜드만의 목소리를 만드는 시간을 가졌습니다.

저희는 린브랜딩 방법을 참고해 브랜드 코어 밸류를 정리하는 작업을 진행했고, 3가지 코어 밸류를 도출했습니다.

구름은 ‘모두가 개발자가 된다’라는 미션 아래 개발 생태계를 가꿔나가고 있습니다. 그리고 이러한 구름이라는 브랜드를 설명할 수 있도록 코어 밸류를 설정했습니다.

2. 구름을 대표할 Persona

앞선 과정으로 정리한 구름의 이미지에 딱 맞는 퍼소나를 만들고, 이를 통해 구름의 목소리를 부여하고자 했습니다.

구름의 코어 밸류를 퍼소나 퍼스낼리티로 구체화하는 과정을 통해 완성된 구름의 퍼소나를 소개합니다! (짜잔)

개발 잘하는 편안한 선배가 필요하다면, 구름으로

3. 구름의 목소리, Tone of Voice

보이스톤 설정의 마지막 단계! 드디어 구름의 보이스톤입니다.

‘개발 잘하는 편안한 선배’라는 구름의 퍼소나가 가진 세 가지 키워드(Friendly, Supportive, Tech-savvy)를 통해 구름의 목소리를 부여했습니다!

구름 서비스 전체에 적용될 우리의 목소리가 정해진 감격의 순간이었습니다…!

원칙(Principles) 세우기

구름의 보이스톤이 정해진 다음 해야 할 일은 UX 라이팅을 위한 원칙을 세우는 것이었는데요.

결정된 보이스톤에 각각 상응하는 3가지 원칙을 정하고 각 원칙 별로 세부 사항을 정리해나갔습니다. 결정된 원칙의 일부는 아래와 같습니다.

01. 친절하게 쓰기

구름은 사용자들이 서비스 내에서 존중받는 느낌을 받도록 최선을 다합니다. 또한, 다소 어렵게 느낄 수 있는 ‘개발’에 대한 부담을 덜고 누구나 편하게 시작할 수 있도록 친절함을 유지합니다.

02. 누구나 이해하기 쉽게 쓰기

구름은 개발자가 되어가는 여정을 함께 하기 위해 이해하기 쉽게 이야기합니다. 사용자들이 개발 여정을 포기하지 않고 이어갈 수 있도록 전문가가 아닌 이들도 이해할 수 있는 직관적인 표현을 지향합니다.

03. 신뢰할 수 있게 쓰기

구름은 교육부터 채용, 실제 개발과 구축을 위한 전문 서비스를 제공하고 있습니다. 우리가 제공하는 서비스를 통해 변화를 만들어나갈 사용자들이 믿고 사용할 수 있도록 신뢰할 수 있는 목소리를 유지합니다.

상황별 구체화하기

큰 원칙이 정해진 후 상황별 가이드라인을 구체화해 저희가 세운 원칙이 혼란 없이 서비스에 잘 적용될 수 있도록 했습니다.

가이드라인 공유

이렇게 UX 라이팅 가이드라인이 완성된 후 공유를 위해 가이드라인이 정리된 피그마 링크와 그간의 내용을 정리한 회의록을 노션에 공유했습니다.

또 CDO 제이슨이 추진한 구름 디자인 시스템(GDS) 세미나를 통해 UX 라이팅 가이드라인을 설명함으로써 더 효과적으로 전사에 공유할 수 있었습니다.

서비스별 가이드 적용

UX 라이팅 가이드라인 제작과 공유까지 완료됐다면 이제 대장정이 끝났다고 생각할 수도 있지만, 완성된 가이드에 맞춰 전체 서비스 문구를 다듬는 과정이 필요했습니다.

이때 앞서 전체 문구를 점검할 때 사용한 스프린트 시트를 활용해 서비스 별로 문구를 수정했습니다. 여기까지가 현재의 진행 상황입니다. 기왕 글을 시작한 김에 이후의 계획도 살짝 나눠보자면 아래와 같습니다.

1) 수정한 문구를 크로스체크 후 전체 사이트에 반영
2) A/B 테스트를 통한 검증 단계를 거쳐 추후 가이드라인 업데이트에 반영

마치며

UX 라이팅 가이드라인을 통해 각 직군별 구르미들이 일하는 방식에도 차이가 생겼는데요. 우리가 구름 서비스를 만들어 가는데 바뀐 점은 이렇습니다!

디자이너

시안마다 다르게 쓰여있어 어떻게 작성할지 혼란스럽던 문구를 작성하는 기준이 생겼어요. 알맞은 문구 작성을 위해 다른 시안을 찾아보던 시간을 줄일 수 있어 효율적이에요!

개발자

UI 텍스트 수정을 해야 할 때 디자이너에게 요청하지 않고도 가이드 문서를 보고 직접 텍스트를 작성할 수 있어 작업 프로세스가 간단해졌어요!

마케팅 매니저

사용자를 향한 일관적인 태도(=곧 언어) 중요하다는 사실을 다시 한번 리마인드 할 수 있었던 시간이었습니다.

구름의 UX 라이팅 가이드라인을 만들어가며 저희가 내린 결론은 이 가이드라인은 절대적인 법칙보다는 ‘사용자를 향한 구름의 태도’라는 것입니다. 그래서 구르미들은 이 가이드를 구름이 더 구름다울 수 있도록 우리의 정체성과 지향점을 지켜줄, 우리가 지켜야 할 태도로 여기고 있습니다.

레퍼런스

UX 라이팅 가이드라인을 만드는 데 좋은 참고 자료를 제공해 주신 분들께 감사를 전합니다!

• RIDI Design System UI 텍스트 작성 가이드
• 강남언니 UI 텍스트 가이드라인 제작기
• Spoqa Writing Guide

구름의 가치를 같이 만들어나갈
뉴-구르미들을 찾고 있어요

The post 구름 UX Writing 가이드라인 제작기 appeared first on 구름 공식 블로그 (goorm blog).

이번 구름 웰컴키트는 사내에서 처음 시도하는 브랜딩 프로젝트였습니다.
2020년 7월 말부터 기획을 시작해 12월 모든 작업을 마무리한 나름 장기 프로젝트였어요.

새로 입사하게 될 뉴-구르미 뿐 아니라 기존 구르미들 그리고 구름의 파트너분들까지 대상을 확장하여 기획했습니다. 사실 추석 때 깜짝으로 구성원들에게 명절 선물로 나눠주려 계획했는데요. 진정 필요한 굿즈가 무엇이며 구름의 정체성을 어떻게 하면 잘 나타낼까 고민고민하다 굿즈 제작 시기를 놓쳐서 2020년 종무식 자리에서 나눠주게 되었습니다. (제작 중간중간 과정을 생각하면 눈물부터 나오고…… 굿즈를 받고 처음 열어보는 순간 또 눈물나고…… 정말 눈물의 연속이네요…..ㅠㅠㅠㅠ)

구름은 ‘ANYONE CAN DEVELOP’ 이라는 비전 아래 모든 구성원들이 하나로 똘똘 뭉쳐 일을 하고 있는데요. 이러한 비전과 조직 문화의 정체성이 잘 나타나도록 굿즈 구성과 패키지 제작을 하였습니다.

자, 이제 구름 웰컴키트를 오픈 해보겠습니다!

ANYONE CAN DEVELOP

HELLO! WE ARE GOORM.

오픈하자마자 환영의 메세지와 함께 구름의 정체성을 잘 보여주는 내용으로 채워져있습니다.
처음 입사하는 뉴-구르미와 구름을 잘 모르는 고객들에게 우리가 누구인지 설명하고 있습니다.

모든 구성품을 공개합니다!

웰컴키트 박스를 오픈하게 되면 3개의 이너박스가 들어 있습니다. 각 이너박스에는 구름의 문화를 대표하는 명언들이 인쇄되어 있는데요. 패키지에서 조차 구름의 브랜드와 정체성을 보여주고자 했습니다.

플래너 다이어리, 디자이너 노트, 포스트-잇, 고급진 펜, 텀블러, 피규어, 방향제 등등등… 업무에 꼭 필요한 필수템만 모아져 있어서 구성원과 파트너분들이 만족하며 사용하고 있습니다. 너무 좋다는 피드백을 들을때마다 왜 이렇게 마음이 뿌듯한지 참… 좋네요!

OTHERS

처음 진행하는 브랜딩 프로젝트이었지만 팀원 한명 한명이 수고한 덕분에 이렇게 좋은 결과물이 나올 수 있었습니다. 구르미들이 첫 출근날 자리에서 굿즈를 발견하고 놀라는 모습, 다시 한번 구름의 정체성과 소속감을 되새기는 모습이 프로젝트에 참여한 한 사람으로서 보람찼던거 같습니다.

앞으로 구름은 모두가 개발자가 되는 그 날까지 우리만의 가치를 높이기 위해 이러한 경험을 계속할 것입니다. 같이 경험하시겠어요?

구름의 가치를 같이 만들어나갈
뉴-구르미들을 찾고 있어요

The post HELLO, WE ARE GOORM! appeared first on 구름 공식 블로그 (goorm blog).