작업 사례 · 특허·지식재산
온어스특허법률사무소 홈페이지 수정·개선
기존 아임웹 사이트를 새로 만들지 않고, 운영자가 직접 고칠 수 있는 구조로 바꾸고 모바일 화면과 상담 동선을 정리한 작업입니다.
- 아임웹 커스텀 위젯
- 모바일 반응형 보정
요청받은 내용
- 처음 요청은 모바일 화면 개선이었습니다.
- 이후 PC 메인 상담 영역 정렬, 지점 선택과 지도 배치, 전국 사무소 페이지에 지점 선택·지도 추가를 요청받았습니다.
- 디자인은 바꾸지 않고 기존 모습을 유지하는 조건으로 진행했습니다.
만든 것
기능마다 무엇을, 왜 만들었는지 적었습니다.
변리사 프로필 위젯
운영자가 코드 없이 설정 화면에서 이름·직함·사진·업무 분야와 최대 8개의 탭(학력·경력, 주요 활동, 업무사례 등)을 직접 고칠 수 있게 만들었습니다.
구성원 카드 위젯
구성원을 최대 20명까지 카드로 보여 주고, PC에서는 4열·모바일에서는 2열로 정렬됩니다.
전국 사무소 페이지
지점 검색, 등록순·거리순·이름순 정렬, 지역 필터와 지도를 한 화면에 넣었습니다.
모바일 화면 정리
지점 탭·서브메뉴·연혁·문의 영역을 정리하고, 본문이 잘리던 2단 레이아웃을 고쳤습니다. 버튼을 누르는 영역은 44px로 넓혔습니다.
상담 동선 연결
눌러도 반응이 없던 상담 버튼 24개를 상담 신청 폼으로 연결하고, 떠 있는 메뉴에 카카오톡 상담 버튼을 추가했습니다.
오픈 전 점검
- 54개 페이지를 PC(1280px)와 모바일(375px)에서 모두 점검했습니다.
- 단어 중간 줄바꿈 38건을 0건으로, PC 가로 스크롤을 0으로 정리했습니다.
- 내부 링크 180개와 이미지 85개를 확인해 깨진 링크·이미지·스크립트 오류가 없음을 확인했습니다.