지방흡입은 역시 압구정탑라인의원
실력과 자질이 없는 의사는 함께 하지 않습니다.
지속적인 연구활동과 임상경험을 바탕으로 몸매라인을 개선해 드리겠습니다.
지켜야할 것은 당연히 지키는 압구정탑라인의원 환자의 권리와 안전을 먼저 생각하겠습니다.
본 프로젝트의 디자인은 고객사에서 제공했으며 당사에서는 코딩 및 프로그래밍 작업을 수행했습니다.
1. 프로젝트 개요 및 역할 분담
고객사 담당 영역
- 디자인 제공: Figma, Adobe XD, Photoshop 등의 시안 파일 제공
- 콘텐츠 제공: 텍스트, 이미지, 동영상 등 다국어 콘텐츠 제공
- 웹마케팅 진행: SEO, 광고, SNS 마케팅 등
당사 담당 영역
- 웹 퍼블리싱: HTML, CSS, JavaScript 적용
- 프론트엔드 개발: UI/UX 인터랙션, 상담 및 설문 기능 개발
- 백엔드 개발: 상담 요청 및 설문 데이터 저장, 관리자 페이지 개발
- 비포 & 애프터 갤러리, 게시판 시스템 개발
- 서버 구축 및 배포: 고객사 요청 시 지원
2. 개발 단계별 진행 방법
웹 퍼블리싱 (Front-end 작업)
고객사 디자인 파일 확인 및 스타일 가이드 적용
- 제공된 Figma, XD 파일 확인 후 HTML/CSS 적용
- 반응형(Responsive) 디자인 개발 (모바일, 태블릿, PC 지원)
UI/UX 기능 개발
- 애니메이션 적용 (GSAP, AOS 등)
- 이미지 최적화 및 Lazy Loading
- 폼 검증 (jQuery Validation, Vanilla JS)
백엔드 개발 (Back-end 작업)
상담 신청 기능 개발 : 사용자 상담 신청 폼
- 이름
- 연락처 (전화번호, 이메일)
- 희망 상담 내용 선택
- 추가 문의 사항
- 개인정보 제공 동의 체크
DB 저장 및 관리자 확인 기능
- MySQL 테이블에 상담 신청 정보 저장
- 관리자 페이지에서 신청 내역 확인 가능
- 이메일 자동 발송 기능 (신청 접수 완료 알림)
설문 이벤트 기능 개발
- 관심 있는 시술 항목 선택
- 성별 및 연령대 선택
- 병원 방문 경험 여부
- 원하는 혜택 선택 (할인 쿠폰, 추가 서비스 등)
설문 데이터 저장 및 통계 기능
- MySQL 테이블에 설문 응답 데이터 저장
- 관리자 페이지에서 통계 확인 가능
- 설문 완료 후 “감사 쿠폰” 자동 발송 (SMS 또는 이메일)
비포 & 애프터 갤러리 개발
- 성형 전후 사진 업로드 기능
- 필터링(시술 종류별, 부위별)
- 사진 추가/삭제/수정 기능
게시판 시스템 개발
- 공지사항 게시판: 병원 소식, 이벤트 안내
- 고객 후기 게시판: 고객이 직접 후기 작성 가능
- Q&A 게시판: 고객이 질문을 남기면 관리자 답변 가능, FAQ 자동 분류 기능
서버 구축 및 배포
서버 및 도메인 설정
- 호스팅 선택: Cafe24, AWS Lightsail, 고도몰, 가비아 중 선택
- SSL 보안 인증서 적용 (HTTPS 필수)
- 데이터베이스 설정 (MySQL, MariaDB 등)
보안 및 데이터 보호
- CAPTCHA 적용 (봇 방지)
- 사용자 데이터 암호화 및 보호 조치
4. 유지보수 및 추가 개발 지원
- 버그 수정 및 기능 개선
- 추가 설문 및 이벤트 업데이트
- 텍스트, 이미지 업데이트
