Hermetica는 어떻게 3D 디자인으로 핀테크 브랜드를 끌어올렸나

핀테크 스타트업 Hermetica가 크립토 네이티브 투자자를 위한 브랜드를 만들기로 했을 때, 익숙한 과제에 부딪혔습니다.

똑같아 보이는 수백 개의 금융 상품 속에 묻히지 않으면서 신뢰, 투명성, 기술적 신뢰도를 어떻게 전달할 수 있을까?

이 과제는 Lepisov Branding 팀의 Dmitry Lepisov와 Arthur Skripnik에게 주어졌습니다. 그들은 단순히 비주얼 아이덴티티를 만드는 데 그치지 않고, 완전한 브랜드 시스템을 원했습니다.

마케팅 자료, 제품 UI, 소셜 미디어 전반으로 확장되면서도 유연성과 속도를 유지하고 브랜드 정신에 충실한 시스템이었죠.

새로운 금융 고객층을 위한 디자인

Hermetica는 크립토 지갑과 자체 스테이블 코인을 포함한 크립토 기반 금융 상품을 개발합니다.

"금융은 전통적으로 시각적으로 지루한 분야입니다." Dmitry의 설명입니다.

팀은 처음부터 비주얼만으로는 부족하다는 것을 알았습니다. 속도나 성능을 희생하지 않으면서 깊이, 모션, 인터랙티브 디자인이 필요했습니다.

Hermetica의 브랜드는 진지하고 믿음직해 보여야 했지만, 동시에 돋보일 만큼 독특하고 창의적이어야 했습니다.

3D 동전 하나가 전체 비주얼 시스템이 되기까지

프로젝트는 피치 덱 하나로 꽤 작게 시작했습니다.

Arthur는 Spline에서 어둡고, 미니멀하고, 손에 잡힐 듯한 3D 동전 하나를 디자인했습니다. 브랜드를 정의하기보다는 이야기를 뒷받침하기 위한 것이었죠. 투자자 피치 덱을 위한 동전이었지만, 반응은 즉각적이었습니다.

창업자들에게 보여 줬더니 아주 마음에 들어 했습니다. 같은 3D 스타일을 소셜 미디어에도 쓸 수 있는지 묻더군요. 그다음엔 웹사이트에도요. 그리고 결국 제품 UI에까지 쓰게 됐습니다.

작은 프로젝트로 시작한 일이 빠르게 Spline으로만 만든 완전한 3D 기반 시스템으로 발전했습니다.

브랜드 시스템과 언어 구축

프로젝트가 커져도 시각 언어와 스타일을 일관되게 유지하기 위해, 디자인 팀은 하나의 통일된 컨셉을 따라 독특한 브랜드 아이덴티티를 확립하면서도 유연성과 속도를 유지하는 프레임워크를 개발했습니다.

• Macro - Hermetica의 핵심 제품을 상징하는, 매우 디테일한 단일 3D 토큰.
• Mezzo - 제품 기능과 이야기에 쓰이는 동전 더미와 동전 줄.
• Micro - 시장의 변동성과 흐름을 반영하는 물결 같은 패턴을 이루는 수천 개의 작은 요소.

이 브랜드 시스템은 브랜드 뒤에 있는 스토리텔링 내러티브를 발전시키기 위해 만들어졌고, 덕분에 모든 캠페인과 게시물이 비슷한 논리를 따랐습니다.

규칙이 이미 시스템에 녹아 있었기 때문에 Hermetica 내부 팀은 시각적 일관성을 깨뜨리지 않고 독립적으로 작업할 수 있었습니다.

Hermetica는 이 그래픽을 보고 마법 같다고 느꼈습니다. 우리는 쓸모 있는 것을 만들었고, 그것으로 만족합니다.

Spline이 워크플로에 딱 맞았던 이유

이미지, 동영상, SVG를 아우르는 Spline의 가져오기와 내보내기 기능 덕분에 기존 에셋을 여러 결과물에 맞게 조정하고 재사용하는 빠르고 유연한 워크플로가 가능했습니다.

Spline은 단순한 3D 툴이 아니었습니다. 브랜드를 위한 제작 환경이자 운영 체제가 되었습니다.

Arthur에게는 장점이 바로 와닿았습니다.

• 상태 기반 애니메이션
• 실시간 렌더링
• 여러 제작 결과물을 위한 에셋을 한곳에서 디자인하고, 애니메이션을 적용하고, 준비하기

Dmitry에게는 협업 방식이 바뀌었습니다. 와이어프레임과 정적 렌더링을 검토하는 대신, 완전히 인터랙티브한 씬을 바로 보고, 파일에 직접 댓글을 남기거나, 요소를 직접 조정할 수 있었습니다.

Hermetica 팀도 마찬가지로 링크를 열어 맥락 속에서 작업물을 경험할 수 있었습니다. 덕분에 검토는 빨라지고 결정은 명확해졌습니다.

우리가 정해 둔 규칙 덕분에 Hermetica 팀은 Spline 파일을 열어 카메라 원근 같은 것을 조정하고 쉽게 내보낼 수 있었습니다.

성능을 희생하지 않는 속도

Hermetica는 촉박한 일정으로 출시하는 일이 잦았습니다. 새 기능, 대시보드, 캠페인...

"클라이언트가 '이걸 일주일 안에 선보여야 해요'라고 하는 상황이 있었는데, Spline 덕분에 아주 빠르게 결과물을 낼 수 있었습니다."

그런 촉박한 마감 중 하나를 맞추기 위해 팀은 전통적인 3D 렌더링 파이프라인에 의존하지 않고 애니메이션과 렌더링을 실시간으로 처리하며 Spline에서 바로 완전한 프로모션 동영상을 만들었습니다.

대시보드 요소 몇 개를 가져와 돌출하고 조명을 좀 더했을 뿐이라 쉬웠습니다. 눈을 사로잡는 비주얼을 정말 빠르게 만들 수 있었어요.

이 프로젝트의 또 다른 과제는 사이트 성능에 영향을 주지 않으면서 시각적으로 풍부한 씬을 만드는 것이었습니다.

'Micro' 애니메이션을 만들기 위해 Arthur는 초경량 해법을 설계했습니다. 삼각형 컴포넌트 하나를 Spline의 클로너 기능으로 수천 번 복제한 것이죠. 머티리얼 하나. 컴포넌트 하나. 인스턴스 수천 개.

최종 씬의 용량은 7~10KB에 불과했고 성능 최적화 테스트에서도 좋은 점수를 받았습니다. 그러면서도 여전히 정교하고, 역동적이고, 살아 있는 느낌을 주었습니다.

모든 것을 단순하게 만드는 통합

Spline 덕분에 팀은 흐름을 끊지 않고 여러 매체를 넘나들며 작업할 수 있었습니다.

• 바로 임베드되는 인터랙티브 웹사이트 씬.
• 실시간으로 렌더링한 제품 UI 프로모션 동영상.
• 같은 핵심 에셋으로 만든 소셜 애니메이션.
• 브랜드 가이드라인 제작을 위해 Spline에서 내보낸 PNG.

Hermetica 내부 팀에 베리에이션이 필요하면 원본 파일을 열어 카메라 각도를 조정하고 처음부터 다시 시작할 필요 없이 새 에셋을 내보낼 수 있었습니다.

핸드오프는 디자인 시스템만큼이나 유연했습니다. Spline 덕분에 속도는 타협이 아니라 하나의 기능이 되었습니다.

창의적인 추진력이 살아 있는 동안 아이디어가 컨셉에서 제작으로 넘어갈 수 있었습니다. 긴 렌더링 대기열도, 쪼개진 워크플로도, 툴을 옮길 때마다 의도를 다시 설명하는 일도 없었습니다.

무언가를 만들 때 가장 중요한 건 추진력입니다. 그걸 잃고 싶지 않죠. Spline은 우리가 아이디어를 금세 시각화하고 현실로 만들 수 있게 도와줍니다.

Spline 시작하기

일정을 단축하고 번거로움을 없앤 덕분에 Lepisov Branding은 핸드오프와 타협을 줄이며 더 높은 품질의 작업을 더 빠르게 전달했습니다.

그리고 Hermetica가 이 수준의 "빠름"이 어떤 모습인지 직접 확인하자 기대치가 바뀌었습니다. "Spline은 Hermetica의 기준을 높였습니다. 이제 그들은 이렇게 짧은 시간에 어떤 품질을 얻을 수 있는지 압니다."

Spline 덕분에 만드는 사람들의 속도를 늦추지 않으면서도 표현력 있고, 성능이 뛰어나고, 확장 가능한 브랜드 시스템을 만들 수 있었습니다.

영업팀 문의