Codelier · Takeover · Build · Remote, KR

이미 있는 사이트를 이어받아 고칩니다 새로 짓는 일도 합니다. 홈페이지 · 웹앱 · 앱 · AI 기능 · CMS · 서버

만든 곳과 연락이 끊겼거나, 넘겨받았는데 아무도 손대지 못하거나, 고칠 부분은 아는데 맡길 곳이 없다면 지금 상태 그대로 가져오셔도 됩니다. 처음부터 새로 만드는 일도 저희가 직접 합니다.

회색 판이 층층이 쌓인 사이로 반투명한 유리관이 지나가는 추상 렌더 이미지
화면 뒤에서 돌아가는 서버까지 직접 다룹니다
Unit 01

새로 짓기

Build from scratch

홈페이지가 아직 없거나 기존 사이트를 접고 새로 만들어야 할 때 맡기시면 됩니다. 템플릿을 사서 채우는 대신 필요한 화면만 설계해 만들고, 검색에 잘 걸리는 구조도 처음부터 넣습니다.

브랜드 홈페이지 · 커머스 관련 시안 화면Demo

브랜드 홈페이지 · 커머스

상품을 고르고 담아서 구매하기까지의 화면을 설계하고, 필터와 상세 페이지, 장바구니까지 동작하게 만듭니다.

웹앱 · 관리자 화면 관련 시안 화면Demo

웹앱 · 관리자 화면

로그인한 뒤에 업무를 처리하는 화면입니다. 정렬, 검색, 일괄 작업 기능까지 갖춥니다.

iOS · Android 앱 관련 시안 화면Demo

iOS · Android 앱

화면 전환과 상태를 먼저 설계하고, 스토어 등록부터 운영까지 맡습니다.

Unit 02

이어받아 고치기

Take over & improve

유지보수를 부탁할 곳이 없거나 기능 몇 가지만 더 붙이면 되는 서비스를 맡습니다. 원본 개발자와 연락이 닿지 않아도 됩니다. 코드는 저희가 처음부터 읽습니다.

기능 추가 관련 시안 화면Demo

기능 추가

서비스 전체를 다시 만들지 않고 예약 같은 기능 하나만 더합니다.

유지보수: 성능 · 버그 관련 시안 화면Demo

유지보수: 성능 · 버그

사용자가 기다리는 순간의 화면까지 설계합니다. 불러오는 중, 결과 없음, 오류 뒤 다시 시도 등 여섯 가지 상태를 만듭니다.

인수인계 운영 관련 시안 화면Demo

인수인계 운영

다른 곳에서 만든 서비스를 넘겨받아 고치고, 무엇을 왜 고쳤는지 기록해 다음 사람이 헤매지 않게 합니다.

부분 리뉴얼 관련 시안 화면Demo

부분 리뉴얼

전부 갈아엎지 않고, 기존 화면은 살린 채 바꿀 부분만 새로 만듭니다.

Unit 03

자동화

Automate

사람이 반복하던 일을 AI와 자동화 도구로 옮기고, 작업이 끝나면 간단한 것은 직접 고치실 수 있는 상태로 넘겨드립니다.

AI 기능 통합 관련 시안 화면Demo

AI 기능 통합

상담 응대, 사내 문서 검색, 리포트 자동 생성 같은 기능을 서비스 안에 붙입니다.

접수 · 알림 자동화 관련 시안 화면Demo

접수 · 알림 자동화

문의가 들어오면 접수번호를 발급하고, 사람이 손대지 않아도 다음 단계로 넘어가게 합니다.

CMS 구축 관련 시안 화면Demo

CMS 구축

왼쪽 편집 화면에서 고치면 오른쪽 미리보기가 바로 바뀌어, 개발자에게 묻지 않고도 내용을 수정할 수 있습니다.

서버 · 인프라 관련 시안 화면Demo

서버 · 인프라

서버가 불안정할 때 사용자에게 보여 줄 점검 중, 오프라인, 서버 오류(500) 화면까지 만듭니다.

Unit 04

검색 노출

Be found

사이트는 만들기만 해서는 사람들이 찾아오지 않습니다. 그래서 검색엔진, 답변형 검색, 생성형 AI 세 가지를 따로 다룹니다. 순위를 올리는 일과 인용되게 하는 일은 방법부터 다르기 때문입니다.

SEO: 검색엔진 관련 시안 화면Demo

SEO: 검색엔진

목록과 분류, 다음 페이지까지 검색엔진이 따라 들어올 수 있도록 링크 구조부터 잡습니다.

AEO: 답변형 검색 관련 시안 화면Demo

AEO: 답변형 검색

자주 묻는 질문 24개를 AI가 바로 인용할 수 있는 형태로 정리했습니다.

GEO: 생성형 엔진 관련 시안 화면Demo

GEO: 생성형 엔진

AI가 답을 만들 때 근거로 삼을 수 있도록, 문장 하나만 떼어 가도 뜻이 통하게 씁니다.

Evidence

작업을 시작하기 전에 이 네 가지부터 봅니다.

새로 만들 때도, 이어받을 때도 순서는 같습니다. 첫 항목은 한 업종의 명부에서 계통 표집으로 뽑은 곳들을 잰 결과이고, 나머지는 여러 업종의 사이트를 같은 기준으로 직접 열어 본 것입니다. 흔히 알려진 것과 다른 점이 많았습니다.

01

안전하게 열리기는 하는가

41/ 120

안전하게(https) 열린 곳은 셋 중 하나였습니다. 또 다른 셋 중 하나는 암호화 없이 열렸고, 나머지는 아예 열리지 않았습니다. https로 열린 41곳 가운데 11곳은 본문이 300자에 못 미쳤고, 구조화 데이터를 넣은 곳도 11곳뿐이었습니다. 난수 시드를 공개한 계통 표집이라 같은 표본을 뽑아 직접 확인하실 수 있습니다.

심사평가원 명부 79,795곳에서 계통 표집 · 2026년 8월 11일 측정
02

휴대폰에서 제대로 읽히는가

1280px

휴대폰 크기로 열었는데 안쪽은 데스크톱 폭 그대로인 대형 기관 사이트가 있었습니다. 이런 사이트는 글이 잘려서 화면을 좌우로 밀어 가며 읽어야 합니다. 자동 검사로는 놓치는 경우가 많아 실제 휴대폰으로 열어 눈으로 확인합니다.

실제 휴대폰 크기에서 측정 · 2026년 7~8월
03

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

5/ 12

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

제목 태그(h1·h2) 전수 확인 · 2026년 8월
04

업종 관행이 실제로 맞는가

13~18px

관공서 사이트 6곳의 글자 크기는 13~18px로 제각각이었습니다. "공공기관은 파란색"이라는 말도 6곳 중 1곳에서만 맞았고, 나머지는 빨강이나 청록이었으며 여러 색을 함께 쓴 곳도 있었습니다. 직접 재 보지 않으면 관행이라는 말만 믿고 따라 하게 됩니다.

브라우저로 직접 측정 · 2026년 7~8월

네 가지 모두 손대기 전에 한 번, 넘기기 전에 다시 확인합니다. 한 업종을 깊게 잰 결과는 병원·의원 120곳 실측 리포트에 따로 정리했습니다. 측정 방법과 원자료를 공개했으니 같은 기준으로 직접 재 보셔도 됩니다.

Process

세 단계로 일합니다.

Step 01

듣기

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

Step 02

만들기

들은 요구에 맞춰 설계하고 만듭니다. 이미 있는 서비스라면 이어받아 고치고 필요한 기능을 더합니다.

Step 03

다듬기

넘겨드린 뒤에도 함께 다듬습니다. 실제 운영은 그때부터 시작되기 때문입니다.

누가 만드는지, 이름은 왜 코들리에인지 → 소개

Works

설명 대신 직접 만들어 보여 드립니다.

아래는 모두 가상 브랜드로 만든 데모입니다. 업종별로 하나씩 새로 작업하고 있으며, 완성되는 대로 여기에 추가합니다. 커서를 올리면 움직임이 멈춥니다.

피부과 · 의원 데모 화면
피부과 · 의원Healthcare
장기렌트 · 리스 데모 화면
장기렌트 · 리스Mobility
브랜드 커머스 데모 화면
브랜드 커머스Commerce
법무 · 세무 데모 화면
법무 · 세무Legal
부동산 · 건축 데모 화면
부동산 · 건축Real estate
제조 · B2B 데모 화면
제조 · B2BManufacturing
뷰티 · 에디토리얼 데모 화면
뷰티 · 에디토리얼Beauty
리소 프린트샵 데모 화면
리소 프린트샵Studio
컨퍼런스 데모 화면
컨퍼런스Event
관리자 콘솔 데모 화면
관리자 콘솔Web app
모바일 앱 데모 화면
모바일 앱App
AI 기능 데모 화면
AI 기능AI
CMS 편집기 데모 화면
CMS 편집기CMS
결제 흐름 데모 화면
결제 흐름Checkout
예약 캘린더 데모 화면
예약 캘린더Booking
AEO · FAQ 허브 데모 화면
AEO · FAQ 허브Search
지역 · 지도 데모 화면
지역 · 지도Local

가상 브랜드 데모이므로 브랜드명, 문구, 숫자, 사진은 지어낸 것입니다. 실제 제작에서는 그 사업에 맞게 처음부터 새로 씁니다.

In service

만드는 데서 끝내지 않고 직접 운영하고 있습니다.

만들어서 넘기기만 해서는 운영 중에 어떤 문제가 생기는지 알기 어렵습니다. 그래서 저희 서비스를 직접 만들어 기획부터 배포, 운영까지 맡고 있습니다.

두 서비스 모두 운영사인 베베스냅이 직접 기획하고 만들어 지금도 운영 중인 서비스입니다. 카드를 누르면 실제 사이트를 바로 열어 보실 수 있습니다.

Journal

직접 재 보고 쓴 글입니다.

법령과 문서는 원문과 대조하고, 숫자는 실제로 잰 값을 적습니다. 확인하지 못한 부분은 그렇다고 밝힙니다.

저널 전체 보기

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

메일로 문의