법률사무소 승검 홈페이지 개발

프로젝트 개요

네이버 모두를 이용 홈페이지를 운영해 오시다가 새로 구축할 필요를 느끼셨는데 법률사무소 고호 홈페이지를 보고 마음에 드셔서 연락해 주셨습니다. 변호사님의 취향에 맞춰 13년 검사 경력의 형사 전문 변호사를 위한 법률사무소 홈페이지를 구축했습니다. 성폭력범죄, 디지털성범죄, 경제범죄, 강력범죄 등 전문 분야를 효과적으로 소개하고, 잠재 의뢰인이 쉽게 상담을 신청할 수 있는 사용자 친화적인 웹사이트를 목표로 했습니다.

담당 역할

• •도메인네임 세팅 및 서버 설정: 도메인네임 구매 대행하고 이를 vercel 호스팅과 연결하는 작업을 수행하여 초기 운영비를 0원으로 시작할 수 있도록 설정하였습니다.
• •풀스택 개발: Next.js 15와 TypeScript를 기반으로 고성능 정적 사이트를 구축하고, Tailwind CSS로 전문적이고 깔끔한 UI/UX를 디자인했습니다.
• •모바일 퍼스트 반응형 웹: 모바일 퍼스트 접근 방식을 채택하여 다양한 기기에서 최적의 사용자 경험을 제공하는 반응형 웹사이트를 구현했습니다.
• •데이터베이스 및 관리자 페이지: Supabase(PostgreSQL)를 활용하여 상담 신청 내역, 변호사 소개, 언론보도 등의 콘텐츠를 직접 관리할 수 있는 관리자 페이지(/admin)를 React Admin을 이용해 구현했습니다.
• •상담 신청 시스템: 카카오톡 채널 연동과 웹 상담 신청 폼을 구현하여 다양한 상담 채널을 제공했습니다. 웹 폼 상담 신청 시 Resend를 이용해 변호사에게 이메일 알림을 전송하는 기능도 포함했습니다.
• •언론보도 시스템: 성범죄, 경제범죄, 강력범죄 등 분야별로 언론보도를 관리하고 표시하는 시스템을 구현했습니다.
• •SEO 최적화: 법률 서비스 특성상 검색 엔진 노출이 중요하므로, Next.js의 메타데이터 API와 정적 생성을 활용하여 SEO를 최적화했습니다.

프로젝트 성과

• •전문성과 신뢰감을 강조한 디자인으로 잠재 의뢰인에게 긍정적인 첫인상을 제공하며, 관리자 페이지를 통해 변호사가 직접 콘텐츠를 관리할 수 있어 지속적인 업데이트가 용이합니다.
• •카카오톡 상담과 웹 폼을 통한 다채널 상담 접수로 의뢰인 접근성을 크게 향상시켰습니다.
• •Google Analytics와 Search Console을 연동하여 웹사이트 트래픽과 사용자 행동을 분석할 수 있는 기반을 마련했습니다.
• •기존 개발 업체와 달리 최신 기술 스택을 활용하여 유지보수성과 확장성을 고려한 웹사이트를 구축하고 소스 코드 등 모두를 전달하였습니다.