이렇게 고민하며 만들고 있어요

개발 일지

써 주신 분들의 이야기를 듣고 무엇을 왜 바꿨는지 적어 둘게요.

버전 22026년 10월 23일 ~ 27일

필요한 것만 골라서 만들 수 있게 하고, 디자인 퀄리티를 높였어요.

필요한 것만 골라 만들 수 있어요

버전 1은 홈페이지를 먼저 만들어야 카드뉴스로 넘어갈 수 있었어요. 그런데 포스터 한 장, 단톡방 공지 하나만 필요한 분이 많았어요.

그래서 홈페이지, 포스터, 카드뉴스, 홍보문구, 영상을 나란히 두고 필요한 것만 골라 만들게 했어요. 한 번 적은 정보는 다른 것에도 그대로 들어가요.

틀 대신 방향과 검증된 스타일로 디자인해요

카드뉴스와 포스터가 모임이 달라도 다 비슷했어요. 정해진 틀에 문장만 끼워 넣고 있었기 때문이에요. 그래서 AI가 모임마다 새로 디자인하게 바꿨어요.

처음에는 기준을 규칙으로 줬더니, 모든 결과물이 그 규칙을 똑같이 따랐어요. 이제 규칙은 두 가지만 남겼어요. 사실이 틀리면 안 되고, 화면이 깨지면 안 돼요. 나머지는 실제 인쇄물과 디자이너들의 좋은 사례에서 뽑은 방향으로 알려 줘요. 나아졌는지는 점수가 아니라 직접 보고 판단해요.

그래도 AI가 처음부터 지어내면 늘 비슷한 모양으로 몰려서 AI가 만든 티가 났어요. 그래서 오래 다듬어진 디자인에서 색, 글꼴, 간격, 하지 말 것을 숫자까지 적어 둔 디자인 스타일 64개를 넣었어요. 요리 레시피처럼, 재료인 우리 모임 이야기만 바꾸면 검증된 맛이 나요. 노션, 애플, 스포티파이처럼 잘 알려진 디자인에서 배워 왔고, 결과물에는 그 이름과 로고를 쓰지 않아요. 첫 화면에서 스타일을 골라 바로 만들 수 있어요.

규칙을 방향으로 바꾼 예
  • 전: 포스터에는 QR 코드를 꼭 넣는다. → 모든 포스터가 같은 자리에 QR을 달고 나왔어요.
  • 후: 신청 링크가 있고 이 포스터에 어울릴 때 QR 자리를 둔다. 꼭 넣지 않아도 된다.
  • 방향의 예: 그 모임의 세계에 이미 있는 물건, 인쇄물, 장소의 모양을 빌려 오면 그 모임만의 것이 되기 쉽다.
  • 방향의 예: 글이 적으면 빈 곳을 작은 글로 채우지 말고, 제목을 아주 크게, 색면을 과감하게.
첫 화면의 스타일 줄. 노션, 나이키, 스트라이프, 스포티파이, 슬랙 스타일의 카드뉴스와 포스터 예시가 가로로 놓여 있다
첫 화면에서 고르는 디자인 스타일(모두 가상 예시)

필요한 것은 그리면서 물어봐요

누구에게 알리고 싶은지 같은 질문을 처음에 모아 두었더니 대부분 열어 보지 않았어요. 보내기 전에 붙잡고 물으면 디자인을 보기도 전에 나가 버려요.

그래서 디자인을 그리는 1~2분 동안 하나씩 물어요. 지금 그리는 디자인에는 끼어들지 않고, 답은 다음에 만드는 것부터 넣어요. '더 세련되게'처럼 뜻이 넓은 말을 보내면, 고치기 전에 방향 몇 가지와 추천을 먼저 보여 드려요.

실제로 묻는 말
  • 제일 크게 보여 주고 싶은 말이 있어요? 한 줄이면 돼요
  • 이번에 제일 바라는 건 뭐예요? (신청 많이 받기, 후원 받기, 우리 단체 알리기, 문의 받기)
  • '더 세련되게'를 보내면: 색을 줄이고 여백 넓히기(추천), 글자 크기와 굵기 정리하기, 사진을 크게
입력 칸 바로 위에 뜬 질문. 보기를 누르거나 직접 쓰거나 넘길 수 있다
그리는 동안 입력 칸 바로 위에 뜨는 질문(가상 예시)

디자인 위에서 바로 고쳐요

글자 하나 바꾸려고 문장을 적어 보내는 건 번거로워요. 이제 디자인의 글을 누르면 그 자리에서 바로 고쳐요. 홈페이지, 포스터, 카드뉴스 모두 같아요. 날짜나 장소는 공고 정보 한 곳에서만 고쳐서 모든 결과물이 같아지게 했어요.

AI가 다 그린 디자인을 스스로 다듬을 때도, 보고 있던 디자인은 그대로 두고 끝나면 무엇을 다듬었는지 알려 드려요. 다음에는 글상자나 도형을 직접 옮기는 것도 붙이려고 해요.

포스터 제목을 누르자 그 자리에서 고칠 수 있게 되고 아래에 '말로 고치기', '다 고쳤어요' 단추가 떴다
포스터 제목을 누르면 그 자리에서 바로 고쳐요(가상 예시)

하나를 마음에 들게 완성하면 다음으로 가요

마음에 안 들면 '다른 디자인으로'를 눌러 다른 방향으로 세 번까지 새로 그릴 수 있고, 앞 디자인이 나으면 되돌리면 돼요. 마음에 드는 디자인을 정하면 다음 할 일이 두 갈래로 보여요. 같은 디자인으로 다른 홍보물을 이어 만들거나, 믹스온 원페이지에 붙여 신청받는 홈페이지로 쓰는 거예요.

버전 12026년 10월 3일 ~ 10일

작은 단체가 홈페이지 디자인을 어려워하는 걸 보고, 믹스온 홈페이지 디자인부터 돕기로 했어요.

모임 하나 알리는 데 품이 많이 들어요

스페이스 작당에서 이사로 일하며 홈페이지를 직접 만들고 여러 사업을 꾸려 왔어요. 그러면서 모임 하나 알리는 데 품이 얼마나 드는지 알게 됐어요. 그 전에는 빠띠에서 비영리 단체의 디지털 전환을 도왔는데, 믹스온이 작은 단체에 잘 맞는 도구라는 것도 그때 알았어요. 그런데 도구가 있어도 첫 페이지를 채우기가 막막해서 시작하지 못하는 곳이 많았어요.

작은 단체는 행사 하나를 알리려고 홈페이지, 포스터, 카드뉴스, 단톡방 공지를 따로 만들어요. AI를 쓰면 빨라지지만 만들 때마다 같은 이야기를 다시 설명하고, 나온 것을 하나하나 확인해야 해요. 틀린 곳을 찾는 건 결국 사람 몫이에요.

기술은 시민의 수고를 덜어 주는 도구여야 한다고 생각해요. 그래서 동네방네는 AI에게 맡길 것과 맡기지 않을 것을 나눴어요. 날짜, 장소, 참가비는 한 곳에 두고 코드가 채워 넣어요. AI는 문장과 디자인을 맡고, 마지막 판단은 사람이 해요.

믹스온 홈페이지 디자인부터 만들었어요

처음에는 믹스온 원페이지에 얹을 홈페이지 디자인 하나에만 집중했어요. 작은 단체에 디자인을 돕는 일이 정말 필요한지 먼저 알아보고 싶었어요. 갖고 있는 글을 보내면 방향이 다른 디자인 세 개를 그려서 고르게 했어요.

첫 디자인은 직접 만든 작당 홈페이지를 바탕으로 했어요. 그러자 어떤 모임이 와도 작당과 비슷하게 나왔어요. 그래서 작당 틀을 빼고, 모임 이야기에 맞는 방향 세 가지를 AI가 새로 제안하게 했어요.

기획안보다 디자인을 먼저 보여 줘요

처음에는 기획안 한 장을 먼저 보여 주고, 확인을 받은 뒤 디자인을 그렸어요. 그런데 처음 오신 분들은 기획안을 결과물로 알고, 기획안만 고치다 나가셨어요. 그래서 기획안이 나오면 바로 디자인 세 개를 그리게 바꿨어요. 글로 읽고 판단하는 것보다 눈으로 보고 고르는 게 쉬워요.

깨진 곳만 저절로 고쳐요

그린 뒤에는 다른 AI가 한 번 더 검사해서, 휴대폰에서 글이 넘치거나 낱말이 끊기는 곳을 고쳐요. 취향까지 저절로 고치면 오히려 이상해져서, 깨진 것만 고치고 취향은 제안으로 남겼어요.

색과 글꼴은 여러 사람이 골랐어요

실제 인쇄물에서 가져온 색 조합과 글꼴로 투표 화면을 만들고, 아는 분들이 있는 단톡방에 부탁했어요. 별로라는 표가 많은 것은 뺐어요. 혼자 고르면 제 취향만 남으니까요.

단톡방 두 곳에 투표를 부탁하고 받은 답. 이름과 사진은 가렸다
투표를 부탁한 단톡방(이름과 사진은 가렸어요)

써 보시고 아쉬운 점은 의견 남기기로 알려 주세요. 다음 일지에 담을게요.