Codelier · Custom Dev Atelier · Gimpo, KR

무엇이든,하나하나 짓습니다홈페이지 · 웹앱 · 앱 · AI 기능 · CMS · 서버 제작과 유지보수

템플릿에 끼워 넣지 않습니다. 필요한 것을 필요한 모양으로 짓습니다. 새로 짓는 일도, 이미 있는 것을 고치는 일도 한 손에서 합니다.

새로 짓기 — 홈페이지 · 앱 제작이어받아 고치기 — 유지보수 · 인수인계 · 리뉴얼
웹 · 앱 · AI · CMS · 서버 · SEO/GEO/AEO
Evidence

손대기 전에, 늘 이 네 가지를 먼저 봅니다.

새로 짓든 이어받든 순서는 같습니다. 아래 숫자는 여러 업종 사이트를 같은 항목으로 직접 열어 재 봤을 때 나온 것입니다. 흔히 하는 말과 다른 게 많았습니다.

01

폰에서 진짜로 읽히는가

1280px

폰 크기로 열었는데 안쪽은 데스크톱 폭 그대로인 대형 기관 사이트가 있었습니다. 이러면 글이 잘리고, 손으로 좌우로 밀어야 읽힙니다. 자동 검사는 이런 걸 놓칠 때가 많아 실제 폰으로 열어 눈으로 봅니다.

실제 폰 크기에서 측정
02

검색엔진이 무엇으로 읽는가

5/ 12

사람이 보는 제목 말고, 검색엔진과 AI가 읽어 가는 제목이 따로 있습니다. 12곳을 열어 보니 5곳은 그 자리가 아예 비어 있었습니다. 화면은 멀쩡해 보여도 무엇에 관한 페이지인지 안 적혀 있는 셈입니다.

제목 태그(h1·h2) 전수 확인
03

AI가 인용할 게 있는가

1/ 5

검색과 AI는 사람이 보는 화면 말고, 따로 정리해 둔 정보를 같이 읽습니다. 채용 사이트 5곳 중 그걸 넣어 둔 곳은 1곳뿐이었습니다. 넣어 두면 AI가 답을 만들 때 그 내용을 그대로 가져다 씁니다.

구조화 데이터 전수 확인
04

업종 관행이 실제로 맞는가

13–18px

관공서 사이트 6곳의 글자 크기가 13~18px로 갈렸습니다. "공공기관은 파란색"이라는 말도 6곳 중 1곳에서만 맞았고, 나머지는 빨강·청록·여러 색이었습니다. 재 보지 않으면 관행을 그대로 베끼게 됩니다.

브라우저로 직접 측정

네 가지 다 손대기 전에 한 번, 넘기기 전에 다시 확인합니다.

Process

세 단계로 일합니다.

Step 01

듣기

무엇을, 왜 원하는지 끝까지 듣습니다. 견적서를 먼저 내밀지 않습니다.

Step 02

짓기

템플릿이 아니라 그 요구에 맞춰 처음부터 짓습니다. 이미 있는 것이라면 이어받아 고치고 더합니다.

Step 03

다듬기

넘긴 뒤에도 함께 다듬습니다. 운영이 진짜 시작이니까요.

Works

말로 설명하지 않고, 만들어 두었습니다.

아래는 설명이 아니라 실제로 지어 둔 화면입니다. 눌러서 직접 만져 보세요 — 새 창에서 열립니다. 커서를 올리면 흐름이 멈춥니다.

시안 81종 전부 보기

브랜드명 · 문구 · 숫자 · 사진은 예시입니다. 실제 제작에서는 전부 그 사업에 맞춰 다시 씁니다.

FAQ

자주 묻는 질문

여기에 없는 것은 메일로 물어보셔도 됩니다. 답변에 비용이 들지 않습니다.

contact@bebesnap.com
코들리에는 어떤 것들을 만드나요?
웹사이트 · 커머스 · 웹앱, iOS/Android 앱, AI 기능(LLM 통합 · 이미지 생성 · 업무 자동화), CMS, 서버·API·인프라, 그리고 SEO·GEO·AEO 최적화를 만듭니다. 한 갈래만 맡는 곳이 아니라 화면부터 뒷단까지 한 손에서 이어집니다.
이미 만들어진 사이트나 앱도 이어받아 운영해 주나요?
합니다. 신규 제작과 같은 무게로 다룹니다. 다른 곳에서 만든 서비스를 인수인계 받아 기능을 추가하고, 느리거나 깨진 곳을 고치고, 부분 리뉴얼을 진행합니다. 원본 개발자와 연락이 닿지 않아도 코드를 처음부터 읽고 인수인계 문서를 새로 씁니다.
제작 기간은 얼마나 걸리나요?
랜딩·브랜드 사이트는 보통 3~6주, 기능이 들어가는 웹앱이나 앱은 8~16주가 걸립니다. 이어받아 고치는 일은 먼저 코드를 읽는 진단 기간(약 1주)을 두고 그 뒤에 일정을 확정합니다.
비용은 어느 정도인가요?
무엇을 만드는지에 따라 폭이 큽니다. 대략 어느 정도 규모인지 먼저 보고 싶으시면 규모 가늠하기에서 예산을 묻지 않고 고른 범위만으로 대략적인 규모를 보여 드립니다. 정확한 금액은 이야기를 들은 뒤에 드립니다.
SEO/GEO/AEO는 각각 무엇이 다른가요?
셋 다 검색에 관한 일입니다 — 지역과는 관계가 없습니다. SEO(Search Engine Optimization)는 구글·네이버 결과에 걸리게 하는 일, AEO(Answer Engine Optimization)는 검색이 답을 직접 보여줄 때 그 답으로 뽑히게 하는 일, GEO(Generative Engine Optimization)는 ChatGPT·Perplexity 같은 생성형 AI가 답을 지어낼 때 그 근거로 인용되게 하는 일입니다. AEO와 GEO는 순위가 아니라 인용이 목표입니다. 그래서 확인할 수 있는 사실을 분명한 문장으로 쓰는 것과, 기계가 읽도록 따로 정리해 둔 정보(구조화 데이터)가 핵심입니다.
만든 뒤에 제가 직접 내용을 수정할 수 있나요?
네, 수정이 필요한 영역은 CMS로 빼서 개발자 없이 바꿀 수 있게 만듭니다. 어디까지 직접 고칠 수 있게 할지는 제작 전에 함께 정합니다.
어디에 있나요? 원격으로도 가능한가요?
경기도 김포에 있습니다. 전국 어디든 원격으로 진행합니다. 수도권은 대면 미팅도 가능합니다.
문의는 어떻게 하나요?
아래 문의 폼을 채우시거나 contact@bebesnap.com 으로 메일 주시면 됩니다. 무엇을 만들고 싶은지 한두 문장이면 충분합니다. 정리된 기획서가 없어도 됩니다.

만들고 싶은 게 있다면,
이야기부터 시작해요

기획서가 없어도 괜찮습니다. 무엇이 불편한지, 무엇을 하고 싶은지만 알려 주세요.

어떻게 답장드릴까요?
어느 쪽인가요?
대략적인 규모정하지 않으셨어도 됩니다
contact@bebesnap.com

메일로 문의