brunch

You can make anything
by writing

C.S.Lewis

by 서한교 May 26. 2017

국민투표로또 디자이너 이야기

안녕하세요! 국민투표로또에서 디자인을 맡았던 서한교입니다. 너무 뜻깊고 감사한 경험이었기에 후기를 남기고자 합니다.







먼저 팀을 간략하게 소개드리면, 각자 자리에서 맡은 바 역할을 하던 중에 개발자의 길로 가기 위해 코딩 부트캠프에서 공부한 친구들입니다. (정말 친절하고 능력있는 친구들입니다 : D) 다들 개발자로 전직했지만 저는 가던 길 그대로 디자이너로 가게 되었습니다.


그렇게 또다시 각자 새로운 자리로 가서 역할을 하던 중에 예전에 얘기했던 "투표 로또"를 사이드 프로젝트로 해보자 라는 얘기가 나왔습니다. 이전에 코딩 부트캠프에서 학습할 당시 썰전에서 유시민 작가님이 투표 로또를 언급하시는 걸 보고 나중에 기회가 되면 해보는 게 어떠냐는 이야기를 한 적이 있습니다. 그것이 실제로 이루어질 타이밍이 되었던 것이죠.



그렇게 3월 9일 "국민투표로또"팀으로 첫 만남을 가지게 됩니다. 다들 각자 회사를 다니고 있었기에 퇴근을 하고 만났습니다. (어느 댓글에 스타트업이 할 거 없어서 홍보용으로 만들었다는 글을 보았는데.. 아닙니다ㅠ)




진행하며 했던 생각은 다음과 같습니다.


1. 웹도 역시 스케치와 제플린

스케치로 디자인 작업 + 제플린으로 공유하는 것까지 하루를 넘지 않았습니다. 몇 년 전에 웹을 디자인하고 가이드 전달하는 데까지 걸렸던 시간을 생각하면 정말 빠르고 쉽고 정확하게 전달할 수 있었습니다. 제플린을 처음 사용했던 개발자 친구도 그 자리에서 바로 사용법을 익히고 사용했습니다. (스케치, 제플린 너무 좋아요...)



2. 개발을 잘 못하지만.. 개발을 고려하는 태도

일정이 빠듯할 때 완성을 위해서는 디자인뿐만 아니라 개발을 고려하는 '태도'를 가져야 한다고 생각합니다. 실제로 디자인을 할 때 어떻게 하면 개발하기 쉬울지에 대해서 생각을 하며 레이아웃을 구상했습니다. 그 결과로 긴 형태의 레이아웃이 나왔는데요, 이유는 이 형태가 개발하기 가장 쉽다고 생각했기 때문입니다.



3. 디자인은 비주얼보다 내용 정리 (feat. 일정)

국민투표로또의 전체 일정을 한 달 조금 넘게 잡았습니다. 하지만 본업이 있기 때문에 디자인 작업할 수 있는 시간은 3~4일 정도밖에 되지 않았습니다. 이러한 상황에서 중요한 것은 더더욱 디자인할 재료를 손질하는 것이었습니다. 재료를 잘 손질하지 않고 서둘러한다면 결국 좋지 않은 결과를 불러오기 때문입니다. 여기서 디자인재료는 국민투표로또와 관련된 정보의 텍스트와 이미지입니다. 이 텍스트와 이미지가 정리되지 않은 상황에서는 디자인에 아무리 시간을 투자해도 결과가 좋지 않을 것이라고 판단했습니다.


결론적으로 텍스트의 내용과 이미지 정리에 2~3일을 사용했고, 비주얼적인 부분은 재료를 가지고 하루에 정리하였습니다. 초안을 만들기에 적절한 시간 분배였다고 생각합니다.



4. 우선순위를 고려한 이미지와 텍스트의 배치

국민투표로또는 법과 연관되어 있었기에 참여방법, 선거법, 후원방법, FAQ 등 정확하게 전달해야 하는 내용이 많았습니다. 그래서 이러한 내용을 잘 전달하기 위한 것에 중점을 두고 진행하였습니다. 여기서 중요하게 생각했던 것은 정보 간의 강약 조절이었는데요, 상징적으로 나타내야 하는 것에는 이미지와 사진을 적절하게 써주고 나머지는 가독성만 생각하며 텍스트로 정리하였습니다.


실제로 우선순위를 두었던 '응모 예시 사진'과 비슷한 구도의 사진이 많이 응모되었습니다. 우선순위가 잘 반영되었다고 생각됩니다.



5. 메인 컬러

메인 컬러 같은 경우는 특정 정당이 떠오르면 안 된다는 원칙 하에 진행했습니다. 그렇다면 색을 섞어보자 해서 여러 혼합색이 나왔고, 그중 의미가 가장 좋은 보라색으로 결정하게 되었습니다.


보라색은 몽환적이며 미래에 대한 상상을 나타냅니다. 그리고 대비의 상징인 파랑과 빨강의 성격을 둘 다 갖고 있습니다. 더불어 둘의 융합이라고 볼 수도 있습니다. 이러한 이유로 보라색이 메인 색으로 결정 되었습니다. 그리고 이어 포인트 색으로 보라색의 보색인 노란색을 추가하였습니다.  (*노란색은 비율을 5% 미만으로 하였습니다.)




-

많이 부족하지만 열심히 작업했습니다. 좋게 봐주시면 감사하겠습니다 : D

끝으로 영광스러운 뉴스룸 캡쳐본 올리며 마치겠습니다. 감사합니다 ~!




브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari