코딩 0, 도전 100%, 노코드 좌충우돌 학습일기

몇 달동안 서비스를 만들겠다고 고민하던 저의 이야기를 풀어봅니다

→ 이 글은 뉴스레터 [인재발견]에서 발행되었습니다.
스타트업 동료를 위한 인사이트 노트 (커뮤니케이션 노트)를 매주 구독해보세요:)
→ 구독하러 가기

오늘은 아주 늦은 불금에 찾아왔어요. 이번주에 참 좋은 소식이 있던데! 10월 1일이 임시공휴일이 됐다는 사실 😊 추석 연휴, 10월에도 돌아오는 연휴들. 다들 무슨 계획을 가지고 있는지 궁금한데요. 인재발견은 좋은 서비스를 가지고 오기 위해 불철주야 일을 해야하지 않을까 싶은데요.

늦게 뉴스레터를 전달하게 된 이유는 바로 '한 번도 시도하지 않았던 일'을 시도하는 과정이기 때문인데요. 개발자도 아닌 제가 홈페이지를 만들겠다고 동네방네 공표하는 요즘입니다. 간단하게 여러분에게도 말씀을 드리려 합니다. 코딩 없이 노코드로 홈페이지를 만들려고 하고 있어요. (하, 제가 미쳤나봐요. 🥲 사실 너무 힘듭니다.)

이번주 주제는 지난주에 공표했던 '변화를 위한 행동 양식'입니다. 
변화를 위해서 무엇이 제일 먼저 필요할까요? 일단 마음가짐입니다.
일단 저는 새로운 걸 해보겠다고 마음을 먹었어요. 바로 아래에 나옵니다. 노코드!

This Week Index

1. 여기서 잠깐, 노코드란?
2. 홈페이지를 만드는 과정에서 부딪히는 어려움 몇가지 (가득가득 담긴 경험담과) 
3. 새로운 시도에서 내가 배운 몇가지. (엄청난 깨달음!)

여기서 잠깐, 노코드란?

코딩 경험이 전혀없는 저같은 사람들도 시도할 수 있답니다. 노코드(No-code)는 전통적인 프로그래밍 언어를 사용하지 않고도 웹/앱 서비스를 개발할 수 있는 도구인데요. 시각적 인터페이스를 중심으로 드로그 앤 드롭만 해서 시도해볼 수 있습니다. 기획자라서 그런지 아이디어는 넘치는데, 개발 비용 때문에 시도해보지 못했던 일을 할 수 있게 되었어요. 

저 같은 비개발자들이 많이 사용하는 노코드의 가장 큰 장점은 '빠른 프로토타이핑' 아닐까 하는데요. 프로토타입이란, 제품을 만드는 과정에서 시제품으로 미리 만들어보는 거죠. 가볍게 사람들의 반응을 들어보고, 피드백을 받고 다시 개선하는 과정으로 완벽한 제품을 향해 나아가게 됩니다. 개발 비용이 들지 않는 노코드는 사람들의 MVP를 가능하게 합니다. 

가장 많은 것을 시도하고 (가장 빨리 가장 많이 망치는) 사람이 이깁니다.
= Whoever Tries The Most Stuff (Screws The Most Stuff Up The Fastest) Wins)

톰 피터스 <비즈니스 인사이트>

노코드 사용자가 증가하는 가장 큰 이유는 접근성과 효율성 때문인데요. 전문적인 지식이 없더라도 실현가능한 웹/앱을 만들 수 있기 때문에 매력적인 옵션이 되고 있죠. 제작비용이 줄어들기 때문에 빠르게 제품을 구현할 수 있는 여력이 생기게 됩니다. 노코드가 각광받고 있다고 생각하는 이유는 스타트업 투자의 변화입니다. AI 뿐만이 아니라, 벤처 캐피탈에서 노코드 플랫폼에 큰 관심을 가지고 있거든요. 일례로 자동화 플랫폼인 Airtable*은 J.P Morgan과 Salesforce Ventures등이 투자에 참여했고, 기업가치가 110억 달러(14조) 이상으로 평가되고 있다고 합니다. 

*Airtable : 스프레드시트와 데이터베이스의 기능을 결합한 클라우드 기반 협업 플랫폼. 데이터베이스 또는 작업 공간과 유사한 기반을 만들 수 있는 시각적 인터페이스 제공하는 노코드 플랫폼.

실제로 가드너(Gartner)에서도 2025년까지 기업에서 개발되는 새로운 어플리케이션 70%가 로우코드 혹은 노코드 기술을 사용할 것이라고 전망했으니, 노코드의 성장 가능성이 어마무시하죠?

이렇게나 다양한 노코드 툴이 있답니다 @SAPPHIRE

홈페이지를 만드는 과정에서 부딪히는 어려움 몇 가지.

노코드로 홈페이지 만들기에 도전한 지 몇 주. 그 동안의 경험을 살짝 나눠볼까 한다. 실수와 좌절의 순간들도 포함해서. (사실 오늘도 좌절하고 그만두고 싶다는 말이 입밖으로 나올 뻔 했지만.) 

일단, 노코드 웹빌더 선택부터가 큰 난관이었어요.
선택지가 많은 만큼 고려해야할 부분들이 많았답니다.

1. 쉬운 걸 골라볼까? (드로그 앤 드랍으로 가능한 걸로 먼저 해 볼까?)
2. 디자인이 예쁜 걸 골라볼까? (깔끔하고 직관적인 'imweb' 아니면 'Webflow' 좋잖아!)
3. 복잡해도 다양한 서비스를 할 수 있는 게 좋을까? (악명 높은 Bubble, 괜찮을까?)

STEP1. 정보 수집하기 : 나의 서비스에는 어떤 웹빌더가 맞는지 고민하고 찾아보자!

웹사이트를 만드는 과정에서 찾아본 정보들

STEP2: 결정하기. 내가 하기로 한 '웹빌더' 노코드 사이트 결정! 버블!

욕심이 많은 저는 결국 다양한 서비스를 할 수 있는 버블로 선택하기로 결정했답니다. 이제부터 시작된 고난의 행군. 용어부터 화면 나아가 워크플로우까지 이해하는 데 몇 주가 걸렸어요. 유튜브, 유료강의, 커뮤니티 사이트르 들으면서 겨우겨우 따라갔죠. 가끔 5일만에 노코드로 사이트를 만들어서 매출 얼마 달성하는 분들을 보면 얼마나 현타가 오던지요. 따라가지 못하는 저를 자책하며 몇 주를 보냈답니다. 

웹사이트를 만드는 과정에서 꼭 필요한 일들. 내가 할 수 있는 일 없는 일!

🐶 제가 최근 도움받고 있는 커뮤니티 몇 가지를 소개해보자면:) 📍모두의노코드 https://everynocode.org/ 다 필요 없고, 노코드하다가 궁금한거 있으면 여기에 키워드 넣어보자. 10개 중 7개 나온다! 📍버블박스 https://www.bubblebox.kr/ 브런치 친구인 Famelee님의 버블박스. 사이드잡을 시작으로 투두몰 창업까지. 내 롤모델! 📍디스콰이엇 https://disquiet.io/ 데일리 인사이트, 개발 인사이트로 개발자의 생각구조를 파악해보는 사이트. 도움 많이 된다.

새로운 시도에서 내가 배운 몇 가지

이렇게까지 오픈하는 과정에서 큰 고민을 했어요. 아직까지 마무리 되지도 않았는데 이렇게 모든 걸 들어내도 괜찮을까 생각했죠. 하지만 최근 읽은 모든 책들의 저자들이 공통적으로 제게 외치는 말이 있었습니다.

- Pay it forward. 자신이 받은 도움을 다른 사람에게 나누라는 격언이 괜히 있는 게 아니다. <실패는 나침반이다>
- 팀의 성과는 구성원들이 얼마나 똑똑한가에 달려있는 것이 아니라, 동료들이 지켜보는 가운데 얼마나 편안하게 실험하고, 실패하고, 자신의 취약성을 드러낼 수 있는가에 따라 결정된다 <언러닝>

잘하든 못하든 일단 "나눠보자"

내가 이렇게까지 변화하려 하는 가장 큰 이유는 고정관념을 깨기 위함이었습니다. 변화하는 사회에 맞춰서 '나도 변화해야 한다는 점'. 내가 잘하는 것이 있다고 하더라도 그것이 대중에게 인정받지 못하는 순간이 올수도 있다는 것. 글쓰기를 좋아하고 나름 잘 한다고 생각했어요. 하지만, 늘 하던것만 하게 되면 변곡점을 만들기란 어렵죠. 

늘 쓰던 브런치를 쓰고, 뉴스레터를 써 보지만 정체되어 있다는 생각이 지배적인 순간이 왔습니다. 온라인에서의 공간을 다시 만들어보기로 했어요. 오프라인의 공간은 비록 큰 비용을 들여서 실패했을지라도 온라인 공간은 시도하고 또 시도하면서 다시 쌓아나갈 수 있으니까요. 

내가 하고 싶은 말을 '다른 방식'으로 변주하여 전달하는 노력을 하자
그들의 플랫폼으로 내가 적극적으로 다가가보자.

새로운 시도는 큰 용기가 필요합니다. 게다가 오랜 기간 같은 일을 해온 사람이라면 더더욱 그렇죠. 기존에 해 오던 관성과 습관을 깨부시기가 참 어려운데요. 무언가를 시작하는 사람에게는 박수를 쳐 주어야 겠더라고요. 아침에 일어나, 자기전에 저에게도 늘 칭찬합니다. 

"어려웠을텐데, 고생했어. 새로운거 배우느라 힘들지?"
고등학교 때 이렇게 스스로에게 따스했다면 어땠을까 싶기도 해요.

시도하는 나를 늘 멋있다고, 잘 하고 있다고 응원해주기

홈페이지 헤더 이미지를 전달드립니다 👀

매번 인사이트 넘치는 이야기, 제가 읽었던 것들에서 정보를 전달해드리다 이번에는 도대체 뭘 하고 있는지 궁금하실 인재발견의 구독자분들을 위해 편집자의 이야기를 가지고 와 보았는데요. 글쓰기가 중요하다면서 도대체 뭘 하고 있냐 궁금하셨죠? 늘 솔직하다고 생각했지만, 한편으로는 보여주고 싶지 않은 부족함도 보여줘야 진짜 '변화'라고 생각했거든요.

(인)재발견님, 요즘 어떤 시도를 해 보고 계세요? 저처럼 실패와 좌절의 과정에서 그만할까 생각도 하실꺼에요. 괜찮아요. 제가 있잖아요. 그냥 저도 무쏘의 뿔처럼 혼자 가보기로 했습니다. 이렇게 공부하다보면 또 다른 친구들이 생기겠죠? 더불어 인재발견의 서비스도 기대해주세요. 뉴스레터 혹은 곧 개발될 인사이트에 뒷이야기들을 모두 풀어놓겠습니다.

행복한 주말 되세요! 
다음주 금요일에 만나요 👋

웹사이트의 역할에 대해 (웹사이트 만들기2)

오랜기간 사업을 하면서 제일 아쉬웠던 점이 있다.

오프라인으로 코앤텍스트에 많은 고객들이 왔다 갔지만,

그들의 데이터를 활용할 수 있는 '방안'에 대한 고민이 부족했다.

문화예술 클래스에 치중되어 있던 탓에 '취미' 혹은 '지역'과 관련한 콘텐한 콘텐츠에 관심 있는 고객들이 많았다. 그들의 데이터를 어떻게 적재적소에 효과적으로 활용할 수 있을지, 그 당시에 충분히 알지 못했던 게 제일 후회된다.

홈페이지가 고객에게 주는 의미

결국 사용자 입장에서 홈페이지를 만들어야 한다. 소통은 바로 쌍방향으로 이루어져야 하기 때문이다.

사용자에게 방문한 이유를 확인하고, 나아가 목표를 설정해주는 작업을 수행하는게 홈페이지의 궁극적인 역할이다.

첫인상

첫인상은 딱 1분 안에 결정된다고 한다. 회사의 랜딩페이지, 즉 홈페이지 역시 첫인상이다. 사람의 얼굴처럼 회사의 얼굴이 바로 '랜딩페이지'다.

고객의 시선을 '명확'하게 만들어주자.

인터페이스가 인간과 상호작용을 위해 효율적으로 설계되었는지 알 수 있는 지표는 바로 '시각적 복잡성'과 프로토타입성'이다. 시각적 복잡성이 높아질수록 정보를 스캔하기 어렵다. 또한, 프로토타입성의 결함은 사용자의 미학적 인지에 크게 영향을 미친다. (출처: How Airbnb dirve user's actions with their landing page design - a UX analysis, Thanos Dimitriou)

고객이 보기 바라는 것을 보여주자

고객들은 본인이 무엇을 원하는지 잘 모른다. 스스로의 욕구를 제대로 파악하지 못하기 때문에, 타인에 의해 욕구를 이해하는 걸 선호한다. (타겟 마케팅을 해야하는 이유가 바로 여기 있다.)

인터넷 환경에서 고객은 아주 쉽게 시선을 빼앗긴다. 랜딩페이지가 있을 경우, 방문자가 집중할 수 있는 환경이 생긴다. 랜딩페이지가 있으면 방문자의 목표 행동을 유도할 수 있는 가능성이 높다. 실제로 고객 전환률을 높일 수 있는 '절호'의 기회가 된다.

단순하고, 이해하기 쉽고, 직관적이고, 행동하게 하라

메시지를 전달할 때, 간단하고 분명한 언어를 사용하자. 서비스의 제안을 '오해'하지 않게 하자. 편하게 이해할 수 있는 단어를 사용하자.

홈페이지가 사업체에게 주는 의미

방문한 이유를 확인하고, 궁극적으로 목표를 설정하는 건 사업체에게 어떤 의미일까?
데이터를 통해서 '고객의 욕구'를 들여다보고 나아가 '구매유도' 혹은 '경험' 등의 행동을 유도해야 한다.

고객 데이터로 '고객행동분석'을 수행한다.

어떤 고객들이 방문하는지, 주요 타겟이 누구인지 이해한다.

그러기 위해서는 고객 행동 분석이 필수적이다.

고객 여정 파악하기 ㅣ 고객이 어느 사이트 혹은 경로로 방문했나요?

Tip. 소셜미디어, 검색창, 지인추천 등과 같은 경로들을 파악할 수 있는 질문을 제공한다.

세분화하기 ㅣ 고객을 특정 기준으로 나눠 분석하자!

Tip. 인구통계, 행동패턴 등 유형화하여 세분화할 수 있는지 파악하자.

사용자 초기 데이터로 '체험'을 유도하자

사용자가 처음부터 우리 서비스를 구매하기는 매우 어렵다.

사이트를 방문하는 과정에서 관계 맺고 신뢰를 쌓아나가는 과정이 매우 중요하다.

그 과정에서 우리가 해야할 일은 '고객에게 진짜 '찐'으로 질문하는 일'

즉, 고객의 직접적인 피드백을 받아 방문 목적을 이해하는 작업이 선행되어야 한다.

효과적인 설문조사를 위해서는

우리 서비스의 목표를 명확하게 인지시켜야 한다.

결과적으로 고객의 데이터로그를 정리해 인사이트를 뽑는다.

다양한 일을 경험하면서 느낀 점은 사람들은 내가 무엇을 원하는지,

그리고 나를 정의내리는 작업을 제일 어려워한다.

그렇기에 그들의 욕구를 해소하기 위해서는 그들을 정의내리는 작업, 먼저 선행되어야 한다.

웹사이트가 꼭 필요한 이유 (웹사이트 만들기 1)



사실 개발 비용으로 몇 백만원 정도를 지원받아 놓은 상태에서 불안한 마음이 앞섰다. 그래서 결정한 건 바로 'MVP'를 위한 웹사이트를 만들자고 다짐했다.

비즈니스를 운영하는 사람의 입장에서 MVP는 정말 중요하다. 소비자의 니즈를 분석하는 데이터를 수집하기 위해 작은 비용으로 최대의 효과를 낼 수 있는 방법이기 때문이다.

*MVP: (Minimun Viable Product) 스타트업이 가장 중요한 기능에 집중하여 개발하는 초기 모델

사업을 하면서

내가 놓쳤던 것을 떠올리다

실제로 웹사이트가 있느냐 없느냐에 따라 사업의 기회가 달라진다는 건 충분히 인지한 상황이다. 초기 사업을 진행할 당시, 2021년도에 웹사이트 없이 사업을 추진했다.

그때 코앤텍스트의 랜딩 페이지는 바로 '뉴스레터 수집'

우리의 부족한 랜딩 페이지를 보고 많은 유관 기관에서 연락이 왔다. 콘텐츠를 기획, 개발해달라는 연락이 왔다. 약 2년 정도는 꾸준히 콘텐츠를 개발하고 만드는 일을 병행했다.

하지만, 그 이후에도 지속하지 못했던 가장 큰 이유는 무엇일까? 입소문만으로는 충분치 않았다. 온라인으로도 우리의 집을 만들어 두었어야 했다.

오프라인 공간에서 벗어나자

코앤텍스트는 2021년도부터 오프라인 공간을 기반으로 사업을 추진했다. 카페를 기반으로 복합문화공간으로 활용하며 사업을 추진하였다.

카페라는 목적보다는 공간 안에서 커뮤니티가 활성화되기를 바랐다. 그러나 오는 이가 부족한 탓에 오프라인 공간의 활용도가 떨어졌다. 점점 공간 운영은 악화되었고, 오프라인 공간을 접는 결정을 하기에 이른다.

1. 유동인구 (유입인구)의 부족

2. 유지비를 지불하지 못할 정도의 매출

3. 층수가 높아 지역주민의 접근성이 떨어짐

프라이빗 한 공간으로 선호한 탓에 지역주민 친화적이지 않았다는 점 또한 큰 어려움으로 작용했던 기억이 있다.

그렇다면 웹사이트는

오프라인 공간과 무엇이 다를까

코앤텍스트는 1층 입구를 들어오는 것부터가 어려웠다. 긴 복도를 지나서야 엘리베이터가 보여 처음 오는 사람들 모두가 우리에게 질문했다.

"여기가 맞아?"

"이 길이 맞는 거야?"

심지어 앞에 차가 세워져 있기도 해서 늘 차 주인에게 전화를 하는 수고로움 또한 감내해야 했다.

우리 카페를 들어가는 1층 입구부터 부담스럽다.

하지만, 웹사이트는 이런 불편함이 없다는 게 큰 장점.

누구나 쉽게 올 수 있다

누군가가 주차를 해 놓지도 않고, 오는데 부담스럽거나 어렵지가 않다. 언제 어디서나, 누구나 쉽게 방문할 수 있다는 장점이 있다.

서비스에 에너지를 집중할 수 있다

무엇보다 운영비용이 절감된다. 임대료, 관리비 등 고정 비용이 크게 줄어든 덕분에 지금 나는 콘텐츠, 서비스 개발에 집중적으로 에너지를 투자할 수 있는 기회가 생겼다.

콘텐츠를 꾸준히 만들 채널이 생긴다

늘 고민이던 것이 여러 채널에 콘텐츠가 분산된다는 점이었다. 여러 콘텐츠를 하나의 채널에 정리하면 좋겠다는 욕심이 늘 있었다. 그걸 해소할 수 있는 방법이 웹사이트 개발이라는 생각이 들었다.

코앤텍스트의 웹사이트는 어떻게 탄생할까!

오프라인 공간에서 온라인 공간으로의 전환. 다시 생각해 보면 결국 코앤텍스트를 알리는 채널이 변화한 것뿐이라는 생각이 든다.

다음번에는 개발자가 아닌 코앤텍스트가 어떻게 웹사이트를 만드는지, 웹사이트를 만드는 과정에서 어떤 고민이 있었는지와 같은 것들을 풀어놓아보겠다.

To be Continued....