TL;DR
우리 팀은 크몽 연동 기능을 업데이트했어요. 홈페이지 디자인을 라임그린 테마로 리뉴얼하고, 리뷰 섹션도 실제 크몽 데이터로 채웠죠. 새로 구현한 IP 기반 문의 횟수 제한 기능도 좋아요!
오늘 뭘 만들었나
우리가 운영하는 Simpler24는 카페24 쇼핑몰을 위한 맞춤형 개발 솔루션 서비스예요. 최근에 크몽 채널을 통한 상담/문의 기능을 추가했는데, 사용자 경험을 더 좋게 만들려고 프로젝트를 진행했네요.
크몽 연동 및 디자인 리뉴얼
우선 홈페이지 전체를 라임그린 컬러로 통일했어요. 밋밋했던 디자인이 확 살아났죠. 그리고 크몽 버튼을 곳곳에 배치해서 상담 문의를 쉽게 할 수 있게 만들었습니다. (솔직히 크몽 링크 추가하는 게 제일 귀찮았어요...)
풍성해진 리뷰 섹션
리뷰 섹션도 완전히 새로 만들었어요. 기존엔 더미 데이터만 있었는데, 이번에 실제 크몽 리뷰 27건을 가져왔죠. 평점 통계, 필터 기능, 리치한 카드 UI까지 만들었답니다. 리뷰 섹션 완성하는 게 제일 많은 삽질이 필요했어요.
IP 기반 문의 횟수 제한
마지막으로 IP 기반 하루 3회 문의 제한 기능을 만들었어요. 이런 기능이 있어야 악용을 막을 수 있겠죠. JSON 파일로 데이터를 관리하고, 실패 메시지에 남은 횟수도 표시했습니다.
삽질 & 교훈
사실 크몽 연동하는 게 생각보다 복잡했어요. 버튼 위치마다 다른 링크를 넣어야 했고, 폼 연동 코드도 만들어야 했죠. (근데 이런 삽질은 언제나 있는 법이지만요.)
리뷰 섹션도 만만치 않았네요. 기존 슬라이더 스크립트를 버리고 필터링/로딩 시스템을 새로 만들어야 했거든요. CSS로 리치한 카드 UI도 구현했죠. (이 과정에서 모바일 레이아웃 깨지는 이슈도 있었지만 무사히 해결했어요.)
그래도 이런 삽질 끝에 완성된 결과물을 보면 뿌듯해요. 제가 개인적으로 가장 좋아하는 건 라임그린 테마와 리뷰 섹션이네요. 앞으로 이 프로젝트로 더 많은 고객이 유입되길 기대해볼게요!
결과물
오늘 완성한 업데이트로 Simpler24 홈페이지가 한층 더 스타일리시하고 유용해졌어요. 크몽 상담 기능이 잘 연동됐고, 실제 리뷰 데이터로 풍성해진 리뷰 섹션도 멋져졌죠. IP 기반 문의 제한 기능까지 더해져서 이제 더욱 체계적으로 운영할 수 있을 것 같아요.
이번 업데이트 덕분에 우리 서비스에 대한 신뢰도도 올라갈 거라 기대하고 있어요. 앞으로 더 많은 고객이 Simpler24를 찾아와 주시면 좋겠네요!