Saddle의 CEO이자 창립자인 Simen Sanna는 노르웨이의 SaaS 기업가이자 전직 에너지 엔지니어로, 2021년 해상 선박의 탈탄소화를 위한 세계 최고의 소프트웨어를 개발한 후 이전 회사를 매각하였습니다.

이전 소프트웨어는 개발에 수년이 걸렸지만, 그의 최신 서비스는 이야기가 전혀 다릅니다.

디자인 및 제품 제작 컨설팅 회사인 SmplCo와 협력하여, Saddle은 Figma Make를 활용해 소프트웨어를 만드는 데 걸리는 시간을 크게 단축하고 비용을 절감했습니다.

"이전에는 Saddle과 같은 수준의 작동 가능한 MVP를 만드는 데 6개월의 시간과 8배의 비용이 소요되었습니다"라고 Simen은 말합니다.

"Figma Make는 업무 방식을 완전히 바꾸어 놓았습니다.""SmplCo의 도움으로 디자인 생성, 사용자 여정 계획, 와이어프레임 스케치에서 클릭 가능한 Figma Design, React 소프트웨어 개발, 그리고 모든 것을 백엔드 끝점에 연결하는 작업까지 단 2주 만에 완료할 수 있었습니다!"

이는 그 2주간의 이야기입니다.

결정을 위한 디지털 고속도로

Saddle은 소프트웨어 플랫폼으로, 특히 인수합병(M&A)에서 중요한 기간에 회사가 더 빠르고 더 나은 결정을 내리고 혁신을 주도할 수 있도록 돕습니다.

"새로운 경영팀이 회사를 인수하면, 올바른 결정을 내리기 위해 기존 리더들과의 성공적인 협력과 정확한 데이터가 필요합니다. 하지만 인수한 회사의 미묘한 고객 인사이트, 내부 역학 관계, 그리고 창의적 강점과 같은 심층적인 이해를 얻는 것은 매우 어렵습니다"라고 Simen은 말합니다.

"직원들은 자신의 목소리가 반영되지 않는다고 느끼고, 리더들은 팀 내 어디에서 혁신이 일어나고 있는지 파악하지 못합니다. 그 결과, 귀중한 아이디어를 놓치게 되고 주요 인재들이 의욕을 잃으며 혁신은 정체됩니다."

최종 결과는 무엇일까요? Simen에 따르면 약 60%의 M&A 거래가 의도했던 가치를 창출하는 데 실패합니다.

이런 이유에서 Saddle은 이니셔티브와 의사결정을 위한 "디지털 고속도로"를 제공합니다.

이 플랫폼은 혁신 데이터를 비즈니스 지표와 직접 연결하여, 회사가 우수한 아이디어를 식별하고 의사결정 과정을 간소화하며, 가시성과 인정을 통해 창의적 인재를 유지할 수 있도록 돕습니다.

민첩한 움직임, 가시적인 성과

내부적으로 백엔드를 구축한 후, Saddle은 디자인 전문 기업인 SmplCo와 협력했습니다.

SmplCo는 "빠르게 프로토타입을 만들어 스마트하게 구축하고 몇 주 이내에 출시한다"는 가치 제안을 지원하기 위해 Figma Make를 통한 실험을 시작했습니다.

1단계: 개념에서 프로토타입까지

SmplCo의 대표 파트너 Andreas Melvær는 협업이 신속한 아이디어 구상으로 시작되었다고 설명합니다.

"먼저, 우리는 문제를 명확하게 정의하고 니치 영역, 즉 주식 거래 과정에서 제품이 어떻게 혁신을 지원할 수 있는지에 집중했습니다."

"직원들이 아이디어를 제출하고 리더들이 이를 추적하고 평가하며 우선순위를 정하는 방식을 시각화한 사용자 여정과 UI 컨셉을 설계했습니다."

이것은 팀이 수년간 직접 회사를 설립하고 매각했던 경험을 바탕으로 설계한 SmplCo의 독자적인 5일 프로토타입 프로세스 첫 번째 단계였습니다.

팀은 며칠 만에 Figma에서 인터랙티브 데모 프로토타입을 만들었습니다. 이 프로토타입은 테스트와 반복 개선할 수 있을 만큼 단순하면서도 핵심 기능과 사용자 흐름을 검증하기에는 충분할 만큼 풍부한 구성을 갖추고 있었습니다.

2단계: Figma Make에서 프로토타입 구현

프로토타입을 통해 적절한 사용자 경험을 확보한 후, 팀은 즉시 Figma Make로 전환했습니다.

그들은 바이브 코딩 환경을 활용하여 Figma 디자인을 반응형이며 인터랙션이 가능한 실제 프론트엔드 인터페이스로 변환했습니다.

이로 인해 Saddle은 거의 즉시 사용할 수 있고 테스트할 수 있는 기능적인 제품을 갖게 되었습니다.

Simen이 언급한 것처럼, "Saddle의 핵심 아이디어는 아이디어를 생생하게 구현하는 것이며, Figma Make는 그 과정을 매우 신속하게 실현해 주었습니다. 하지만 이 프로젝트에는 현재 시장에 쏟아져 나오는 수많은 로우코드 시도들과 차별화되는 결정적인 요소가 있었습니다."

Simen은 Saddle이 디자인과 코딩 분야에서 전문성을 갖춰야 한다는 점을 알고 있었습니다. 그래서 SmplCo 팀은 코드가 깔끔하고 안전한지 확인하기 위해 코드를 자세히 살펴보았습니다.

"Figma Make의 속도와 소프트웨어 디자인 전문가를 결합하면 훨씬 더 큰 가치를 얻을 수 있습니다"라고 Simen은 말합니다.

"바이브 코딩은 훌륭하지만, 비구조적인 코드를 만들 수 있습니다"라고 Andreas는 말합니다. "탄탄한 기초를 만드는 것이 중요합니다. 그렇지 않으면 제품을 확장하고 성장시키는 것이 어려워질 수 있습니다."

3단계: 프론트엔드와 백엔드 연결

중요한 것은 이 과정이 시작되기 전에 이미 Saddle은 백엔드를 구축했다는 점입니다.

이는 Figma Make로 제작된 프론트엔드가 API를 통해 실제 데이터와 매끄럽게 연결될 수 있음을 의미하며, 이를 통해 프로토타입을 실제 작동하는 제품으로 전환시켰습니다.

데이터 레이어를 먼저 구축하는 이러한 순서는, 신속하게 진행을 완료하는 데 필수적이었습니다.

결과는 어땠을까요? Saddle은 2주 만에 백엔드 데이터에서 디자인과 데이터를 모두 통합하는 라이브 플랫폼으로 발전했으며, 시연과 개선을 진행할 준비가 되었습니다.

Figma Make를 사용함으로써 어떤 이점이 있었나요?

디자인과 프론트엔드 개발을 하나의 환경으로 합침으로써, Figma Make는 디자이너와 엔지니어 간의 기존 핸드오프에서 발생하던 지연을 없앴습니다.

"Figma Make를 사용함으로써 Saddle과 SmplCo는 단 2주 만에 프로토타입에서 작동하는 소프트웨어로 전환할 수 있었습니다. 이전에는 이 과정에 6개월이 걸리고 비용도 8배가 소요됐었죠"라고 Simen은 말합니다.

Saddle과 같은 스타트업에게 이러한 속도는 곧바로 경쟁 우위를 의미하며, 초기 동력을 확보하고 개발 비용을 효율적으로 유지하는 데 도움이 되었습니다.

효율성을 넘어서, Figma Make는 잘 정의된 디자인 시스템과 명확한 디자인 반복 개선 방향을 제공하는 수준 높은 창의적인 유연성을 제공했습니다.

코드가 깨지거나 시간이 낭비되는 문제를 걱정할 필요 없이 레이아웃, 로직, 인터랙션을 자유롭게 계속해서 실험할 수 있었습니다. 인터페이스는 시각적으로 세련되고, 동시에 기술적으로 구현될 수 있어 빠른 테스트와 반복 개선이 가능해졌습니다.

이러한 접근 방식은 프로세스 전반에 걸쳐 발견과 혁신을 촉진했습니다.

성공을 위한 준비 방법

Figma Make가 속도와 비용 면에서 큰 이점을 제공했지만, Saddle 팀은 또한 준비 과정과 전문성에 대한 값진 교훈도 얻었습니다.

1. 먼저 백엔드를 준비합니다

Saddle의 성공은 Figma Make 빌드를 시작하기 전에 데이터 인프라를 제대로 구축하는 데 달려 있었습니다.

그것이 없었다면 인상적이지만 연결되지 않은 프론트엔드만 남았을 것입니다.

Simen은 "엔드포인트가 준비되어 있다면 Figma Make 프로세스는 거침없이 속도가 붙을 것입니다"라고 말합니다.

2. 전문가의 가이드는 필수적입니다

의사결정을 가이드하고 품질을 유지하기 위해서는 숙련된 디자이너와 개발자가 매우 중요합니다.

"지금은 누구나 훌륭한 소프트웨어를 만들 수 있다는 생각이 퍼져 있지만, 그것은 사실이 아닙니다"라고 Andreas는 말합니다.

"그로 인해 보안, 개인정보 보호, 지속 가능성에 대해 심각한 문제를 일으키는 부실한 소프트웨어들을 많이 목격하고 있습니다."

"창의적인 면과 기술적인 면을 모두 이해하는 전문가가 필요합니다."

3. 프로세스를 신뢰하되, 빠르게 반복 개선합니다

Saddle의 2주 빌드는 팀이 유연하고 탐구적인 사고방식을 수용했기 때문에 성공할 수 있었습니다.

Saddle에게 있어서 Figma Make는 몇 개월이 걸릴 수 있던 개발 주기를 아이디어에서 실제 작동하는 플랫폼으로 전환하는 단 2주의 스프린트로 바꾸었습니다.

또한 속도, 비용 절감, 창의적 자유를 제공했을 뿐만 아니라 준비 과정, 협업, 전문성에 대한 시대를 변치 않는 교훈도 다시 한번 일깨워 주었습니다.

이 여정을 시작하려는 분들에게 전하는 Simen의 마지막 한마디는 다음과 같습니다.

"속도가 매우 빠를 테니 단단히 준비하고 안장(Saddle)을 꽉 잡으세요."