이번에는 서비스 알아보기 페이지를회사 소개 페이지로 구조 전환한 내용에 대해 이야기해보려고 합니다.1. 왜 서비스 알아보기 페이지를 바꾸었는가기존 웹사이트에는 ‘서비스 알아보기’ 페이지가 존재했습니다.이 페이지는 서비스에 대한 내용을 소개하기 위해 만들어졌으며,서비스 요금이나 앱 사용 방법 등에 대한 정보가 포함되어 있었습니다. 하지만 리뉴얼을 진행하며 서비스에 대한 핵심 설명은메인 페이지에서 전달하는 것이 더 적절하다고 판단했습니다.실제로 메인 페이지에서 서비스의 주요 내용과 이용 흐름을 충분히 설명하도록 구조를 변경하면서,기존 ‘서비스 알아보기’ 페이지에는 서비스에 대해 새롭게 전달할 내용이 거의 남지 않게 되었습니다. 또한 페이지 곳곳에는 사용자에게 의미 있는 정보를 전달하지 못하는 dead zon..

4. ServiceFlowSectionServiceFlowSection은 사용자가 실제로 서비스를 이용할 때어떤 과정으로 진행되는지를 단계별로 보여주는 영역입니다.서비스 이용 과정에 대한 문의가 자주 있었기 때문에페이지 안에서 서비스 신청부터 이용 완료까지의 흐름을한눈에 이해할 수 있도록 절차를 정리하여 구성했습니다. 또한 스크롤 진입 시 각 단계 카드가 순차적으로 등장하도록 애니메이션을 적용했습니다.이 애니메이션은 CSS만으로 동작하는 것이 아니라IntersectionObserver를 활용해 섹션이 화면에 들어왔을 때 애니메이션 클래스를 활성화하는 방식으로 구현했습니다.초기에는 카드가 보이지 않는 상태로 시작하고,섹션이 화면에 일정 비율 이상 나타나면 애니메이션이 실행되도록 구성했습니다..flowIt..

B2C 비즈니스에서 개발자의 중요한 역할 중 하나는고객이 서비스로 들어올 수 있는 통로를 만드는 것이라고 생각합니다.그중에서도 고객이 서비스에 대해 궁금증이 생겼을 때그 궁금증을 빠르게 해결할 수 있도록 만드는 일은 매우 중요합니다.궁금증이 생겼다는 것 자체가 이미 서비스에 대한 인지가 생겼다는 의미이기 때문입니다.그 과정에서 이용을 가로막는 작은 장애물들을 해결해 준다면그 고객은 서비스를 이용할 가능성이 가장 높은 후보가 될 수 있습니다.하지만 기존 문의하기 페이지는필요한 정보를 찾거나 문의를 남기기까지의 흐름이조금 매끄럽지 않다고 느껴졌습니다.특히FAQ 영역의 가독성이 떨어진다는 점문의 작성 시 입력 경험이 직관적이지 않다는 점이 두 가지가 주요 문제였습니다.그래서 이번 리뉴얼에서는 문의하기 페이지의..