경험 공유

[도전기] AI와 HTML/CSS로 SEO 웹 에이전시 만들기

05-27
34

이번에 제가 직접 밑바닥부터 웹 디자인이랑 로컬 SEO 에이전시를 만들어가는 과정을 공유해보려고 해요. 기존에 잘 안 알려진 특별한 방식으로 접근할 거거든요. 제 목표는 단순히 툴이나 플랫폼에 의존하지 않고, 진짜 속도 빠르고 검색 노출도 잘 되는 웹사이트를 만드는 거예요. 각 섹션을 독립적인 HTML/CSS/JS 블록으로 만들어서 워드프레스 구텐베르크에 올리는 방식인데, 이렇게 하면 블록들이 쌓여서 나만의 라이브러리가 되고, 나중에는 새 사이트를 훨씬 빠르고 일정하게 만들 수 있더라고요. 우선 레퍼런스 사이트를 분석해서 디자인 원칙을 뽑아내는데, 이게 사이트 퀄리티를 확 가르는 핵심인 것 같아요. 프로토타입은 Lovable로 잡고, 코딩은 Claude로 HTML, CSS, 바닐라 JS를 짜요. 워드프레스는 CMS로만 쓰고 구텐베르크에 넣으면 클라이언트는 관리하기 편하고, 저는 프론트엔드를 완벽하게 제어할 수 있어서 좋거든요. SEO는 디자인 들어가기 전에 로컬 키워드 분석부터 제대로 해요. 제가 사는 동네는 인구 8만 정도의 중소도시인데, 확실히 로컬 SEO 경쟁이 널널하더라고요. 로컬 업체들 보면 사이트가 아예 없거나 너무 조잡해서, 기본기만 알아도 상위 노출하기가 정말 쉬워요. 시작한 지 두 달 정도 됐는데, 첫 달엔 테스트 겸 배관 업체 사이트를 하나 만들었어요. 그 뒤로는 스택 다듬고 레퍼런스 공부하느라 클라이언트 영업은 잠시 미뤄두고 에이전시 자체 사이트 만드는 데 집중하고 있거든요. 근데 이 에이전시 사이트 디자인이 제일 어렵네요. 남의 걸 참고할 수도 없고, 제 디자인 철학을 온전히 담아야 하니까요. 전문 디자이너가 아니다 보니 감각은 있는데 그걸 독창적인 결과물로 뽑아내는 게 생각보다 쉽지 않더라고요. 혹시 비슷한 고민 해보셨거나 의견 있으신 분들 계시면 같이 이야기 나누고 싶어요. 단순히 윅스로 저렴하게 사이트 파는 분들 말고, 진짜 제대로 된 웹 제품을 만드는 장인 정신 있는 분들을 찾고 있거든요. 계속 진행하면서 또 공유할게요. 읽어주셔서 감사해요!

댓글

AI 제휴 마케팅으로 하루 $850 달성하기 (무료 트래픽만 사용)+4
2일전6
AI OFM 2026년 8월, 0에서 2k까지+3
2일전7
제로부터 시작하는 Meta 계정 복구 업무 구축기+1
3일전12
[Journey] 처음부터 유튜브 채널 키우기 — 아이들을 위한 3D EQ 애니메이션+1
3일전5
새로운 SEO 여정 – 월 1천 달러 목표로 두 개의 콘텐츠 사이트 구축하기+2
5일전8
0원에서 100명의 유료 크리에이터까지의 여정 — 오늘 시작+4
6일전8
한부터 시작해서 대량 AI 영상 생성기를 직접 만들고 있어요 | 100명의 유료 사용자를 확보해 가는 중이에요+9
6일전7
전 OF 채팅 담당자, 유출된 콘텐츠가 많이 있어요+1
07-272
바쁘지 않을 때까지 기다리느라 즐길 시간을 놓쳤어요+1
07-272
펩타이드 소셜 미디어 팔로워 1,000명 모으기 → 그다음엔 10,000명 목표+5
07-269
디지털 마케팅 인증 과정 중에 직접 프로젝트를 만들어도 괜찮을까?
07-269
디지털 마케팅 인증 과정에서 직접 프로젝트 만들어 보는 게 괜찮을까?
07-269
[Journey] 유료 광고 없이 제로에서 시작하는 니치 뉴스레터 60일 도전+1
07-2517
[여정] 랭크-렌트에서 상업 서비스 사업으로+3
07-2415
[여정] Claude AI로 기술 서비스 사이트+블로그 만들고 첫 고객 구하기+4
07-2319
첫 번째 온라인 월수입 $500 달성 여정+3
07-2320
AI 시대 이후 제로에서 기술 블로그 시작하기+2
07-2320
평판 관리가 매출을 늘리는 데 도움이 됐나요?+3
07-2219
[여정] $2K SEO 마이크로 니치 사이트 랭킹 여정+19
07-2121
제로에서 월 3천 달러까지: 내 OnlyFans 에이전시 이야기+2
07-2120