데일리호텔을 모르는 고객들이 데일리호텔을 처음 만나게 되는 채널은 어디일까요?
근본적인 접점 채널을 생각하다가 웹 사이트에 검색 시 처음으로 나오는 기업 웹 사이트를 떠올렸습니다. 그리고 알아본 결과 실제로 웹 사이트를 통해 앱 다운로드와 파트너 제휴가 꽤 이루어지고 있음을 알게 되었죠. 해서 이런 중요한 브랜드 채널에 부합하고자 사이트 리뉴얼을 결심합니다. (라고 말하고 비주얼 개선이 시급했다고 합니다..)
기존 워드프레스로 제작되어있던 데일리호텔 웹 사이트의 일부입니다. 기존 페이지를 제작할 당시 인하우스를 통한 웹페이지 구현이 아니었기 때문에 페이지 유지 보수에 어려움이 있었습니다. 그리고 페이지 자체가 복잡하게 구현이 되어있어 콘텐츠 로딩에 시간이 많이 소요되고 있었습니다. 해서 생각했습니다.
어설프게 수정할 바에, 다 뒤집어엎자.
그렇게 할 시에 가장 첫 번째로 유지보수 및 관리가 용이해야 했습니다. 또한 데일리호텔의 '모바일 웹' 출시일을 맞추어 완료가 되어야 했기 때문에 빠른 시일 내에 제작이 필요했죠. 그래서 생각한 것이 '웹빌더'였습니다.
워드프레스는 웹 사이트를 하나하나 구현시켜야 한다면 '웹빌더'는 이미 구현해놓은 플랫폼이 있어 원하는 대로 끌어다가 내용만 입력하면 되는 방식입니다. 즉, 워드프레스와 달리 별도의 호스팅이 필요 없는 샘이죠.
1단계) 제안하기
________________________________________
하지만 비용이 들지 않았던 워드프레스와는 달리 웹빌더의 경우 편리한 만큼 플랫폼 사용 비용을 지불해야 하는 단점이 있었습니다. 해서 '웹빌더'를 사용해야 하는 이유에 대해 구성원들을 설득해야 했습니다.
- 호스팅이 필요 없음 -> 구축기간을 단축시킬 수 있고 관리가 용이함
- 반응형 웹 사이트(웹, 태블릿, 모바일) 구축이 가능함
- 한 번의 결제로 무제한 트래픽과 용량 사용이 가능함
- 큰 기술력을 필요로 하지 않음
다행히도 기업 웹 사이트의 중요성을 구성원들이 알고 있었고, 그 개선 또한 시급하다는 것을 알고 있었기에 쉽게 다음 단계로의 진행이 이루어졌습니다.
2단계) 페이지 구성 기획
________________________________________
다음 단계는 '그렇다면 어떻게 페이지를 설계해야 할까?'였습니다. 기존 웹 사이트는 내용이 중복으로 기재된 것도 많았고, 문장도 다듬어지지 않은 경우가 많았습니다. 해서 Flow는 물론 단어와 문장 선정도 다시 진행해야 했습니다.
페이지 구성 기획(Rough version)
위 표처럼 AS-IS와 TO-BE를 비교하며 수정 및 보완해야 할 부분을 체크했습니다. 요소를 덜어내고 추가하는 가장 중요한 과정이었죠.
3단계) 페이지 적용 및 제작
________________________________________
그다음 페이지에 위 구성을 적용시키고 단어 및 문장들을 다듬는 작업을 진행합니다. 내용을 삽입함과 동시에 어떤 이미지를 어떤 사이즈로 넣을지도 함께 설계하며 적용시킵니다.
수정된 기업 사이트의 'Home' 탭 일부
수정된 기업 사이트의 'Partnership' 탭 일부
또한 단순히 내용을 채워가기보다는 모델력(데일리호텔 모델 조인성)을 발휘할 수 있는 이미지/영상을 넣는다던가, 제휴 제안 입력폼에는 어떤 양식을 적용시켜야 한다던가의 디테일한 요소들을 설정 및 적용합니다.
4단계) 개발 요건
________________________________________
웹 사이트 제작이 끝났다고 끝난 게 아닙니다. (어찌 보면 이것이 시작인 것을..) 이제는 설계해놓은 대로 연결되는 계정 및 링크를 연결시켜주는 작업이 필요합니다.
수정된 기업 사이트의 Footer
페이지의 제일 하단에 있는 Footer를 예로 들자면 데일리에서 운영하는 각 SNS 채널들을 링크로 연결시켜주고, 회사소개서 PDF를 다운로드할 수 있도록 파일을 올려놓는 다던가, '문의'를 클릭했을 시에 설정해놓은 주소로 메일을 보낼 수 있는 창을 띄운다던가 등의 과정입니다.
링크 정리까지 완료되었다면 이제는 완성된 웹 사이트를 고객들이 만나볼 수 있도록 웹마스터 도구에 등록하는 과정을 거칩니다. 웹마스터 도구 등록을 하지 않으면 흔히 고객들이 사용하는 네이버, 다음, 구글 등에서 페이지 노출이 되지 않기 때문에 제작을 하나 마나인 샘이죠.
또한 데일리호텔 기업 웹 사이트로 들어오는 검색 키워드와 방문자 통계 등을 볼 수 있도록 GA Analytics 코드를 삽입하고, 웹빌더 서비스 측에서 임의로 만든 도메인을 데일리 측에서 설정한 도메인으로 변경 및 리다이렉트 시키는 과정을 거칩니다.
마지막 단계) 감상
________________________________________
https://corp.dailyhotel.co.kr/
마치며
________________________________________
이렇게 입사 이래로 항상 과제였던 부분이 해결이 되었습니다. 생각보다 워드프레스로 제작된 사이트와 데일리호텔 앱과 연결되어 있는 부분이 많아서 대안책을 찾느라 시간이 좀 걸렸지만 많은 분들의 도움으로 척척 진행되었던 프로젝트였던 것 같습니다. 하나하나 데일리의 색으로 물들여 가는 것도 보람차구요.
그럼 다음 프로젝트를 기약하며! 총총
________________________________________
기획/진행 : Creative팀 & Product팀
작성자 : Creative팀 Blair Ahn
#데일리 #데일리호텔 #개발 #개발자 #디자인 #디자이너 #기획 #기획자 #협업 #성과 #인사이트 #경험공유 #후기 #일지
가입하기
