본문 바로가기
주메뉴바로가기
TOP

NHI-뉴헤어 리뉴얼 프로젝트

 

1.사이트 제작 배경

뉴헤어 의원은 모발이식 전문병원으로 미국 내 10개의 모발이식 병원을 운영하고 있는 NHI-뉴헤어 네트워크의 한국 브랜치입니다. 이미 모발이식 분야에서는 이름난 병원으로 “대머리 블로그”라는 블로그와 병원 공식 사이트를 운영하고 있는 상태였습니다. 병원측의 요구사항은 블로그와 웹사이트 의 통합 운영과 기존사이트 크로스 브라우징 구현, 검색엔진 최적화(SEO)를 위해 기존의 이미지로 관리되던 컨텐츠를 CMS를 통한 관리등이었습니다.

 

 

 

 

 

2.사이트 개발방향 및 시안작업

최초 개발컨셉은, 플래시를 배제한 크로스 브라우징이 가능한 사이트로 목표를 정했습니다.
화려한 비주얼 위주의 사이트 보다는 환자에게 필요한 정보를 전달하는것을 1차목표로 하였기에, 디자인팀은 뉴헤어 브랜드를 어떻게 전달하는가에 대한 고민의 연속이었습니다.

 

[1차 시안 작업물]

 

 

1차 시안 리뷰결과 클라이언트의 만족도는 높았으나, 외국인 모델에 대한 고객의 정서 문제와 병원의 시술 내역에 대한 인식을 심어줄 수 있는 비주얼이 필요하다는 의견을 수렴하여 2차 시안을 제작하게 되었습니다.

[2차 시안 작업물]

 


 

 

2차 시안 리뷰결과 호응도는 높았으나 병원이 추구하고자 하는 모발이식 본연의 컨셉에 부합하는가의 문제와, 대중적인 병원 웹사이트의 틀을 벗어나지 못한다는 결론이 도출됨에 따라, 제작 방향을 각 카테고리별 서브인덱스를 두기로 하고, 각 카테고리에 맞는 서브 인덱스 시안을 도출하게 되었습니다.

[3차 최종 시안]

 

 

 

3. CMS적용 및 개발과정

사이트 제작 이후에도 원활한 컨텐츠 관리를 위하여 각 컨텐츠 페이지를 입력 가능한 형태로 정의하고 오픈 CMS를 적용하였습니다. 또한 효과적인 검색결과를 보장하기 위하여, 검색엔진 최적화 작업을 시행하였습니다. 아울러 병원검색이 네이버에서 많이 이루어지는 것을 고려하여 네이버 신디케이션 API를 적용하였습니다. 모든 퍼블리싱은 웹표준에 근거하여 크로스 브라우징이 가능하게 작성되었으며, 플래시 없이 인터랙티브한 요소들을 가능하게 하기 위해 j-query plug-in을 사용하였습니다.

 

 

4. 유연한 확장성 및 고객관리의 일원화

nhi-뉴헤어 웹사이트 개발의 또 하나의 중점사항은 고객관리 및 상담관리의 일원화입니다. 그동안 별개로 운영되어오던
환자 상담 도구와 고객관리 툴을 회원관리에 통합시킴으로써, 관리의 일원화 및 편리함을 갖게 되었습니다.
이로서 단발적인 웹사이트 리뉴얼 프로젝트로 마감하는 것이 아닌 병원전용 App 개발 등 차기 프로젝트와의 유기적 연관성을 획득하게 되었습니다.

 

 


댓글

댓글

닫기