아이포유웍스 홈페이지 개편 뒷 이야기

대행사 홈페이지 개편은 쉽지 않다!!

 
중이 제 머리 못 깎는 것처럼 대행 업무 하느라 시간도 인력도 부족해서 대행사의 홈페이지는 방치되기 쉽습니다. 하지만 무한 경쟁 시대에 홈페이지 없이 소셜 채널만으로 회사를 홍보할 수 없습니다. 바쁜 업무 중에 홈페이지를 시즌 2에 맞춰 개편한 홈페이지의 뒷이야기를 소개해 드릴게요.

추석 연휴? 감사 메일 내용을 홈페이지에도 올리자!

 
아이포유웍스는 새롭게 둥지를 틀면서 시즌 2를 시작했습니다. 시즌 2를 시작하고 처음 맞이하는 ‘추석’ 명절을 기념해 협력사와 고객사에 감사 메일을 보내는 미션이 떨어졌습니다. 페이스북에 이미지를 업로드하고 감사 메일의 랜딩을 페이스북으로 걸 수도 있지만, 이왕이면 홈페이지 개편을 마무리하고 홈페이지로 랜딩을 거는 게 좋겠다고 생각했습니다. 이때부터 마음이 급해졌습니다. 추석 연휴가 5일밖에 남지 않았거든요.

미션! 5일 안에 홈페이지 만들기. 가능해?

회사소개서를 잘 정리해서 사이트로 제작하면 비교적 간단하게 5일 안에 홈페이지 제작을 마무리할 수도 있습니다. 하지만 이번 홈페이지에서는 진행하는 프로젝트와 다양한 트렌드 자료, 아이포유 내부의 다양한 소식도 지속적으로 발행할 수 있게 블로그를 포함하는 홈페이지로 제작 방향을 잡았습니다. 메뉴 구조와 각 페이지에 필요한 내용을 취합하고 블로그 CMS를 가지고있는 워드프레스로 제작하기로 했습니다. 5일 안에 홈페이지 제작 가능할까요? 네, 가능합니다.

심플한 One-Page Site용 워드프레스 테마 찾기!

 
대략적인 화면 구조 디자인이 나오면 워드프레스 테마를 제작해야 합니다. UI도 고민하고 모바일, 태블릿 등 다양한 디바이스까지 고려한 반응형 테마를 제작하기엔 5일이란 시간이 너무 부족했습니다. 유료 테마 중에 디자인 시안을 가장 잘 표현해 줄 테마를 찾아서 구입하기로 했습니다. ‘세상에 테마는 많지만 100% 완벽한 테마는 없다!’고 생각하기 때문에 아주 꼼꼼하게 살피지 않을 수가 없습니다.  이번 테마 선정은 아래 몇 가지 질문에 대답을 줄 수 있는 테마로 찾기로 했습니다.

• 반응형 & 크로스 브라우징
  모바일 및 다양한 사용자 환경에 맞춰 콘텐츠를 잘 보여줄 수 있는가?
• 페이지 & 블로그 포스트 영역 스타일
  다양한 화면 구성과 블로그 콘텐츠를 효과적으로 표현할 수 있는가?
• 특수 기능 & 추가 개발 가능성
  사이트에 필요한 기능을 포함하고 있는가? 만약 없다면 추가 플러그인으로 개발이 가능한가?
• 기존 구매자들의 리뷰
  테마를 기존에 구매한 사용자들의 리뷰와 질문에서 불평이나 불만 사항을 잘 해결하고 있는가?
• 워드프레스 코어 업데이트에 따른 업데이트
  워드프레스는 다양한 이슈에 따라 코어가 업데이트되는데 이를 지원하는가?

테마 설치 후 세팅이 완성도를 좌우한다!

꼼꼼하게 살펴보고 구매를 해서 서버에 설치해보면 분명 데모에선 보이지 않았던 버그를 발견하게 되는 경우가 많습니다. 원했던 기능이 제대로 구현이 안 되는 부분도 있고, 영문 글꼴에선 예쁘게 보였던 부분이 한글 글꼴로 바꾸었더니 촌스럽게 바뀌기도 합니다. 이런 부분은 초기 테마 세팅을 꼼꼼하게 해주는 것이 필요합니다. 영어 글꼴에 비해 밀도가 높은 한글 글꼴에 맞춰 글꼴 크기, 자간, 줄 간격, 문단 간격까지 세팅해 주면 어느 정도 레이아웃이 잡혀갑니다. 사이트에 필요한 플러그인을 설치해서 이 부분의 CSS 스타일까지 정리가 되면 콘텐츠를 업데이트할 준비가 마무리됩니다.

페이지, 포트폴리오, 포스트… 구분해서 콘텐츠 업데이트!!

회사 소개, 주요 서비스, 회사 위치와 연락처 페이지처럼 업데이트가 필요없는 고정된 내용들은 WordPress의 Page로 업데이트합니다. 최근 진행한 프로젝트들은 포트폴리오 형태로 업데이트합니다. 포트폴리오 기능을 포함한 테마를 구입하거나 포트폴리오 플러그인을 활용해서 제작할 수 있습니다. 그리고 회사 이전 소식이나 브랜드를 만들어 가는 과정을 담은 ‘브랜드 스토리’같은 내용은 블로그 Post 형태로 콘텐츠 업데이트를 진행합니다. 이렇게 하나하나 콘텐츠를 채워가면 홈페이지의 전체 그림이 채워지게 되지요.

소셜 채널 연동 및 추가 기능 개발 후 오픈!

 
홈페이지 제작이 끝나면 해당 페이지나 블로그 콘텐츠가 확산될 수 있도록 세팅이 필요합니다. 아이포유웍스 홈페이지에는 사이트 운영에 필요한 기능을 포함해 만들어 둔 W샌드위치 플러그인을 세팅합니다. 이 플러그인에는 포스팅 하단에 각 소셜 채널 및 모바일 메신저로 공유하는 기능과 손쉽게 팝업창을 띄우거나 배너를 등록해서 사이트에 추가하는 등의 기능을 포함하고 있어 전문적인 프로그래밍을 알지 못해도 홈페이지 운영을 쉽게 할 수 있습니다. 그 외에 사용자들이 문의 사항을 남길 수 있는 게시판이나 간단한 메일 기능을 추가하거나 운영 중인 소셜 채널의 링크를 걸어준다면 홈페이지는 더욱 근사하게 리뉴얼을 마칠 수 있게 됩니다.

이상의 과정을 통해서 5일 안에 홈페이지를 제작하고 주요 프로젝트 포트폴리오와 아이포유웍스 집들이 콘텐츠를 포함한 신규 콘텐츠 업데이트를 마쳤습니다. 물론, 미션으로 주어진 추석 감사 메일 이미지도 예쁘게 블로그 포스트로 업데이트했습니다. 대행 업무를 진행하느라 바쁘겠지만 여러 담당자가 원고를 분담해서 일주일에 한 건 이상 콘텐츠를 발행하도록 노력하겠습니다. 방문하셔서 도움이 되는 내용은 소셜 채널에서 공유도 하고 댓글로 칭찬도 해주세요.