📌 Freeturf - (주)프리터프 랜딩페이지 제작
🔹 프로젝트 개요
- 작업 기간: 2025.07 ~ 2025.12
- 작업 범위: 전체 UI/UX 디자인 및 기획,반응형 웹 프런트엔드 개발 및 퍼블리싱,조달청 제품 정보 관리 및 상담 예약 시스템 백엔드 구축
- 사용 도구:
프런트엔드: HTML5, CSS3(Flex/Grid), JavaScript(ES6+),Swiper.js(메인 슬라이드)
백엔드: Node.js(Express.js) 또는 PHP/Laravel 기반상담 문의 API,MySQL/MongoDB(문의/견적 데이터 관리)
디자인/협업: Figma, Git/GitHub, Visual Studio Code
🔹 프로젝트 목적
'신개념 디딤잔디'의 기술력과 '조달청 우수제품' 인증 정보를 시각적/구조적으로 명확하게 전달하고, 기업-고객 간의 견적 및 상담 문의를 효율적으로 처리하는 영업 지원 플랫폼 구축
- 신뢰성 확보: 조달청 우수제품 및 기술적 특장점을 데이터와 이미지를 통해 구조적으로 배치하여 기업 및 제품의 신뢰도 극대화.
- 영업 효율화: 전화, 방문, 온라인 상담 및 견적 문의를 통합적으로 관리할 수 있는 백엔드 시스템을 구축하여 고객 응대 프로세스 최적화.
- 직관적인 정보 전달: 골프장 이미지를 활용한 청량한 비주얼과 간결한 타이포그래피를 통해 제품 특성을 직관적으로 이해할 수 있도록 UX 설계.
🔹 디자인 포인트
1. 백엔드 & 상담/견적 시스템 (영업 프로세스 자동화)
- 통합 상담/견적 문의 API 구축: '전화 상담', '방문 상담', '온라인 견적 문의' 등 다양한 형태의 고객 문의 데이터를 수집하고 관리자에게 전달하는 RESTful API를 Node.js 등으로 구현.
- 조달청 우수제품 정보 관리 모듈: 조달청 인증 정보, 제품 스펙, 시공 사례 등의 변동성 데이터를 백엔드에서 쉽게 관리할 수 있는 간이 CMS 모듈을 구축하고, 프런트엔드에 동적으로 렌더링.
- 지도 API 연동 최적화: '오시는 길' 섹션의 지도 정보를 Google Maps API 또는 카카오맵 API와 연동하고, 모바일 환경에서 빠른 길 찾기 연결 기능을 구현하여 고객 편의성 증진.