이런 분께 맞습니다
홈페이지가 오래돼 손대기 어렵다
몇 년째 그대로인 사이트를 지금의 내용과 휴대폰 화면에 맞게 새로 짓고 싶은 분.
글 하나 고칠 때도 업체에 연락한다
공지·소식·작업 사례를 담당자가 관리자 화면에서 바로 올리고 고치고 싶은 분.
해외 고객도 함께 봐야 한다
국문과 영문 페이지를 같이 운영해야 하는 기업·기관.
검색에서 회사 정보가 제대로 읽혀야 한다
검색엔진과 AI가 회사·서비스 정보를 구조로 읽을 수 있게 만들고 싶은 분.
무엇을 만들어 드리나요
기능을 고르면 오른쪽에 예시 화면이 열립니다. 버튼을 눌러 직접 움직여 보세요.
리뉴얼·화면 설계
전할 내용의 순서를 먼저 정리하고, PC와 휴대폰 화면을 따로 확인하며 설계합니다.
회사를 한 문장으로 소개합니다
이렇게 동작합니다
- 전할 내용을 순서대로 적은 화면 구성안을 먼저 함께 봅니다.
- PC와 휴대폰 화면을 따로 그려 글과 버튼 위치를 확인합니다.
- 구성이 정해진 뒤에 디자인과 개발로 넘어갑니다.
관리자(CMS)
페이지 문구·게시물·작업 사례·문의 내역을 관리자에서 직접 관리합니다.
이렇게 동작합니다
- 관리자에서 제목과 본문을 고치고 «게시»를 켜면 홈페이지에 반영됩니다.
- 공지·소식·작업 사례처럼 자주 바뀌는 글은 담당자가 직접 올립니다.
- 고칠 수 있는 항목은 견적서에 미리 적어 둡니다.
검색이 읽는 구조(SEO·GEO)
서버 렌더링·구조화 데이터·사이트맵으로 검색엔진과 AI가 읽을 수 있게 짓습니다.
{ "@type": "Organization", "url": "/", "name": "회사 이름", "inLanguage": "ko" }
이렇게 동작합니다
- 페이지마다 제목·설명과 구조화 데이터(회사·서비스·FAQ)를 넣습니다.
- 사이트맵과 robots.txt로 검색엔진이 읽을 페이지를 알려 줍니다.
- 본문을 서버에서 그려 크롤러가 바로 읽게 합니다. 노출 순위는 약속하지 않습니다.
국문·영문 페이지
언어별 주소와 hreflang으로 국·영문 페이지를 함께 운영합니다.
고객과 함께 만듭니다
회사를 소개하는 짧은 문장
문의하기<link hreflang="en" href="/en/about" />
이렇게 동작합니다
- 국문과 영문 페이지가 각자 주소를 갖고, hreflang으로 서로를 가리킵니다.
- 머리글의 언어 버튼을 누르면 같은 내용의 다른 언어 페이지로 넘어갑니다.
- 언어별 문구는 관리자에서 따로 고칩니다.
문의 접수
문의 양식과 카카오톡 상담 연결, 접수 내역 확인 화면을 붙입니다.
- 채용 문의
- 홈페이지 리뉴얼 문의
- 제품 사용 문의
이렇게 동작합니다
- 문의 양식으로 받은 내용이 관리자 접수 목록에 쌓입니다.
- 카카오톡 채널 상담 버튼을 함께 붙일 수 있습니다.
- 접수된 문의는 담당자가 상태를 바꿔 가며 처리합니다.
오픈 뒤 운영
도메인 연결·배포를 마친 뒤 수정·추가 개발은 범위를 정해 이어 갑니다.
- 메인 문구 수정진행 중
- 공지 게시판 추가접수
- 작업 사례 순서 변경접수
- 영문 페이지 문구 수정완료
이렇게 동작합니다
- 도메인 연결과 배포를 마친 뒤 오픈합니다.
- 오픈 뒤 수정 요청은 고객 포털에서 접수하고 진행 상태를 봅니다.
- 수정·추가 개발은 범위를 정해 이어 갑니다.
자주 붙이는 연동
필요한 것만 골라 붙이고, 신청 서류와 설정 순서를 함께 정리합니다.
- 구글·네이버 검색 등록
- 카카오톡 채널 상담
- 카카오 로그인
- 네이버 로그인
- 주소 검색
- PG 결제(토스페이먼츠·KG이니시스 등)
- 카카오 알림톡
진행 방식
대표와 이사 두 사람이 상담부터 개발까지 직접 맡고, 전국 어디든 비대면으로 진행합니다. 단계마다 무엇을 받는지 미리 알려 드립니다.
상담
카카오톡이나 문의 양식으로 만들고 싶은 것을 알려 주시면, 필요한 기능과 범위를 함께 정리합니다.
이 단계에서 받는 것
- 요구사항 정리 메모
- 함께 정한 기능 목록
견적서·계약
정리한 범위로 견적서를 드리고, 결과물과 일정을 계약서에 적습니다.
이 단계에서 받는 것
- 견적서
- 결과물·일정을 적은 계약서
- 고객 포털에서 다시 보는 견적·계약
설계·개발
화면 구성을 먼저 확인한 뒤 디자인과 개발을 진행합니다. 일정·자료·중간 결과물은 고객 포털에서 함께 확인합니다.
이 단계에서 받는 것
- PC·휴대폰 화면 구성안
- 고객 포털에서 보는 일정·자료·중간 결과물
검수·오픈
중간 결과물을 확인하며 고치고, 검수를 마치면 오픈합니다.
이 단계에서 받는 것
- 오픈 체크리스트
- 관리자(CMS) 사용 안내
운영·유지보수
관리자 사용 안내를 드리고, 유지보수와 추가 개발은 범위를 정해 별도 계약으로 이어 갑니다.
이 단계에서 받는 것
- 고객 포털의 유지보수 요청 창구
- 별도 계약으로 정한 유지보수 범위
실제 사례
공개 구축 사례에 실린 작업만 싣습니다.
완료 · 2025이멕스(EMECS)전동기 설계·제작 기술을 소개하는 국·영문 공식 웹사이트. 언어별 페이지와 구조화 데이터를 함께 설계했습니다.사례 보기
완료 · 2025포토인쇄랜드오래 멈춰 있던 사이트를 처음부터 다시 지은 리뉴얼. 촬영 결과물이 돋보이는 화면과 모바일 대응.사례 보기
완료 · 2026청하인테리어작업 사례 중심의 반응형 사이트에 자체 관리자(CMS)와 문의 관리를 붙였습니다.사례 보기
완료 · 2026자우당 부부 한의원진료 철학을 브랜드 인상으로 정리하고, 디자인 회의를 거쳐 단계별로 만든 한의원 홈페이지.사례 보기
완료 · 2026인스턴트 에이전시브랜드·포트폴리오 사이트에 모델 프로필 접수와 라이브커머스 지원 접수를 붙였습니다.사례 보기
완료 · 2026윤쉴소파 천갈이와 붙박이 가구·캠핑카 내장 맞춤 제작을 소개하는 공방 홈페이지.사례 보기
완료 · 2026송원ANC산업 자동화 센서·제어기기 대리점의 제품 웹사이트. 브랜드별 제품군과 모델 검색, 견적·기술 문의를 묶었습니다.사례 보기
함께 정하는 범위
최종 범위는 상담 뒤 견적서와 계약서에 적습니다.
- 범위
- 기업·기관 홈페이지, 브랜드 사이트, 노후 사이트 리뉴얼, 국·영문 사이트
- 결과물
- 견적서·계약서에 적은 화면·관리자(CMS)·배포. 검색 구조 설정과 운영 안내는 합의한 범위만
- 기술
- 주로 Next.js·TypeScript·PostgreSQL. 필요하면 Spring Boot(Java)·Python
자주 묻는 질문
아임웹·윅스 같은 빌더와 무엇이 다른가요?
빌더는 정해진 틀 안에서 고치고, 직접 개발은 필요한 화면과 관리자 기능을 코드로 설계합니다. 어느 쪽이 맞는지는 상담에서 함께 봅니다.
완성 후 글이나 게시물을 직접 고칠 수 있나요?
네. 관리자(CMS)를 범위에 넣으면 페이지 문구와 게시물을 직접 고칩니다. 고칠 수 있는 항목은 견적서에 적습니다.
검색이나 AI 답변에 노출되나요?
노출과 순위는 약속하지 않습니다. 서버 렌더링·구조화 데이터·사이트맵처럼 검색엔진과 AI가 읽을 수 있는 구조를 만듭니다.
지금 사이트의 내용을 옮길 수 있나요?
기존 자료를 확인한 뒤 옮길 범위를 견적서에 정합니다. 포토인쇄랜드는 오래된 사이트를 새로 지은 사례입니다.
비용은 어떻게 정하나요?
페이지 수보다 필요한 기능으로 정합니다. 예상 견적 화면에서 기능을 고르면 범위를 먼저 가늠해 볼 수 있습니다.
필요한 기능 골라 보기
떠오르는 기능을 눌러 모아 보세요. 고른 구성 그대로 문의하실 수 있습니다.
필요한 기능을 누르세요. 다시 누르면 빠집니다.
고른 구성
홈페이지·CMS
아직 고른 기능이 없습니다. 기능을 누르면 여기에 모입니다.
고른 기능은 의뢰서 내용 칸에 미리 적어 둡니다. 최종 범위는 상담 뒤 견적서에 적습니다.



