저는 ProtoPie의 브랜드 디자이너인 Rina Park와 함께 이 글을 썼습니다. 함께 저희가 누구인지, 그리고 앞으로 어떤 존재가 되고자 하는지를 다시 정의해 온 변화무쌍하고도 즐거운 여정을 여러분께 들려드리고자 합니다.
아직 저희에 대해 들어보신 적이 없다면, ProtoPie 는 코딩 기술 없이도 매우 사실적인 프로토타입을 만들 수 있을 뿐 아니라 어떤 기기에서든 쉽게 공유하고 테스트할 수 있게 해 주는 고급 프로토타이핑 도구입니다.
저희 제품과 팀은 2016년에 첫 번째 “Pie”를 만든 이후 기하급수적으로 성장했습니다. 우여곡절도 있었지만, 저희는 팀으로서 어려움을 극복하고 도구의 성능을 완벽하게 다듬어 사용자에게 최상의 제품 경험을 제공하기 위해 열심히 노력했습니다.
그리고 그 노력은 결실을 맺었습니다! 오늘날 ProtoPie는 Google에서 Microsoft에 이르기까지 전 세계의 디자인 팀들이 일상적인 프로토타이핑 워크플로를 단순화하면서도 뛰어난 결과를 얻도록 돕고 있습니다. 최근 저희는 오랫동안 기다려 온 4.0 릴리스를 공개했으며, 오랜 사용자와 신규 사용자 모두로부터 열광적인 반응을 얻었습니다.
ProtoPie 4.0 작업을 시작하면서, 저희는 브랜드 이미지가 더 이상 저희의 목표와 정신을 반영하지 못하고 있다는 문제를 깨달았습니다.
그래서 저희는 정체성과 가치의 핵심을 향한 6개월간의 집중적인 여정에 나섰습니다.
왜 ProtoPie가 사용자에게 중요한가요?
ProtoPie 는 코딩 기술 없이도 매우 사실적인 프로토타입을 빠르게 만들고자 하는 단순한 필요에 대한 응답으로 2016년에 출시되었습니다.
전후
사용 편의성, 속도, 높은 완성도.
이것들은 (그리고 지금도 마찬가지로) 사용자들이 비슷한 도구 대신 저희 도구를 선택할 때 중요하게 여기는 핵심 포인트였습니다. 대부분의 사용자에게 ProtoPie는 단순히 편리한 도구를 넘어, 시간과 비용을 아껴 주는 진정한 도구입니다. 품질을 희생하지 않으면서 빠르게 프로토타입을 만들 수 있게 해 주는 믿을 수 있는 문제 해결사입니다.
저희는 이러한 고유한 특성을 더 구조적이고 강력한 방식으로 반영하는 브랜드 이미지를 만들고 싶었습니다.
우리 브랜드 아이덴티티에는 무엇이 부족했을까요?
복잡한 인터랙션을 파이처럼 쉽게 프로토타이핑한다. 그것이 늘 저희의 만트라이자 태그라인이었습니다.
그리고 브랜드 이름도 여기서 왔습니다. “prototyping”과 “as easy as pie”를 줄여 만든 말입니다.
당연히 첫날부터 사용해 온 로고는 파이를 형상화한 것이었습니다. 정확히는 위에서 내려다본 격자무늬 파이 크러스트였죠.
크기 제한
분명 친근하고 따뜻해 보였습니다. 하지만 동시에 저희가 과감히 벗어나야 할 큰 한계도 있었습니다.
첫째, 디테일이 너무 많았습니다. 크기를 줄이면 교차하는 줄무늬가 거의 하나로 뭉쳐져 알아보기 힘들어졌습니다.
둘째, 저희의 핵심 제품 특성과도 완전히 맞지 않았습니다. 그 모습은 강력하고 사용자 친화적인 소프트웨어보다 섬세한 베이커리를 더 연상시켜, 결국 신규 사용자를 여러 번 오해하게 만들었습니다.
방향 찾기
문제는 파악했습니다. 다음 단계는 실행 계획이 필요했습니다.
모든 옵션을 신중히 검토한 끝에, 저희는 리브랜딩 방향을 두 가지로 좁히기로 했습니다:
진화** ** - 로고를 여러 각도에서 디자인을 살펴보며 더 단순하게 만드는 단순화 과정입니다.
혁신 - 브랜드 연상을 다시 만들어 제품이 사용자에게 인식되는 방식을 바꾸기 위한 과정입니다.
두 가지 리브랜딩 접근 방식
로고를 새롭게 다듬기: 무엇이 바뀌었고, 무엇은 그대로였는가.
모든 것이 나빴던 것은 아닙니다. 저희 로고에는 한계가 있었지만, 유지할 가치가 있는 몇 가지 강점도 있었습니다.
첫째, 파이 심볼입니다. 저희가 어떻게 느끼든, 파이 디자인은 모두의 마음속에서 ProtoPie와 강하게 연결되어 있었습니다. 그것은 따뜻하고 포근한 어린 시절의 기억을 떠올리게 하는 강력하고 매우 감성적인 상징입니다. 그냥 버릴 수는 없었습니다.
그래서 저희는 리브랜딩 방향을 ProtoPie의 핵심 제품 특성—강력하고 빠르며 사용자 친화적인 프로토타이핑 소프트웨어—에 대한 새로운 의미 있는 연상을 만드는 데 집중하기로 했습니다. 동시에 원래의 파이 디자인은 유지했습니다. 힘과 따뜻함, 이 두 차원은 ProtoPie 안에 함께 존재합니다.
새 로고 스케치하기
새로 단장한 파이 로고.
아래의 3개 단위를 결합해 저희의 달콤한 파이를 완전히 새롭게 바꾸었습니다.
3개 단위의 결합
더 이상 평면적이고 복잡한 패턴은 없습니다. 대신 기하학적이고 3중 구조의 파이 조각을 디자인했습니다. 프로토타이핑은 시각적이면서도 논리적인 작업이기 때문에, 새 로고가 이러한 이중성을 반영하길 원했습니다. 상상력이 있으면서도 체계적이어야 했습니다.
균형 잡힌 로고에는 명확하고 체계적인 그리드 시스템이 필요합니다. 저희는 1:1 정사각형 그리드를 사용하고, 세로로는 1.618 황금비율로 나누었습니다. 그 안에 일정한 반경을 가진 50° 각도의 삼각형 세 개를 층층이 쌓았습니다.
더 대담한 모습.
마침내 ProtoPie의 고유한 특성과 정신에 어울리는 로고를 갖게 되었습니다. 이제는 더 큰 그림을 그리며 일관된 브랜드 가이드라인을 정의할 차례였습니다.
브랜드 시스템 구축하기
저희는 브랜딩이 단지 멋진 로고를 만드는 일만이 아니라는 것을 알고 있었습니다. 그것은 핵심 가치와 포부를 반영하는, 사용자에게 의미 있는 경험을 만드는 일입니다. 로고가 아름다운 한 문장이라면, 브랜드는 그로부터 흘러나와 모두를 연결하고 영감을 주는 풍성한 대화입니다.
저희는 브랜드가 모든 접점에서 사용자 경험을 풍요롭게 하고, 어디에 나타나든 알아볼 수 있어야 한다는 점을 확실히 해야 했습니다.
타이포그래피, 색상, 구성은 방문자가 제품을 발견하거나 다시 구매하는 여정에서 처음 마주하는 시각적 접점입니다. 이전의 시그니처 글꼴은 가볍고 얇았으며 색 대비도 부드러웠습니다. 밝은 회색 바탕 위의 가느다란 흰색 글자였죠. 저희는 이를 ticker 글꼴로 바꾸고 배경색 테마도 밝은색에서 어두운색으로 변경했습니다. 더 굵어진 대비와 두께는 ProtoPie를 신뢰할 수 있고 강력한 도구로 인식하게 합니다. 바로 이전 타이포그래피가 전달하지 못했던 부분입니다.
또한 일관된 색상 시스템이 필요했습니다. ProtoPie의 색상 팔레트는 완전히 엉망이었습니다. Studio, Cloud, Player가 하나의 제품 시스템을 이루고 있음에도 서로 다른 색조를 사용하고 있었기 때문입니다. 명확한 가이드라인이 시급했습니다.
코랄 핑크는 여전히 저희의 주 브랜드 색상입니다. 다만 조금 더 생동감 있고 채도 높게 조정했습니다. 웹사이트와 UI의 작은 디테일을 위한 보조 색상도 몇 가지 필요했습니다. 가장 작은 요소에는 선명한 인디고 블루에 핑크, 오렌지, 보라를 더한 조합을 선택했습니다. 활기차고 에너지를 주는 색들의 조합—빠르고 역동적인 프로토타이핑 도구에 완벽한 팔레트입니다.
새로운 ProtoPie 브랜드
새로운 ProtoPie 브랜드는 자신감 있고, 대담하며, 에너지가 넘칩니다. 언제나 새로운 도전에 나서고 성장할 준비가 되어 있으며, 긍정적으로 생각하는 사람들을 위한 프로토타이핑 도구입니다. 이것이 바로 저희가 새 브랜드에 불어넣고 싶었던 정신이며, 전반적으로 저희는 이번 결과와 이 여정이 가르쳐 준 것들에 만족합니다.
오늘날 저희는 자신감과 낙관으로 ProtoPie의 미래를 바라볼 수 있습니다. 여정은 지금까지 치열했지만 훌륭했습니다. 하지만 가장 좋은 것은 아직 오지 않았다고 믿습니다.
