BAKSAL BEAUTY 병원 홈페이지·CMS 제작 데모
럿지(LUDGI)에서 확인할 수 있는 프리랜서·아웃소싱 포트폴리오입니다. 유사한 웹·앱·AI 개발 외주나 프리랜싱 프로젝트를 준비할 때 참고할 수 있습니다.
핵심 작업
- 성형외과·피부과에 맞춘 럭셔리 브랜드 무드와 반응형 랜딩 구현
- 시술 리스트, 카테고리 탭, 상세 페이지, before/after, 추천 시술 흐름 설계
- 한국어·영어·중국어·일본어 다국어 라우팅과 콘텐츠 확장 구조 구축
- DB 기반 블로그, 시술 콘텐츠, 관리자 비주얼 CMS, 공개 데모 관리자 구성
- 문의 폼, 첨부파일 업로드, Turnstile 봇 방어, 이메일 회신 상태 관리 구현
- sitemap, rss, robots, OG 이미지, GTM을 포함한 병원 홈페이지 SEO·마케팅 기반 구성
케이스 스터디
제안 규모
1,800만원
다국어 구조
4개 언어
핵심 화면
랜딩·시술·블로그·문의·CMS
문제 정의
병원 홈페이지는 예쁜 첫 화면만으로 문의가 생기지 않습니다. 시술 정보, 의료진 신뢰, 전후 비교, 상담 신청, 블로그 콘텐츠, 다국어 대응, 관리자 운영까지 이어지는 전체 전환 흐름이 필요합니다.
해결 과정
Next.js App Router 기반으로 메인 랜딩, 시술 카탈로그, 시술 상세, 블로그, 문의, 회사 소개, 공개 데모 관리자 화면을 구성했습니다. Neon PostgreSQL과 Drizzle ORM으로 시술·블로그·문의 데이터를 구조화하고, Firebase Auth/RBAC, Vercel Blob, Turnstile, Gmail SMTP, GTM을 연결해 운영 가능한 병원 홈페이지 패키지 형태로 설계했습니다.
결과
병원·성형외과 홈페이지 제작 상담에서 바로 보여줄 수 있는 1,800만원 규모의 프리미엄 데모가 완성되었습니다. 디자인 쇼케이스를 넘어 SEO 콘텐츠, 문의 전환, 관리자 CMS, 다국어 확장, 이미지 에셋 운영까지 포함한 포트폴리오 사례로 정리했습니다.
프로젝트 소개
BAKSAL BEAUTY는 병원·성형외과·피부과 홈페이지 제작 의뢰를 위해 구축한 실전형 웹사이트 데모입니다. 프리미엄 클리닉 랜딩, 시술 카탈로그와 상세 페이지, 다국어 라우팅, 블로그 SEO, 제작 문의 폼, 첨부파일 업로드, 관리자 CMS, 문의 관리 데스크까지 병원 홈페이지가 실제 운영 자산으로 작동하는 흐름을 Next.js 기반으로 구현했습니다.