압구정탑라인의원

지방흡입은 역시 압구정탑라인의원

실력과 자질이 없는 의사는 함께 하지 않습니다.
지속적인 연구활동과 임상경험을 바탕으로 몸매라인을 개선해 드리겠습니다.
지켜야할 것은 당연히 지키는 압구정탑라인의원 환자의 권리와 안전을 먼저 생각하겠습니다.

압구정탑라인의원 바로가기

본 프로젝트의 디자인은 고객사에서 제공했으며 당사에서는 코딩 및 프로그래밍 작업을 수행했습니다.

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. 유지보수 및 추가 개발 지원

• 버그 수정 및 기능 개선
• 추가 설문 및 이벤트 업데이트
• 텍스트, 이미지 업데이트