Codelier · 커스텀 개발 공방 · 경기 김포
무엇이든 만듭니다
하나하나, 처음부터
템플릿에 끼워 넣지 않습니다. 웹 · 앱 · AI · CMS · 서버 · 검색까지 필요한 것을 필요한 모양으로 짓습니다.
Evidence — 만들기 전에 확인하는 것
무엇을 보고 만드는지 적어 둡니다.
시안을 만들기 전에 국내외 실제 사이트를 브라우저로 열어 색·타이포·레이아웃·모바일 폭을 직접 측정했습니다. 아래는 그 과정에서 나온, 확인 가능한 숫자입니다.
같은 업종을 먼저 봅니다
만들기 전에 그 업종 사이트 23곳을 직접 열어 색과 글자 크기를 확인합니다. 취향으로 고르지 않기 위해서입니다.
직접 확인검색이 읽을 첫 줄이 비어 있었습니다
직접 확인한 12곳 중 5곳은 홈페이지에 제목 태그가 하나도 없었습니다. 사람 눈에는 멀쩡해 보여도, 검색엔진과 AI에겐 무엇에 관한 페이지인지 알 단서가 없습니다.
구조 확인폰 크기에서 먼저 봅니다
실제 폰 크기로 재 봅니다. 큰 기관 사이트도 가로로 넘쳐 잘리는 걸 확인했습니다. 창을 줄여 보는 방식으로는 안 잡힙니다.
폰에서 확인고르실 수 있게 미리 지어 뒀습니다
설명을 듣고 상상하지 않으셔도 됩니다. 만들어 둔 화면을 직접 보고 고르시면, 그 위에서 시작합니다.
시안 라이브러리What we can build
“이런 것도 되나요?” — 대부분 됩니다.
Scope of work — 스크롤해 보세요
웹을 만듭니다
브랜드 사이트 · 커머스 · 웹앱.
빠르고 검색에 강하게.
Two tracks
새로 짓는 일도, 이미 있는 것을 고치고 더하는 일도 합니다.
처음부터 짓는 일만 하는 곳이 아닙니다. 이미 돌아가는 서비스를 이어받아 고치고, 더하고, 계속 굴러가게 만드는 일도 같은 무게로 합니다.
새로 짓기
아직 아무것도 없거나, 있던 것을 접고 처음부터 다시 지어야 할 때.
- 커스텀 설계 — 템플릿을 사서 채우지 않고, 필요한 화면만 설계해 만듭니다.
- 검색까지 포함 — SEO · GEO · AEO를 나중에 붙이지 않고 구조에 넣고 시작합니다.
- 운영 가능한 상태로 인계 — 문서와 CMS를 함께 넘깁니다.
이어받아 고치기
이미 돌아가고 있는데 손댈 사람이 없거나, 하나만 더 붙이면 되는 상태일 때.
- 기능 추가 — 쓰던 서비스에 필요한 기능만 얹습니다. 전체를 다시 만들자고 하지 않습니다.
- 개선 — 느리고 불편한 곳, 깨진 곳을 잡습니다. 무엇을 왜 고쳤는지 남깁니다.
- 인수인계 — 다른 곳에서 만든 것도 받아서 운영합니다. 원본 개발자가 없어도 됩니다.
Scope of work
여섯 갈래로 만듭니다.
한 갈래만 하는 곳이 아닙니다. 화면부터 뒷단, 검색에 걸리는 방식까지 한 손에서 이어집니다.
웹 Web
브랜드 사이트 · 커머스 · 웹앱. 빠르고 검색에 강하게.
랜딩 · 회사 소개 · 온라인 스토어 · 관리자 화면
앱 App
iOS · Android · 크로스플랫폼. 출시부터 운영까지.
스토어 등록 · 푸시 · 결제 · 업데이트 운영
AI AI
LLM 통합 · 이미지 생성 · 반복 업무 자동화.
문서 요약 · 상담 자동화 · 콘텐츠 생성 파이프라인
CMS CMS
직접 관리하는 콘텐츠 시스템. 개발자 없이 굴러가게.
공지 · 블로그 · 상품 · 채용 공고 직접 등록
SEO · GEO · AEO Search
검색 · 지역 · AI 검색까지 처음부터 최적화.
구조화 데이터 · sitemap · 지역 리스팅 · 인용되는 문서 구조
서버 Server
API · 인프라 · 데이터. 흔들리지 않는 뒷단.
API 설계 · 배포 자동화 · 모니터링 · 백업
Gallery
화면부터 보고 고르셔도 됩니다.
여기 보이는 건 전부 실제로 지어 둔 페이지입니다. 마음에 드는 것을 짚어 주시면 그 위에서 시작합니다.
How we work
세 단계로 일합니다.
듣기
무엇을, 왜 원하는지 끝까지 듣습니다. 견적서를 먼저 내밀지 않습니다.
짓기
템플릿이 아니라 그 요구에 맞춰 처음부터 짓습니다. 이미 있는 것이라면 이어받아 고치고 더합니다.
다듬기
넘긴 뒤에도 함께 다듬습니다. 운영이 진짜 시작이니까요.