20편. 다음 목표, NOPLAN 진짜 서비스로

이미지
다음 목표, NOPLAN 진짜 서비스로 여기까지가 코딩 모르던 디자이너가 AI로 앱을 만든 이야기예요. NOPLAN은 이제 시작일 뿐입니다. 앞으로 어디로 갈지, 그 계획을 이야기하면서 이 시리즈를 마무리하려고 해요. 골프는 시작일 뿐이었다 NOPLAN은 골프 여행으로 시작했어요. 제가 제일 좋아하는 거니까요. 근데 처음부터 골프만을 위한 앱은 아니었어요. 여행에는 골프도 있고, 관광도 있고, 맛집 탐방도 있잖아요. 골프는 그중 첫 번째 시작점이었을 뿐이에요. 동선이 제일 까다로운 골프에서 통하면, 다른 여행은 더 쉬울 거라고 봤거든요. 앞으로는 골프 너머로 넓혀갈 계획이에요. 어떤 여행이든 NOPLAN을 켜고 그냥 떠날 수 있게요. 진짜 쓸 수 있는 서비스로 지금 NOPLAN은 데모에 가까워요. 후쿠오카로 고정돼 있고, 추천 정보도 제가 넣은 범위 안에 있어요. 목표는 이걸 진짜 서비스로 키우는 거예요. 여행지를 자유롭게 고르고, 더 다양한 정보가 들어가고, 실제 예약까지 이어지는 것. 갈 길이 멀지만, 여기까지 온 것처럼 하나씩 만들어가려고 해요. 코딩을 못 한다는 건 이제 핑계가 안 돼요. AI랑 같이 하면 되니까요. 이 블로그를 이어가는 이유 이 블로그는 NOPLAN을 만드는 과정을 적는 곳이에요. 앞으로도 계속 적을 거예요. 새 기능을 만들면서 막힌 이야기, AI랑 씨름한 이야기, 사람들 반응을 듣고 고친 이야기. 잘된 것만이 아니라 헤맨 것까지 다 적을게요. 저처럼 "나도 만들어보고 싶은데" 하는 사람한테, "어 나도 할 수 있겠다"는 용기가 되면 좋겠어요. 계획 없이 사는 사람이, 계획 없이 시작한 앱 만들기. 그 여정은 계속됩니다. 여기까지 오는 데 걸린 시간 첫 프롬프트를 쳤던 날부터 지금까지, 돌아보면 짧지 않은 시간이었습니다. 에러도 여러 번 만났고, 하루치 작업을 통째로 날린 날도 있었고, 이름 하나 짓는 데도 한참 걸렸어요. 그래도 결국 여기까지 왔습니다. 앞으로는 후...

15편. 로고를 직접 만든 이야기

로고를 직접 만든 이야기

NOPLAN이라는 이름을 정하고, 로고를 만들었어요.

이 부분은 솔직히 제가 제일 자신 있는 영역이었습니다. 디자이너니까요.

NOPLAN 로고 완성본

이름만으론 부족하다

이름을 NOPLAN으로 정했지만, 글자만 덜렁 있으면 밋밋하잖아요. 이 이름에 담긴 뜻을 한눈에 보여주고 싶었어요.

핵심 메시지는 "계획은 필요 없다"였어요. 그럼 이걸 어떻게 시각적으로 보여줄까. 고민하다가 답이 나왔습니다. PLAN이라는 글자를 지워버리면 되잖아요.

취소선 하나로 메시지를 담다

NOPLAN에서 뒤쪽 PLAN 위에 취소선을 그었어요. 색은 포인트 컬러인 주황색으로요.

이 취소선 하나가 많은 걸 말해줍니다. "계획(PLAN)? 그딴 거 필요 없어." 글자를 읽기도 전에 취소선만 봐도 느낌이 와요. 계획을 지운다는 이 앱의 정체성이 로고에 그대로 담긴 거죠.

복잡한 그림도, 화려한 효과도 없어요. 그냥 글자랑 선 하나. 근데 이게 제일 강력해요. 디자인에서 가장 어려운 건 더하는 게 아니라 덜어내는 거거든요.

AI랑 디자인도 같이했다

로고 콘셉트는 제가 잡았지만, 실제로 화면에 구현하는 건 AI랑 같이했어요.

"NOPLAN이라고 쓰고, PLAN 부분 위에 주황색 취소선을 그어줘. 폰트는 두껍고 단단한 느낌으로." 이렇게 전했어요. 몇 번 다듬으니 원하던 로고가 화면에 나타났습니다.

콘셉트는 사람이, 구현은 AI가. 여기서도 그 분업이 통했어요. 제가 "무엇을, 왜"를 정하고 AI가 "어떻게"를 맡는 거죠.

로고가 적용된 앱 화면

디자이너인데 왜 로고 만드는 데 오래 걸렸을까

의외였습니다. 디자인 일을 오래 했는데도 제 브랜드 로고는 유독 오래 걸렸어요. 남의 브랜드를 만들 땐 객관적으로 보이던 게, 제 것이 되니까 계속 아쉬운 부분만 눈에 들어오더라고요.

결국 제일 단순한 방법으로 돌아갔습니다. NOPLAN이라는 글자 자체에 PLAN 부분만 주황색 취소선을 긋는 것. 폰트는 굵고 각진 걸 골라서 각인 효과를 줬어요. 화려한 심볼 없이 타이포그래피만으로 완성했습니다.

뺄 게 없을 때까지 덜어내니 오히려 제일 만족스러운 결과가 나왔습니다.

로고 시안을 몇 개나 만들었는지

사실 처음엔 아이콘이 들어간 화려한 로고도 시도해봤습니다. 비행기 모양, 지도 모양, 체크마크 모양까지요. 그런데 다 만들어놓고 보니 이 앱의 성격과 안 맞았어요. 계획 없이 가볍게 떠나는 느낌인데, 로고는 자꾸 무거워졌습니다.

결국 전부 지우고 글자만 남겼습니다. 취소선 하나만으로 "계획 없음"이라는 메시지를 전달하는 게 오히려 더 이 앱다웠어요. 화려함을 버리고 나서야 어울리는 걸 찾았습니다.

디자인은 더하는 것보다 무엇을 버릴지 아는 게 더 어렵다는 걸 제 로고를 만들면서 다시 느꼈습니다.

완성된 로고를 처음 화면에 붙였을 때, 그동안 만든 화면들이 한순간에 하나의 브랜드처럼 느껴졌습니다. 로고 하나가 흩어져 있던 화면들을 묶어주는 역할을 한다는 걸 직접 겪고 나서야 제대로 알았어요.

로고를 완성하고 나서 명함이나 다른 자료에도 자연스럽게 이 로고를 쓰게 됐습니다. 하나의 이미지가 이렇게 여러 곳에 쓰일 수 있다는 게 신기했어요. 단순한 디자인이 오히려 더 오래, 더 널리 쓰인다는 걸 다시 확인한 셈입니다.

아직 진행 중이지만 로고를 보고 있으면 아직도 뿌듯합니다. 작은 취소선 하나가 이 프로젝트 전체를 대표하는 얼굴이 됐다는 것과, 앞으로도 이 로고를 자주 마주치고 싶습니다.

"로고까지 직접 만들 수 있어?"

1. 콘셉트가 먼저, 구현은 나중입니다. "무엇을 표현할지"만 정하면 구현은 AI가 도와줘요. 로고도 결국 메시지를 정하는 게 핵심이에요.

2. 단순할수록 강합니다. 화려하게 만들려 하지 마세요. NOPLAN 취소선처럼 단순한 게 메시지를 더 강하게 전달해요.

3. 디자이너가 아니어도 됩니다. "이 앱이 무슨 메시지를 줘야 하나"만 분명하면, 그걸 표현할 방법은 AI랑 찾으면 돼요.

다음 이야기

이름과 임시로고까지 완성됐으니, 이제 이 앱을 세상에 내놓을 차례예요. 다음 글에서는 제 컴퓨터 안에만 있던 앱을 인터넷에 올린 이야기, 바로 "배포"를 다루겠습니다.

이 블로그의 인기 게시물

18편. 사람들에게 보여준 첫 반응

17편. 모바일에서도 되게 만들기

19편. AI로 앱 만들며 알게 된 것 5가지