CRM 서비스 소개 랜딩페이지

실제 사이트를 미리 완성해 두었습니다. 이 사이트를 그대로 쓰시면 되고, 원하시는 사진과 글(콘텐츠)만 주시면 넣어 오픈까지 진행합니다. 먼저 https://wishket-159014-crm-landing.pages.dev/site/ 에서 PC와 모바일의 9개 주요 화면, 탐색·문의 동선을 확인해 주세요. 현재 화면은 공고의 요구를 바탕으로 만든 가상 CRM 서비스 예시입니다. 이번 주 전달 예정인 Figma 디자인 파일을 받으면 실제 색·타이포·간격·이미지·문구에 맞춰 퍼블리싱하겠습니다.

이번 프로젝트에서 가장 중요한 성공 기준은 화면 수만 맞추는 것이 아니라 고객이 CRM의 가치를 빠르게 이해하고 문의까지 무리 없이 이동하는 것입니다. 홈, 고객 관리, 영업 흐름, 자동화, 리포트, 도구 연결, 활용 사례, 도입 안내, 문의의 9개 주요 화면을 PC·태블릿·모바일에서 같은 정보 순서로 구현하겠습니다. 작은 화면에서는 데스크톱 레이아웃을 축소하는 대신 읽기 순서와 버튼 터치 영역을 다시 점검하겠습니다. 간단한 디졸브·호버는 정보가 나타나는 순서를 안내하는 데만 사용하고 움직임 줄이기 설정을 존중하겠습니다.

기술은 의미 있는 HTML과 현대 CSS, 필요한 부분에만 쓰는 JavaScript를 제안합니다. 콘텐츠 중심의 소개 사이트에 큰 프레임워크를 얹기보다 초기 로딩을 가볍게 하고, Figma의 반복 요소를 공통 스타일과 컴포넌트로 관리하기 좋기 때문입니다. 문의 메일은 배포 환경의 서버측 발송 기능으로 연결해 수신 주소와 비밀키가 브라우저에 드러나지 않게 하겠습니다. 별도 문의 DB는 만들지 않습니다. 화면에서 필수값·동의·중복 제출을 확인하고 발송 중, 성공, 실패를 구분하겠습니다. 현재 공개 사이트의 문의 폼은 입력·검증·완료 안내를 체험하는 데모이며 메일을 전송하지 않는다고 명시했습니다. 실제 메일 수신은 클라이언트 수신 주소와 배포 환경을 전달받아 연결합니다.

진행은 Figma 수령 후 기준 해상도·공통 요소·9개 화면의 콘텐츠를 먼저 확정하고, 공통 UI와 주요 화면을 만든 뒤 문의 발송을 연결하는 순서입니다. 디자인 파일 수령 후 10일 안에 개발을 끝내고 공고 예상 기간 15일 안에 검수와 인계를 마치겠습니다. 완료 판단은 ① PC·태블릿·모바일 화면에서 겹침과 가로 넘침이 없고 ② 모든 내부 링크와 CTA가 맞는 화면으로 이동하며 ③ 문의 테스트 메일이 지정된 수신함에 실제 도착하고 실패 시 안내가 보이며 ④ 접근성, 로딩, 수정 가능한 소스와 운영 안내가 인계되는 시점으로 제안합니다. 디자인 수령일과 수신 주소, 배포 환경, 필수 문의 항목을 미팅에서 먼저 맞추겠습니다. 직접 작업하며 화면별 확인 결과와 남은 이슈를 짧게 공유하겠습니다.

월 유지보수는 오픈 뒤 필요하시면 월 150,000원(VAT 별도)을 기준으로 제안드립니다. 월 2회까지의 문구·이미지 교체, 문의 폼 동작 점검, 작은 표시 오류 수정을 포함하고 신규 페이지·기능은 별도 협의하겠습니다. 이번 공고용 제안서와 스토리보드, 4단계 데모는 https://wishket-159014-crm-landing.pages.dev/ 에서 함께 보실 수 있습니다.

지원완료 댓글 공고 댓글란에 작성할 짧은 정중 멘트

지원서를 제출했습니다. 실제 사이트를 미리 완성해 두었습니다. 이 사이트를 그대로 쓰시면 되고, 원하시는 사진과 글(콘텐츠)만 주시면 넣어 오픈까지 진행합니다: https://wishket-159014-crm-landing.pages.dev/site/ . 이번 공고용 제안서와 스토리보드도 허브에서 확인하실 수 있습니다: https://wishket-159014-crm-landing.pages.dev/ .

포트폴리오 1: 제안서 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
[제안서] CRM 소개 사이트 반응형 퍼블리싱 실행안

[포트폴리오 설명]
이번 공고를 위해 새로 제작한 제안서입니다. CRM 서비스의 가치를 고객 문의로 잇는 9개 화면 구조, Figma 수령 후 개발 순서, 기술 선택 이유, 이메일 문의 완료 기준을 담았습니다. 실제 사이트와 데모로 구현 방향을 함께 확인할 수 있습니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

포트폴리오 2: 스토리보드 포트폴리오 신규 등록용 제목 및 설명

[포트폴리오 제목]
[스토리보드] CRM 소개에서 문의까지의 화면 여정

[포트폴리오 설명]
스토리보드는 서비스의 화면을 실제 모습에 가깝게 미리 그려 보는 문서입니다. PC 방문자와 모바일 방문자의 홈·기능·문의 화면을 여정 순서로 담았습니다. Figma 수령 후 적용할 정보 구조, 반응형 흐름과 문의 상태를 확인하실 수 있습니다. 마지막까지 보시면 생각하고 계신 시스템의 모습이 머릿속에 그려지실 것입니다.

*본 포트폴리오는 공고지원을 위해 사전 제작된 내용임을 알려드립니다.

PDF → 이미지 변환 명령어 터미널에 입력하여 PDF를 고해상도 이미지로 일괄 분할 변환 (ImageMagick)

magick -density 300 proposal.pdf -quality 100 proposal_page_%02d.png