기업 웹사이트
다국어 브랜드 사이트, CMS 포함.
AI 웹 개발 기업 사이트 · 이커머스 · 웹앱
Core Web Vitals 90+의 기업 사이트·이커머스·웹앱. Google과 ChatGPT류 AI 모두에서 발견되도록 설계.
엔지니어와 상담무엇을 만들어 드리나
프리미엄 브랜드 사이트부터 본격 웹 업무 시스템까지.
이커머스
결제·배송·재고 연동 완비.
웹 애플리케이션
고객 포털과 사내 시스템, 설치 불필요.
기능과 역량
SEO + AEO 구조
스키마 완비, 출시일부터 AI 인용 가능.
5개 언어
올바른 hreflang의 태·영·일·한·중.
직접 수정하는 CMS
개발자 없이 콘텐츠 업데이트.
AI 챗 위젯
방문자 응대와 리드 확보 자동화.
Core Web Vitals 90+
전 페이지 Google 속도 기준 통과.
PDPA + 쿠키 동의
태국 개인정보보호법 준수.
업종별로 만드는 웹사이트
웹사이트가 하는 일은 업종마다 다릅니다. 처음 여섯 가지는 가장 많이 만드는 사이트이고, 나머지 여섯 가지는 특정 업종에 맞춰 설계했습니다.
다국어 기업 웹사이트
“홈페이지는 2018년에 만든 그대로라 휴대폰에서 열면 화면이 깨집니다. 문구 하나 고치는 것도 제작자를 기다려야 합니다. 일본, 중국 고객이 들어와도 태국어 페이지뿐이고, 카탈로그는 아직 2019년 PDF라 영업팀이 매번 직접 보냅니다.”
구축 내용- hreflang을 정확히 설정한 5개 언어(태국어·영어·일본어·한국어·중국어) 사이트와, 개발자를 부르지 않고 팀이 직접 고치는 CMS
- PDF 대신 ERP에서 제품 정보와 사양을 가져와 웹에서 바로 검색하고 필터링하는 제품 카탈로그
- CRM에 바로 등록되고, 해당 국가를 맡은 영업 담당자에게 LINE으로 즉시 알리는 견적 요청 양식
- 제품, 서비스, 연락 방법에 관한 질문에 방문자의 언어로 답하고 리드까지 확보하는 웹 AI 챗
- 시장마다 그 나라 언어로 검색 상위에 오르고 AI가 인용할 수 있도록 스키마를 갖춘 SEO·AEO 구조
연동 시스템HubSpot · Salesforce · ERP · Google Analytics · LINE OA · WeChat
자체 도메인 온라인 스토어
“마켓플레이스 매출은 괜찮은데 수수료가 해마다 오르고, 고객이 누군지는 끝내 모릅니다. 예전에 산 사람에게 프로모션을 보낼 수도 없고, 저희가 직접 프로모션을 할 수도 없습니다.”
구축 내용- 카드, PromptPay(태국 QR 결제), 모바일 뱅킹, 할부로 결제하고, 쓰던 택배사로 송장 번호까지 자동으로 붙여 보내는 모바일 스토어
- 어느 채널에서 팔든 같은 재고에서 차감해 초과 판매를 막는 Shopee·Lazada·TikTok Shop 공통 재고
- 회원 제도와 쿠폰, 구매 이력에 맞춰 기존 고객에게 보내는 LINE·이메일 메시지
- 일상어로 찾는 상품 검색, 함께 자주 사는 상품 추천, 배송 상태와 반품 문의에 답하는 AI 챗
- 상품명으로 검색 상위에 오르는 상품 페이지와 재입력 없이 회계 시스템으로 들어가는 매출
연동 시스템Shopee · Lazada · TikTok Shop · Omise · Flash Express · PEAK · LINE OA
호텔 홈페이지 예약 엔진
“손님들이 Google에서 저희 호텔을 찾고도 OTA로 예약합니다. 홈페이지에서는 예약이 안 되기 때문입니다. 원래 저희를 찾아온 손님인데도 매박 수수료를 냅니다. 홈페이지 직접 예약을 열어 봤더니 확정 전화를 저희가 일일이 돌려야 했습니다.”
구축 내용- PMS와 채널 매니저에서 객실 현황과 요금을 실시간으로 가져오고, 예약 즉시 모든 채널에서 해당 객실을 마감하는 호텔 도메인 예약 페이지
- 카드와 PromptPay(태국 QR 결제) 결제, 태국어·영어·중국어·일본어·한국어 이메일과 LINE 예약 확정 자동 발송
- 객실 유형, 픽업 차량, 체크인 시간, 아동·반려동물 정책을 호텔이 승인한 정보로 답하고 예약 페이지로 안내하는 AI 챗
- 호텔 이름 검색에서 상위에 오르고 Google Hotel Ads와 연결되며, 여행자가 물을 때 AI가 인용하도록 쓴 호텔 페이지
- 다음 직접 예약용 코드를 담은 투숙 전·체크아웃 후 LINE·이메일 메시지와 직접 예약 대 OTA 비중 대시보드
연동 시스템Opera PMS · SiteMinder · Omise · Google Hotel Ads · LINE OA · Google Analytics
고객 포털
“고객들이 작업 진행 상황, 청구서, 늘 같은 서류 때문에 매일 전화합니다. 팀은 일을 못 하고 같은 질문에만 답하고 있습니다.”
구축 내용- ERP나 업무 시스템에서 실시간으로 가져온 작업 진행 상황, 납기, 전체 이력을 보여 주는 고객별 로그인 페이지
- 직접 내려받는 청구서, 영수증, 계약서와 한 화면에서 끝나는 PromptPay(태국 QR 결제)·카드 결제, 회계 자동 반영
- 작업이 어디까지 왔는지, 미수금이 얼마인지 그 고객의 데이터로 답하고 지난 문서도 찾아 주는 AI 챗
- 상태가 바뀌거나 청구서가 발행되거나 기한이 다가올 때 보내는 LINE·이메일 알림
- 이력과 함께 팀 대기열에 들어가는 문제 신고·서비스 요청 양식과 고객이 가장 자주 묻는 주제를 보여 주는 대시보드
연동 시스템SAP · Odoo · Xero · FlowAccount · PromptPay · LINE OA · Microsoft 365
캠페인 페이지·랜딩 페이지
“광고를 돌려서 사람들을 홈페이지 첫 화면으로 보냅니다. 들어오는 사람은 많은데 양식은 안 채우고, 어디서 빠져나가는지도 모릅니다.”
구축 내용- 짧은 양식과 LINE 문의 버튼을 두고 Google Analytics와 모든 광고 플랫폼의 픽셀을 연결한, 모바일에서 빠른 캠페인 페이지
- 어느 광고, 어떤 키워드로 왔는지 출처가 붙어 CRM에 바로 들어가는 리드와 몇 분 안에 LINE으로 가는 영업 알림
- 팀이 직접 새 페이지를 여는 템플릿과, 브리프를 넣으면 시스템이 쓰는 헤드라인·본문·A/B 테스트 버전 초안
- 프로모션과 조건에 관한 질문에 답하고, 아직 양식을 채울 준비가 안 된 방문자의 이름과 전화번호를 받는 캠페인 페이지 AI 챗
- 캠페인별 리드당 비용을 비교하고 방문자가 페이지 어디에서 나가는지 보여 주는 대시보드
연동 시스템Facebook Ads · Google Ads · TikTok Ads · Google Analytics · HubSpot · LINE OA
사내 웹 애플리케이션
“지금 시스템은 사무실 PC 한 대에 설치한 프로그램이라 다른 곳에서는 일을 못 합니다. 만든 사람과는 이제 연락도 안 됩니다.”
구축 내용- 모든 기기의 브라우저와 휴대폰, 태블릿에서 열리고 귀사의 Microsoft 365나 Google Workspace 계정으로 로그인하는 웹앱
- Access, Excel, 기존 프로그램의 데이터를 빠짐없이 옮기고 이관 전후 합계를 팀과 함께 대조하는 데이터 이관
- 역할별 권한, 승인 단계, 누가 언제 무엇을 바꿨는지 남기는 감사 로그
- 일상어로 데이터를 찾고, 월간 보고서 초안을 쓰고, 업로드한 문서를 읽어 양식을 채우는 시스템 내 AI 어시스턴트
- ERP, 회계 시스템, 귀사 LINE 연동과 함께 귀사 소유로 넘기는 소스 코드, 문서, 모든 접근 권한
연동 시스템Active Directory · Microsoft 365 · Google Workspace · SAP · Excel · LINE OA
AI 검색 노출 관리(GEO·AEO)
“ChatGPT에 방콕에서 괜찮은 피부미용 클리닉이 어디냐고 물었더니 우리 이름은 아예 없었습니다. 우리 이름을 대고 물으니 작년 프로모션 가격과 연초에 닫은 지점을 알려 줬습니다.”
구축 내용- ChatGPT, Gemini, Perplexity, Copilot, AI Overviews가 고객의 실제 질문에 어떻게 답하는지 태국어와 영어로 점검한 보고서. 귀사 이름, 답변 내용, 인용 출처를 기록
- 질문마다 분명한 답을 담아 다시 쓴 페이지. 가격, 지점, 영업시간은 태국어·영어 문장으로 싣고 서버에서 렌더링해 빠르게 엽니다
- 페이지 내용과 일치하는 Schema.org(Organization, LocalBusiness, Product, 맞는 페이지에는 FAQ), AI 크롤러를 하나씩 정하는 robots.txt, llms.txt 파일
- 카탈로그나 예약이 있는 사업을 위한 피드 또는 MCP 엔드포인트. AI 에이전트가 가격, 재고, 예약 가능 시간을 실제 시스템에 바로 조회합니다
- 같은 질문으로 매달 다시 하는 점검, 그리고 ChatGPT·Perplexity·Gemini·Copilot에서 온 방문을 다른 유입과 나눠 보여 주는 대시보드
연동 시스템Google Search Console · Bing Webmaster Tools · Google Analytics 4 · Google Business Profile · WordPress 또는 기존 CMS · 예약 시스템 또는 ERP
클리닉 홈페이지와 온라인 예약
“새 환자가 클리닉 이름을 검색하면 리뷰 페이지만 나옵니다. 지금 홈페이지에는 의료진 소개도, 가격도, 예약 기능도 없어서 결국 다들 전화로 하나하나 묻습니다.”
구축 내용- Google과 AI가 인용할 수 있게 쓰고 Google Business Profile과 연결한 진료 항목·의료진·가격·자주 묻는 질문 페이지
- HIS(병원정보시스템)나 기존 예약 시스템의 실제 진료 일정으로 예약받고, PromptPay(태국 QR 결제)로 예약금을 받아 LINE으로 바로 확정하는 온라인 예약
- 시술 전 안내를 담아 LINE으로 미리 보내는 예약 알림과 전화 없이 환자가 직접 하는 예약 변경
- 진료 항목, 가격, 준비 사항, 오시는 길을 클리닉이 승인한 정보로 답하고 의료 관련 질문은 간호사에게 넘기는 AI 챗
- 태국 개인정보보호법(PDPA)을 충족하는 문진표와 건강 정보 동의 절차, 빈 예약 시간·노쇼·자주 묻는 진료 항목을 보여 주는 대시보드
연동 시스템HIS · LINE OA · Omise · PromptPay · Google Business Profile · Facebook Messenger
입학 지원 사이트와 학생 포털
“해마다 입학 시즌이면 입학처에 이메일과 LINE이 하루 수백 건씩 옵니다. 지원서는 PDF라 학적 시스템에 다시 입력해야 하고, 학부모가 어디까지 진행됐냐고 물어도 답을 못 합니다.”
구축 내용- 휴대폰으로 서류를 올리고 PromptPay(태국 QR 결제)나 카드로 전형료를 내며 단계마다 진행 상황을 직접 보는 다국어 온라인 지원서
- 업로드한 신분증 사본, 가구 등록부, 성적표를 읽어 양식을 채우고 서류가 빠지거나 흐리면 바로 알려 주는 서류 판독
- 승인된 지원서를 다시 입력하지 않고 기존 학적 시스템으로 보내고, 결과는 LINE과 이메일로 학부모에게 알리는 연동
- 교육 과정, 학비, 일정, 필요 서류에 관한 질문에 학교가 승인한 정보로, 학부모의 언어로 답하는 AI 챗
- 시간표, 공지, 학비를 보는 학생·학부모 포털과 과정별 지원자 수를 날마다 보여 주는 대시보드
연동 시스템기존 학적 시스템 · Google Workspace · Microsoft 365 · LINE OA · Omise · PromptPay
분양 홈페이지와 관람 예약 시스템
“분양 홈페이지는 예쁜데 느리고, 관람 예약을 할 수 있는 곳이 없습니다. 광고로 들어온 리드는 공용 메일함으로 가고, 영업팀은 그걸 하루에 한 번 봅니다.”
구축 내용- 평면도, 세대별 가격, 분양 시스템의 최신 잔여 세대, 지도와 오시는 길을 담아 모바일에서 빠르게 열리는 분양 페이지
- 실제 상담사 일정으로 받는 온라인 관람 예약과 LINE 확정 메시지, 방문 전 알림
- 양식, 채팅, Google Ads, Facebook Lead Ads에서 온 리드를 출처와 함께 CRM에 바로 넣고 현장 분양 상담사에게 LINE으로 알리는 연동
- 가격, 프로모션, 납부 조건, 오시는 길을 분양 현장이 승인한 정보로 언제든 안내하는 채팅 어시스턴트
- 해외 구매자를 위한 다국어 분양 페이지와 프로젝트별 리드, 관람 건수, 광고 출처별 계약률을 보여 주는 대시보드
연동 시스템Salesforce · HubSpot · 분양 관리 시스템 · LINE OA · Google Ads · Facebook Lead Ads · Google Maps
주문·테이블 예약 레스토랑 홈페이지
“단골손님들이 배달앱으로 주문합니다. 어차피 우리 가게를 찾던 손님인데 주문마다 수수료가 나갑니다. 테이블 예약은 LINE으로 오는데 담당 직원이 답을 다 못 따라가고, 예약이 겹치기도 합니다.”
구축 내용- 가격과 품절을 매장이 휴대폰으로 직접 고치는 웹 메뉴, 포장 주문과 QR 테이블 주문, PromptPay(태국 QR 결제)나 카드 결제
- 홈페이지, LINE OA, LINE MAN이나 GrabFood 주문을 재입력 없이 하나의 POS와 주방 화면으로 모으는 주문 통합
- 실제 빈 테이블을 보고 예약하고, LINE으로 확정과 알림을 받고, 직접 변경하거나 취소하는 온라인 테이블 예약
- "맵지 않게", "땅콩 알레르기", "여섯 명"처럼 고객이 말한 조건으로 메뉴를 추천하고 영업시간, 주차, 오늘의 메뉴에 답하는 홈페이지·LINE AI 챗
- 회원 제도와 기존 고객에게 보내는 LINE 메시지, 채널별 매출·인기 메뉴·테이블이 비는 시간대를 보여 주는 대시보드
연동 시스템LINE OA · LINE MAN · GrabFood · FoodStory POS · Omise · PromptPay · Google Business Profile
B2B 카탈로그와 견적 요청 시스템
“대리점은 주문하고 싶은 목록을 LINE으로 보내는데, 사진일 때도 있고 글로 칠 때도 있습니다. 영업 담당자는 그 대리점 가격을 Excel에서 찾아 매번 견적서를 직접 만듭니다. 사양이 바뀐 품목도 있는데 PDF 카탈로그는 아직 옛날 그대로입니다.”
구축 내용- 사양으로 검색·필터링하고, ERP의 제품 정보·사진·데이터시트를 그대로 보여 줘 오래된 PDF가 남지 않는 다국어 카탈로그
- 계약 가격, 주문 이력, 주문 상태를 보여 주고 지난 주문을 그대로 다시 넣는 대리점별 로그인 페이지
- 장바구니에서 견적을 요청하면 그 대리점의 가격과 조건으로 시스템이 초안을 쓰고, 영업 담당자가 확인·수정해 당일 PDF로 보내는 견적 절차
- 고객이 입력한 사양이나 보낸 사진으로 제품을 찾고, 비슷한 모델을 비교하며, 실제 데이터로 리드 타임에 답하는 AI 챗
- 승인된 주문을 재입력 없이 ERP에 넣고 담당 영업 사원에게 LINE으로 알리는 연동과 대리점별 매출·미결 견적 대시보드
연동 시스템SAP · Odoo · Oracle NetSuite · Salesforce · LINE OA · Microsoft 365
온라인 강의 사이트
“강의 플랫폼에서 팔면 수수료를 떼이고, 직접 팔면 LINE으로 동영상 링크를 한 명씩 보내고 이체 확인증도 직접 확인해야 합니다. 그런데도 누군가는 링크를 퍼뜨립니다.”
구축 내용- PromptPay(태국 QR 결제), 카드, 할부로 직접 신청·결제하고, 운영 담당자의 이체 확인을 기다리지 않고 바로 수강을 시작하는 강의 페이지
- 수강생별 권한으로 시스템 안에서만 재생되어 공유할 링크가 없고, 어디까지 봤는지 기억해 휴대폰에서 이어 보는 동영상
- 바로 채점되는 단원 끝 퀴즈와 강의 내용으로 시스템이 써서 강사가 고르는 문제 초안, 기준을 넘으면 자동 발급되는 수료증
- 그 강의 내용으로 답하면서 몇 강 몇 분에 나오는지 알려 주고, 답하지 못한 질문은 강사에게 넘기는 강의실 AI 어시스턴트
- 회원 제도와 쿠폰, 새 강의나 수강 기간 만료 전 LINE 알림, 매출·수료율·수강생이 멈추는 강의를 보여 주는 대시보드
연동 시스템Omise · PromptPay · Vimeo · Zoom · LINE OA · Google Workspace · HubSpot
좋은 웹사이트는 고객이 들어오고 싶고, 다시 찾고 싶은 곳입니다.
진행 방식
01
구조와 와이어프레임
키워드와 고객 여정으로 설계, 우선 승인.
02
AI로 개발
3배 빠른 제작, 시니어 품질 관리.
03
출시·측정·개선
분석 연결과 지속적 SEO 개선 루프.
사용 중인 도구와 연동
사용 중인 결제·마케팅·판매 채널과 연결됩니다.
AstroNext.jsWordPressShopifyStripeOmiseGoogle AnalyticsLINE OACloudflare
개발 프로세스
- 1
탐색
요구사항·사용자·성공 지표 정의, 착수 전 범위와 가격 확정.
- 2
설계
UX와 아키텍처 설계, 프로토타입 승인 후 개발 시작.
- 3
개발
AI로 가속한 스프린트, 매주 데모, 시니어가 리뷰.
- 4
테스트
합의된 범위 기준으로 QA·보안·성능 검증.
- 5
출시 및 유지보수
운영 배포, 팀 교육, 월간 유지보수 플랜.
