김 지현스마일서브 20주년 이벤트 디자인 진행
안녕하세요. 기획 및 비즈니스 사업부 디자이너 김지현입니다.👋👋👋
smileserv가 창립 20주년을 맞이하여 사내 행사와 고객 감사 이벤트를 진행하게 되었습니다!! 👏👏👏
smileserv의 20주년 이벤트 제작기를 배경으로 smileserv의 이벤트가 어떤 디자인 과정을 거처서 제작되게 되는지 알아보도록 하겠습니다!
(디자인 중심의 제작기 입니다.)
1. 이벤트 콘셉트 도출하기
이벤트의 목적과 주제를 명확하게 정하고 디자인 콘셉트에 대해서 회의를 진행하게 됩니다.
이번 20주년 이벤트 디자인은 “서버 외길” 이라는 카피를 중심으로 “한 분야의 장인”, “한 길만 걸어온 전문가”라는 주제를 가지고 진행하게 되었고,
이벤트 참여 대상자 분석을 진행하여 그들에게 보이고 싶은 이미지와 이벤트 목적, 주제, 진행 행사 등을 고려하여 디자인 리서치를 진행하였습니다.
리서치한 디자인을 배경으로 더 세부적인 디자인 회의를 거처 디자인의 대략적인 방향성을 잡고, 디자인 시안을 제작합니다.
디자인 시안이 나오면 더 세부적인 디자인 회의가 진행됩니다.
어떤 시안이 이벤트 목적과 주제에 적합한지 회의를 통해 의견을 모으게 되며
대부분 한 번에 정해지기보다는 여러 번의 수정 과정을 통해 하나의 디자인 시안이 정해지게 됩니다.
정해진 시안을 가지고 본격적인 이벤트 디자인 작업이 진행됩니다.
2. 이벤트 페이지 디자인 진행
디자인의 방향성이 정해진 후 페이지의 세부 내용과 이벤트 내용을 구체화합니다.
페이지에 내용이 어떤 순서로 들어가고, 어떤 이벤트를 진행할 것인지 정하여
페이지의 완성도를 높이기 위해 모든 페이지의 시안을 제작하게 됩니다.
정해진 시안을 가지고 페이지 디자인과 그 외 나머지 홍보물 작업이 함께 들어가게 됩니다.
팝업 이미지에서, 보도자료, 페이스북 등.. 진행되는 이벤트를 어떤 매체를 이용하여 홍보하게 될 것인지 정하게되면,
작업해야 하는 이미지가 정해지고, 기존에 정한 디자인 시안을 참고로 같은 느낌의 홍보 이미지 제작을 진행하게 됩니다.
이번 smileserv의 20주년 이벤트는 평균적으로 이벤트가 가지고 있는 축제와 같은 가벼운 분위기를 가지고 있기 보다.
다소 무게감이 있는 “서버 외길”이라는 카피를 가지고 진행하다 보니 디자인 방향성을 잡는 것에 가장 어려움이 있었습니다.
홍보 효과와 디자인 시안에서 갈등이 생겼고, 이 부분을 해결하는 것에 많은 시간이 소모되었습니다.
이벤트의 가벼운 분위기와 다소 무게가 있는 분위기를 함께 녹여내기 위해
여러 번의 리서치와 레이아웃 변경을 진행하였고, 지금의 디자인이 완성되었습니다.
3. 이벤트 페이지 퍼블리싱 진행
이번 이벤트 페이지는 빠른 제작과 수정, 보완이 용이한 “윅스”라는 서비스를 이용하여 제작되었습니다.
윅스의 장점은 앞서 말씀드린 것과 같이 빠른 제작과 수정, 보완이 용이하다는 점이 있습니다.
기존 퍼블리싱과는 달리 직관적으로 보이기 때문에 접근성이 쉽고 여러 번의 수정 작업이 들어가더라도 빠르게 문제 해결이 가능합니다.
이런 윅스의 장점은 이벤트 페이지 제작에 활용도가 높고 효율이 좋습니다.
퍼블리싱 하기 전 완성된 페이지 전체 디자인 시안을 보며 페이지 애니메이션 스토리보드를 제작합니다.
배경에서부터 작은 버튼까지 스크롤 이벤트와, 호버 효과까지 컬러부터 딜레이 타임까지 계산하여 정리합니다.
페이지 전체 디자인 시안과 애니메이션 스토리보드까지 제작이 완료되었다면, 실제 페이지를 만들 때 필요한 이미지 소스를 파일에 정리 후 퍼블리싱을 진행합니다.
PC 화면 디자인 레이아웃이 완료된 후 모바일 화면 레이아웃도 조정해 주고,
여러 종류의 디스플레이를 이용하여 레이아웃에 문제는 없는지, 정상적으로 접근이 되는지 확인해 줍니다.
완성된 스마일서브 20주년 페이지를 확인해 보세요!