타로카드 웹 사이트 개발 - v.1.1.16
지난 주에 타로 카드 웹 사이트를 처음 소개 드렸던 것을 기억 하시나요?
이번에는 타로카드 웹 사이트를 개편을 진행 하게 되어 version 1.1의 주된 변경 사항을 설명 드리고자 합니다. 타로 사이트는 아래 URL에서 접속 가능합니다.
주된 변경 사항
도메인 변경
기존 버셀 도메인인 tarotmystique.vercel.app 에서 저의 개인 도메인에 하위 도메인을 생성하여 tarot.efforthye.com 로 접속 할 수 있게 작업 하였습니다.
방법은 Vercel의 Domains에서 외부 도메인을 연결하기 위한 CNAME을 생성하고 AWS Routes53 호스팅 영역에 간단하게 DNS 데이터를 입력해주어 연결할 수 있었습니다.
폰트 변경
전체적인 폰트를 기본 궁서체에서 눈누 사이트에서 찾은 [평창평화체] 로 변경하였습니다. 폰트만 변경 하였는데도 사이트 자체의 디자인이 확 예뻐지는 것이 눈에 보였습니다.
타로 결과 이미지 다운로드 및 공유하기 기능 추가
타로 결과를 눈으로만 보고 끝나는 것이 아니라, 결과 화면에서 이미지로 다운로드 할 수 있는 기능과 소셜 공유 기능을 제공하여 아래와 같이 정사각형 이미지로 자동 저장 및 각종 플랫폼에 공유할 수 있는 편의성을 제공하였습니다.
비밀 편지 보내기 기능 추가
유저의 피드백을 받기 위한 용도로, 유저가 비밀 편지를 작성할 수 있는 기능을 추가하였습니다. 사이트 우측 하단에 까마귀 아이콘의 버튼을 고정적으로 두어 언제든 눌러 편하게 작성할 수 있도록 하였습니다.
사이트를 이용하면서 불편감을 느낀 유저는 불편함에 대하여 편지를 작성할 것이고, 그렇지 않은 유저는 본인이 하고 싶은 이야기를 비밀 편지로 적을 것으로 예상하여 '누군가에게 전하고 싶은 비밀스러운 메시지를 적어보세요...' 라는 문구로 지정하여 편지를 보낼 수 있도록 했습니다.
유저가 작성한 메시지는 데이터베이스에 저장되어 관리자가 확인할 수 있으며, 텔레그램 봇을 연동하여 실시간으로 알림 메시지를 전송 받을 수 있게 하였습니다.
404 페이지 기능 추가
또한 404 페이지 디자인 및 기능 구현을 진행하였습니다. 예상치 못한 페이지가 뜨더라도 '때로는 긿을 잃는 것도 새로운 발견의 시작입니다.' 라는 이스터 에그같은 문구로 404 페이지를 맞딱뜨린 유저의 불편감을 해소하고 재미 요소를 살렸습니다.
결론
지난 주에서 지난 주말 동안 타로 웹 사이트를 전면 개편하면서 개인 도메인 연결, 평창평화체 폰트 적용, 타로 결과 이미지 다운로드 및 공유 기능, 비밀편지 시스템, 404 페이지 등을 완성한 후 프로젝트를 다시 배포하였습니다.
배포 이후 약 500건 이상의 데이터가 축적되었고, 이 사이트를 사용해 본 유저들의 피드백을 받아볼 수 있었습니다. 여러 피드백을 반영하면서 생긴 작은 기술적 변화들이 유저들의 사용자 경험을 더 좋게 만들고, 재방문률 또한 자연스럽게 높아지는 경험을 할 수 있어 재미 있었습니다.
피드백 내용 중엔 디자인과 폰트가 예쁘다는 칭찬도 있었고, 타로 카드를 '로빈우드 타로카드' 로 바꾸면 더 예쁠 것 같다는 피드백도 있었고, 사이트 이름 자체를 좀 더 검색하기 쉽게 검색어 이름이 있으면 접근성이 좋아질 것 같다는 피드백도 받았습니다.
여러 피드백을 받을 수 있어서 기뻤고, 다음에는 피드백 받은 부분들을 개선해 볼 것 같습니다.