삼성투모로우는 어떤 워드프레스 테마로 개편했을까?

2015/07/13

2011년에 아이포유웍스를 만나 티스토리로 제작되었던 삼성투모로우는 2013년에 티스토리에서 워드프레스로 플랫폼을 변경하게 됩니다. 당시 삼성전자에서 대형 TV까지도 고려해서 분기점이 6개나 되는 큰 반응형 사이트 제작이 이슈였습니다. 그렇게 2013년에 워드프레스로 만들어진 삼성투모로우가 2년만에 개편을 완료하고 새로운 모습을 드러냈습니다. 사용자 입장에서 개편은 삼성투모로우에 공식 개편 소식을 확인해보면 콘텐츠 노출 방식, 간소화된 메뉴 구조를 통해서 쉽고 간결하게 바뀌었다는 점을 확인할 수 있을 겁니다. 이쯤 되면 워드프레스 좀 개발해 봤다는 담당자들의 궁금증! ‘삼성투모로우는 어떤 테마로 제작한 걸까?’ 궁금하실 텐데요. 그 비밀을 공개합니다. 결론부터 말씀드리면 삼성투모로우는 유료 테마를 커스터마이징 하지 않고, 디자인을 통해 테마를 개발하는 과정으로 진행했습니다.

samsung_tomorrow_paper

<삼성투모로우 개편 기획 문서 Ver. 0.1>

삼성투모로우 개편 진행 과정

삼성투모로우 개편이 결정된 건 지난 2014년 말이었습니다. 어떻게 개편하면 좋을지 일반 사용자들을 대상으로 불편한 점을 정리하는 작업부터 진행했습니다. FGI(Focus Group Interview)자료를 토대로 고객들의 불편한 사항을 1차 정리하고 삼성전자 내부에서 운영하는 담당자들의 의견을 추가했습니다. 이렇게 만들어진 기능정의 리스트에 맞는 와이어프레임을 그렸습니다. 디자인 작업과 이후 퍼블리싱 작업에서도 많은 수정을 내지 않게 하려고 최대한 디테일하게 화면을 구성하기 시작했습니다. (물론, 이후 수정은 불가피한 요소입니다.)

이렇게 만들어진 화면 구성 와이어프레임으로 대략적인 느낌을 좀 더 구체적으로 표현하는 작업이 실제 디자인 작업이라고 할 수 있습니다. 디자인 작업에서는 실제 화면에서 워드프레스의 어떤 기능들이 어떤 사용자 인터페이스로 동작하게 되는지까지 개발자와 협의하면 디자인 작업을 진행하게 됩니다. 최종 결정권자의 마음에 쏙드는 디자인 결과물을 만들어 내기 위해 여러 번의 디자인 개선 작업이 진행됩니다.

이렇게 디자인 작업물에 대한 결과물을 컨펌 받으면, 실제 구현을 위해 html 페이지로 퍼블리싱 하는 과정을 진행하게 됩니다. 이 과정에서는 다양한 디바이스에 맞춰 반응형이 정상적으로 잘 보여지는지를 테스트하게 됩니다. (테스트라고 읽고 수정작업이라고 이해하시면 됩니다.) 이 테스트를 거친 후 최종 워드프레스의 기능들을 적용해 테마를 제작하게 됩니다.

samsung_tomorrow_renewal

삼성투모로우 메인 페이지는 어떻게 구성하나?

개편 이후 가장 큰 변화는 메인 화면 구성이 이전 버전과 비교해 많이 심플해졌습니다. 하지만, 다양한 이미지 화면 비율을 가지고 있어서 이 부분은 특성 이미지(Featured Image)를 하나로 등록해서 해결될 수 있는 부분이 아니었습니다. 그래서 메인 페이지 등록을 위한 이미지를 추가로 등록할 수 있도록 기능을 변경했습니다. 이전 무한 로딩되던 메인 페이지에 비해 전체 로딩 데이터를 50%로 줄이면서 로딩 속도도 1/3 수준으로 빨라졌습니다.

works_samsung<개편 이후 새롭게 태어난 삼성투모로우>

삼성투모로우는 대한민국을 대표하는 기업 미디어 채널입니다. 매일 업데이트 되는 콘텐츠도 많고, 그만큼 방문자도 만만치 않습니다. 개편 작업의 마지막은 개발로 진행하던 테스트 서버와 실제 데이터로 돌아가는 라이브 서버의 IP를 변경하는 것으로 마무리되었습니다. 개편 이후 실제 라이브 서버에서만 발견되는 작은 버그들을 꾸준히 잡으면서 개편 이후 디버깅을 진행하고 있습니다. 가볍고 빠르게 바꿨으니 앞으로 2~3년은 바꾸지 않고 그냥 가도 좋을 것 같습니다. 개편 작업은 쉬운 일이 아니니까요. 이 디버깅까지 끝나면 FGI를 다시 진행해서 개편 후 사용자 편의성이 얼마나 증가했는지도 파악할 수 있을 것 같습니다.