한약재 제조와 유통, 식품 및 건기식 원료 사업을 하는 기업의 홈페이지 유지보수 작업입니다. 대학병원 협력 기반의 신뢰도가 중요한 사이트인 만큼, 정보 전달력을 높이고 운영 안정성을 확보하는 것을 중심으로 진행했습니다. 콘텐츠 보강, 메뉴 구조 정비, 외부 채널 연동, 성능 점검을 한 작업 흐름 안에서 처리했습니다.
이번 유지보수에서 다룬 항목
작업은 크게 여섯 영역으로 나눠 진행했습니다.
- 콘텐츠 배치와 레이아웃 정비
- 메뉴 구조 및 내부 링크 정리
- 외부 채널 연동과 링크 관리
- 메인 이미지 및 배너 갱신
- SEO와 웹사이트 성능 진단
- 관리자 편의성 개선
콘텐츠와 화면 구성 정비
레이아웃과 메뉴 구조
기존 페이지 구성 요소의 배치를 정리하고, 방문자가 필요한 정보로 자연스럽게 이동할 수 있도록 탐색 흐름을 다듬었습니다. 메뉴 카테고리를 재정리하고 내부 링크를 보완해, 원하는 페이지로 이동하는 경로가 끊기지 않도록 했습니다.
신규 콘텐츠 섹션을 추가해 브랜드 메시지를 보강했고, 텍스트와 이미지를 함께 배치하는 방식으로 핵심 내용이 시각적으로 강조되도록 구성했습니다. 한약재 제조와 유통 정보, 건기식 원료 사업 안내, 외부 채널 연동 구조가 일관된 흐름 안에서 연결되도록 정리했습니다.
외부 채널 연동
스마트스토어와 상담 링크 등 외부 채널을 사이트 안에서 연결했습니다. 연결된 링크는 관리자 페이지에서 직접 수정할 수 있는 구조여서, 채널 주소가 바뀌어도 개발자 요청 없이 처리할 수 있습니다.
메인 이미지와 배너 갱신
메인 슬라이드와 배너 이미지를 새로 제작해 적용했습니다. 이미지만 교체하는 데 그치지 않고, 텍스트와 이미지를 함께 구성해 사이트에 처음 들어오는 방문자가 첫 화면에서 사업 성격을 명확히 파악할 수 있도록 했습니다.
성능 진단
Google PageSpeed를 기준으로 사이트 성능을 점검했습니다. 점검 항목은 다음과 같습니다.
- 최초 콘텐츠 표시 시간(FCP): 페이지를 열었을 때 첫 내용이 화면에 나타나는 속도
- 최대 콘텐츠 표시 시간(LCP): 가장 큰 이미지나 텍스트 블록이 화면에 표시되는 시점
- 레이아웃 흔들림(CLS): 페이지를 불러오는 동안 요소가 갑자기 움직이는 정도
- 상호작용 지연(TBT): 버튼이나 링크를 눌렀을 때 반응이 늦어지는 시간
- 이미지 최적화: 이미지 용량과 파일 형식이 적절한지 여부
- 렌더링 차단 리소스: 화면 로딩을 지연시키는 외부 파일 요소 여부
- 모바일 대응: 스마트폰 화면에서 레이아웃이 올바르게 표시되는지 여부
- HTTPS: 보안 접속 프로토콜 적용 여부
점검 결과를 바탕으로 당장 수정이 필요한 항목과 중장기적으로 검토할 항목을 구분해 정리했습니다. 운영자가 우선순위를 직접 판단할 수 있도록 항목별로 설명을 덧붙여 전달했습니다.
관리자 편의성 개선
콘텐츠 수정, 이미지 교체, 외부 링크 변경을 관리자 페이지에서 직접 처리할 수 있도록 구성했습니다. 작업 완료 후에는 유지보수 가이드도 별도로 제공해, 담당자가 바뀌거나 시간이 지난 후에도 사이트를 직접 관리할 수 있도록 했습니다.
