디자인, 특별한 스킬 없이 도전하기!
1. INTRO
들뜬 분위기가 이어지는 12월은 다양한 이벤트와 기획전이 펼쳐지는 구매시즌입니다. 크리스마스의 특수성을 활용한 선물과 세일을 알리는 이메일이 쏟아지고, 모바일과 소셜에 공개되어 보는 이들의 눈길을 사로 잡습니다. 반면에, 기획자가 그래픽 디자인을 겸한 멀티플레이어가 되어야 하는 소규모 사이트에서는 상품 이미지의 디자인 퀄리티가 떨어져 시즌을 잘 활용하지 못하는 경우도 있습니다. 웹 페이지를 디자인할 때 곤란한 점은 무엇인가요? 조금만 더 정교해지면 시각적인 효과를 볼 수 있을 텐데 하는 아쉬운 마음이 들어 이번 칼럼에서는 디자인 방법에 대한 실제적인 팁을 알려드리는 내용을 소개해 볼까 합니다.
2. 실용적인 디자인 방법론
수많은 상품이나 광고 소재를 제작하기 위해 정보의 시각화는 중요합니다. 흥미로운 건, 몇 가지 디자인 기본원리를 이해한다면 비록 고급 그래픽 툴을 이용한 화려한 디자인은 어렵지만 훨씬 다듬어진 콘텐트 표현이 가능하다는 것입니다.
보기 좋은 떡이 먹기도 좋다.
요즘 오프라인에서는 상품을 매력적으로 보여주는 ‘비주얼 머천다이징’이 주목 받고 있습니다. 비주얼 머천다이징(Visual Merchandising)은 고객 입장에서 흥미를 일으키도록, 쇼윈도와 상품을 매력 있게 연출하여 판매로 이어지도록 하는 마케팅 전략을 말합니다.
3. 쇼핑몰 디자인 접근 방법
1) Color : 일관성을 가지는 디자인
보유 상품이 다양한 온라인 쇼핑몰에서는, 상품 자체에 컬러가 있어 컬러 선택을 잘못 하게 되면 그림3과 같이 직관적인 상품 파악이 어렵고 시선이 분산되 주목도가 떨어지게 됩니다.
사진이 들어간 이미지에서 어떤 컬러를 사용해야 할지 어려울 때 색 선택을 하는데 있어 유용한 방법이 있습니다. 불필요한 컬러는 과감하게 줄이고 간소화된 컬러 활용으로 배너의 가독성을 높이는 것입니다.
- 사이트 활용 포인트 : 이미지 컬러와 텍스트 컬러를 맞추면 색상 선택 어렵지 않아요.
그림 4-1은 상품 설명 문구의 컬러를 상품 컬러인 퍼플과 핑크를 사용하여 중요사항을 직관적으로 인식하게끔 합니다. 만약 상품 컬러가 오래 볼수록 눈에 피로감을 주는 컬러라면, 상품 고유 컬러만 사용하지 않고 명도와 채도를 조절해 보시기 바랍니다.
- How to use?!
예시로 프리웨어 이미지편집 프로그램(PhotoScape)에서 체육대회 행사 포스터를 만들어보겠습니다. 표지 첫 화면을 꾸밀 때 사용된 이미지에서 컬러를 가져와, 배경박스와 폰트에 약간의 밝기를 조절��
디자인, 특별한 스킬 없이 도전하기!
1. INTRO
들뜬 분위기가 이어지는 12월은 다양한 이벤트와 기획전이 펼쳐지는 구매시즌입니다. 크리스마스의 특수성을 활용한 선물과 세일을 알리는 이메일이 쏟아지고, 모바일과 소셜에 공개되어 보는 이들의 눈길을 사로 잡습니다. 반면에, 기획자가 그래픽 디자인을 겸한 멀티플레이어가 되어야 하는 소규모 사이트에서는 상품 이미지의 디자인 퀄리티가 떨어져 시즌을 잘 활용하지 못하는 경우도 있습니다. 웹 페이지를 디자인할 때 곤란한 점은 무엇인가요? 조금만 더 정교해지면 시각적인 효과를 볼 수 있을 텐데 하는 아쉬운 마음이 들어 이번 칼럼에서는 디자인 방법에 대한 실제적인 팁을 알려드리는 내용을 소개해 볼까 합니다.
2. 실용적인 디자인 방법론
수많은 상품이나 광고 소재를 제작하기 위해 정보의 시각화는 중요합니다. 흥미로운 건, 몇 가지 디자인 기본원리를 이해한다면 비록 고급 그래픽 툴을 이용한 화려한 디자인은 어렵지만 훨씬 다듬어진 콘텐트 표현이 가능하다는 것입니다.
보기 좋은 떡이 먹기도 좋다.
요즘 오프라인에서는 상품을 매력적으로 보여주는 ‘비주얼 머천다이징’이 주목 받고 있습니다. 비주얼 머천다이징(Visual Merchandising)은 고객 입장에서 흥미를 일으키도록, 쇼윈도와 상품을 매력 있게 연출하여 판매로 이어지도록 하는 마케팅 전략을 말합니다.
3. 쇼핑몰 디자인 접근 방법
1) Color : 일관성을 가지는 디자인
보유 상품이 다양한 온라인 쇼핑몰에서는, 상품 자체에 컬러가 있어 컬러 선택을 잘못 하게 되면 그림3과 같이 직관적인 상품 파악이 어렵고 시선이 분산되 주목도가 떨어지게 됩니다.
사진이 들어간 이미지에서 어떤 컬러를 사용해야 할지 어려울 때 색 선택을 하는데 있어 유용한 방법이 있습니다. 불필요한 컬러는 과감하게 줄이고 간소화된 컬러 활용으로 배너의 가독성을 높이는 것입니다.
- 사이트 활용 포인트 : 이미지 컬러와 텍스트 컬러를 맞추면 색상 선택 어렵지 않아요.
그림 4-1은 상품 설명 문구의 컬러를 상품 컬러인 퍼플과 핑크를 사용하여 중요사항을 직관적으로 인식하게끔 합니다. 만약 상품 컬러가 오래 볼수록 눈에 피로감을 주는 컬러라면, 상품 고유 컬러만 사용하지 않고 명도와 채도를 조절해 보시기 바랍니다.
- How to use?!
예시로 프리웨어 이미지편집 프로그램(PhotoScape)에서 체육대회 행사 포스터를 만들어보겠습니다. 표지 첫 화면을 꾸밀 때 사용된 이미지에서 컬러를 가져와, 배경박스와 폰트에 약간의 밝기를 조절��
O2O 서비스의 실제 사례들을 중심으로 커머스 분야의 트렌드를 쉽게 이해할 수 있도록 설명한 자료입니다.
O2O 시대는아래 5가지 특징이 있습니다.
1. 뭐든지 읽어내는 시대
2. 어디에서든지 구매로 연결되는 시대
3. 애매해진 경계, 불필요해진 구분
4. 더 쉽고 간편해진 결제
5. OMNI-CHANNEL(옴니채널)
이제 우리는 쇼핑을 할 때 제품의 바코드, 사진, 웹 화면 등을 통해 해당 제품의 정보를 읽어내고, 바로 구매까지 할 수 있습니다.
또한 오프라인과 온라인과의 경계가 허물어진 경험의 확장으로 언제 어디서나 쉽고 간편하게 결제할 수 있습니다.
이제는 통합적인 채널을 통해 서비스를 제공하는 여러 창의적인 생각들이 점점 더 중요시 되어지는 시대입니다.
서울의 핫플레이스를 모바일에서 만나보세요.
최신 스트릿 트렌드가 반영된 잇 아이템을 발견할 수 있습니다.
* Seoul, New york, Tokyo 등 전세계 주요 핫플레이스의 잇-아이템을 선정하여 트렌드세터들에게 추천하고 소개하는 트렌드 커머스 Urbanstreet가 2015년, 서울을 시작으로 세상에 첫 선을 보입니다.
홍대, 가로수길, 삼청동 등 서울의 다양한 핫플레이스에서 가장 인기 있고, 유니크한 스토어와 상품 그리고 최신 이슈를 만나보세요.
KOLON SPORT, ELORD, HEAD, JACK NICKLAUS, Customellow, Cambridge, Members, CLUB CAMBRIDGE, GGIO II, HenryCottons, Series;, LUCKY CHOUETTE, GEOX, SUECOMMA BONNIE 등 감도 높은 Fashion 브랜드와 Burt’s Bee, Jurlique 등 핫한 Beauty 브랜드의 최신 상품도 만나 보실 수 있습니다.
서울의 핫플레이스를 모바일에서 만나보세요.
최신 스트릿 트렌드가 반영된 잇 아이템을 발견할 수 있습니다.
* Seoul, New york, Tokyo 등 전세계 주요 핫플레이스의 잇-아이템을 선정하여 트렌드세터들에게 추천하고 소개하는 트렌드 커머스 Urbanstreet가 2015년, 서울을 시작으로 세상에 첫 선을 보입니다.
홍대, 가로수길, 삼청동 등 서울의 다양한 핫플레이스에서 가장 인기 있고, 유니크한 스토어와 상품 그리고 최신 이슈를 만나보세요.
KOLON SPORT, ELORD, HEAD, JACK NICKLAUS, Customellow, Cambridge, Members, CLUB CAMBRIDGE, GGIO II, HenryCottons, Series;, LUCKY CHOUETTE, GEOX, SUECOMMA BONNIE 등 감도 높은 Fashion 브랜드와 Burt’s Bee, Jurlique 등 핫한 Beauty 브랜드의 최신 상품도 만나 보실 수 있습니다.
온라인 셀렉트샵 29CM 브랜드북 입니다.
제본용으로 작업하여 슬라이드 한장이 한페이지가 아닌 책의 두 쪽입니다.
이를 구분 짓고 가독성을 위해 온라인 슬라이드에 부득이하게 회색실선을 삽입하였습니다. 회색 실선을 중심으로 왼쪽 오른쪽이 책을 펼쳤을 때 보이는 모습입니다. 따라서 첫 슬라이드는 책의 뒤쪽 커버와 앞쪽 커버입니다.
양이 많은 음식을 소분해서 구매하고 싶은 고객, 저렴
하게 구매하고 싶은 소량 구매 고객, 혼자 장보기/식사가
심심한 고객을 타겟으로 한 ‘파티구함’ 서비스는 수유시
장에서 함께 구매할 파트너를 맺어주는 서비스이다. 함
께 구매할 파트너를 App으로 연결해주어 양이 많은 음식
이나 대량 판매되는 상품의 경제적 이점을 소량구매 고
객에게도 제공할 수 있다. 파티원을 구하면서 소비자가
스스로 홍보하는 효과를 기대할 수 있다.
* 출처 : 수유시장 학생디자인연구회 아이디어 모음집
2017 수유마을시장 지역선도시장육성사업 대학·대학원 디자인연구회 운영사례 결과보고서
[목차]
ㅇ 들어가는 글
ㅇ 사업 소개
ㅇ '수유시장을 디자인하다’학생연구진 활동 소개
ㅇ 학생연구진 사례
- 핵심 제품 및 서비스
- 제품·서비스에 대한 정보전달
- 이해관계자들의 요구사항을 반영한 제품·서비스
- 제품·서비스 제공 프로세스
- 대 고객 서비스
- 안전하게 제품·서비스를 이용하게 하는 요소
- 예상 못하거나 일반적이지 않은 상황에서 제공가능한 제품·서비스
- 상인-소비자, 상인간, 소비자간 커뮤니티형성 요소
ㅇ 끝내는 글
http://marketdesign.tistory.com/28
2014 하반기 국내외 성공사례를 정리했습니다.
This file is made for sharing 2014 second half of the year marketing trend with anyone who are interested. Thank you :)
INSIGHT _ 공감한다. 고로 손재한다. 소비자와 브랜드, 서로의 스페셜 공감이 중요해진다.
https://www.facebook.com/fmcommunications
O2O 서비스의 실제 사례들을 중심으로 커머스 분야의 트렌드를 쉽게 이해할 수 있도록 설명한 자료입니다.
O2O 시대는아래 5가지 특징이 있습니다.
1. 뭐든지 읽어내는 시대
2. 어디에서든지 구매로 연결되는 시대
3. 애매해진 경계, 불필요해진 구분
4. 더 쉽고 간편해진 결제
5. OMNI-CHANNEL(옴니채널)
이제 우리는 쇼핑을 할 때 제품의 바코드, 사진, 웹 화면 등을 통해 해당 제품의 정보를 읽어내고, 바로 구매까지 할 수 있습니다.
또한 오프라인과 온라인과의 경계가 허물어진 경험의 확장으로 언제 어디서나 쉽고 간편하게 결제할 수 있습니다.
이제는 통합적인 채널을 통해 서비스를 제공하는 여러 창의적인 생각들이 점점 더 중요시 되어지는 시대입니다.
서울의 핫플레이스를 모바일에서 만나보세요.
최신 스트릿 트렌드가 반영된 잇 아이템을 발견할 수 있습니다.
* Seoul, New york, Tokyo 등 전세계 주요 핫플레이스의 잇-아이템을 선정하여 트렌드세터들에게 추천하고 소개하는 트렌드 커머스 Urbanstreet가 2015년, 서울을 시작으로 세상에 첫 선을 보입니다.
홍대, 가로수길, 삼청동 등 서울의 다양한 핫플레이스에서 가장 인기 있고, 유니크한 스토어와 상품 그리고 최신 이슈를 만나보세요.
KOLON SPORT, ELORD, HEAD, JACK NICKLAUS, Customellow, Cambridge, Members, CLUB CAMBRIDGE, GGIO II, HenryCottons, Series;, LUCKY CHOUETTE, GEOX, SUECOMMA BONNIE 등 감도 높은 Fashion 브랜드와 Burt’s Bee, Jurlique 등 핫한 Beauty 브랜드의 최신 상품도 만나 보실 수 있습니다.
서울의 핫플레이스를 모바일에서 만나보세요.
최신 스트릿 트렌드가 반영된 잇 아이템을 발견할 수 있습니다.
* Seoul, New york, Tokyo 등 전세계 주요 핫플레이스의 잇-아이템을 선정하여 트렌드세터들에게 추천하고 소개하는 트렌드 커머스 Urbanstreet가 2015년, 서울을 시작으로 세상에 첫 선을 보입니다.
홍대, 가로수길, 삼청동 등 서울의 다양한 핫플레이스에서 가장 인기 있고, 유니크한 스토어와 상품 그리고 최신 이슈를 만나보세요.
KOLON SPORT, ELORD, HEAD, JACK NICKLAUS, Customellow, Cambridge, Members, CLUB CAMBRIDGE, GGIO II, HenryCottons, Series;, LUCKY CHOUETTE, GEOX, SUECOMMA BONNIE 등 감도 높은 Fashion 브랜드와 Burt’s Bee, Jurlique 등 핫한 Beauty 브랜드의 최신 상품도 만나 보실 수 있습니다.
온라인 셀렉트샵 29CM 브랜드북 입니다.
제본용으로 작업하여 슬라이드 한장이 한페이지가 아닌 책의 두 쪽입니다.
이를 구분 짓고 가독성을 위해 온라인 슬라이드에 부득이하게 회색실선을 삽입하였습니다. 회색 실선을 중심으로 왼쪽 오른쪽이 책을 펼쳤을 때 보이는 모습입니다. 따라서 첫 슬라이드는 책의 뒤쪽 커버와 앞쪽 커버입니다.
양이 많은 음식을 소분해서 구매하고 싶은 고객, 저렴
하게 구매하고 싶은 소량 구매 고객, 혼자 장보기/식사가
심심한 고객을 타겟으로 한 ‘파티구함’ 서비스는 수유시
장에서 함께 구매할 파트너를 맺어주는 서비스이다. 함
께 구매할 파트너를 App으로 연결해주어 양이 많은 음식
이나 대량 판매되는 상품의 경제적 이점을 소량구매 고
객에게도 제공할 수 있다. 파티원을 구하면서 소비자가
스스로 홍보하는 효과를 기대할 수 있다.
* 출처 : 수유시장 학생디자인연구회 아이디어 모음집
2017 수유마을시장 지역선도시장육성사업 대학·대학원 디자인연구회 운영사례 결과보고서
[목차]
ㅇ 들어가는 글
ㅇ 사업 소개
ㅇ '수유시장을 디자인하다’학생연구진 활동 소개
ㅇ 학생연구진 사례
- 핵심 제품 및 서비스
- 제품·서비스에 대한 정보전달
- 이해관계자들의 요구사항을 반영한 제품·서비스
- 제품·서비스 제공 프로세스
- 대 고객 서비스
- 안전하게 제품·서비스를 이용하게 하는 요소
- 예상 못하거나 일반적이지 않은 상황에서 제공가능한 제품·서비스
- 상인-소비자, 상인간, 소비자간 커뮤니티형성 요소
ㅇ 끝내는 글
http://marketdesign.tistory.com/28
2014 하반기 국내외 성공사례를 정리했습니다.
This file is made for sharing 2014 second half of the year marketing trend with anyone who are interested. Thank you :)
INSIGHT _ 공감한다. 고로 손재한다. 소비자와 브랜드, 서로의 스페셜 공감이 중요해진다.
https://www.facebook.com/fmcommunications
3. Muse
팀 구성원들이 모두 Communication 전공자임에
착안해 ‘mu’를 따와 복수형처럼 muse로 만들었다.
실제로도 이 단어는 ‘영감을 주는’ 이라는 의미를 가지고 있다.
Catchphrase
우리의 영감을 세상에 펼치자
Logo
우아하고 고급 스러운 느낌의 보라색을 메인 컬러로 하여
전체적인 느낌을 잡아주는 스트로크로 사용하였고,
반짝이는 영감을 노란색으로 포인트를 주었다.
그리고 한발짝 떨어져 고객의 입장을 더 잘 살피겠다는 의미로
살짝 빗겨가도록 노란색을 채웠다.
배경은 분홍색으로 함으로써 감각적인 느낌의 영감을
표현하고자 했다. 팀명인 Muse의 ‘M’과 ‘ㅈ’을 합쳐
TV모양을 만들고 이를 통해 TV처럼 우리의 영감을
세상에 널리 알리겠다는 의미를 담았다.
TEAM_MUSE
Brand Identity
4. 큰 쇼핑몰의 경우 고객 대부분이 길을 잃는다.
지도를 보아도 길을 찾지 못 하고 공간,방향 감
각을 잃는다. 빙빙 돌다가 겨우 매장을 찾아 들
어가거나 우연히 다른 곳에 들려 생각지도 않던
물건을 사기도 한다.
그러나 자신이 가고자 하는 곳이 확실히 정해져
있거나 시간적 여유가 부족한 고객의 경우에는
매우 답답하다.
따라서 길을 쉽게 찾고, 위치를 정확히 알 수 있
었으면 좋겠다는 니즈가 존재한다.
최근에는 큰 쇼핑몰 대부분이 쇼핑몰 내부에 설
치된 지도 뿐만 아니라 어플리케이션이나 종이
지도 등을 통해 길 찾기 서비스를 제공한다.
복잡한 구조
SERVICE RESEARCH
Desk Research
5. 긴 대기 시간
대형 쇼핑몰의 경우 인근 지하철 역과 연결되어
있어 여러 지역에서 많은 고객들이 방문한다.
식당가, 커피숍 등 많은 매장이 입점하여 있지
만, 항상 대기줄이 긴 편이라는 고객들의 의견
이 있었다.
대부분의 고객들 모두 보기에 대기줄이 긴 음식
점은 피하려고 한다.
또한 너무 대기줄이 길어 처음 가려고 계획했던
음식점이 아니라 대기줄이 그나마 없어 보이는
곳을 방문하게 되는 경우가 많다.
따라서 복잡한 절차 없이 예약을 할 수 있으면
대기줄과 상관없이 가고 싶은 음식점에 갈 수
있으므로 미리 예약할 수 있었으면 좋겠다는 니
즈가 존재한다.
SERVICE RESEARCH
Desk Research
6. 주차 공간 부족
대형 복합 쇼핑몰에는 다양한 브랜드들의 음식
점, 카페, 의류매장 등이 입점하여 있다. 그래서
많은 고객들이 방문하므로 주차 공간에 관한 문
제는 있다.
주차장 규모가 큰 편이어도 주말 같은 때에는
부족하여 별관 주차장이나, 인근 지역의 공영
주차장을 이용하게 되는 경우도 많다.
주차 공간의 부족으로 인해 쇼핑몰에 도착을 해
도 오랜 시간 대기를 해야하거나, 다른 주차 공
간을 찾아 배회하는 것은 고객들에게 큰 불편사
항으로 자리 잡고 있다.
따라서 고객들은 쇼핑몰이 많은 주차 공간을 보
유하길 바라고 또한 이것은 쇼핑몰의 장점으로
작용할 수 있다.
SERVICE RESEARCH
Desk Research
7. 영등포 신세계백화점용산 아이파크몰 영등포 타임스퀘어 영등포 롯데백화점
미아 현대백화점
SERVICE RESEARCH
Field Research
미아 롯데백화점 스타필드 하남 하남 신세계백화점
1 3 42
5 6 7 8
8. 한번에 이해되지 않는 단면 지도 지도에서 구조나 연결통로 등의 안내 부족
용산 아이파크몰
SERVICE RESEARCH
Field Research
9. 비콘을 이용한 앱을 통해 백화점 내부에서
매장 길찾기를 할 수 있는 서비스이다.
뿐만 아니라 브랜드 혜택 등을 스마트폰에
서 자동으로 확인할 수 있다.
길을 찾는데에 어려움을 많이 겪는 고객들이
어플리케이션을 깔지 않아도
도움을 줄 수 있는 표지판, 종이 지도,
설치 지도 서비스이다.
길찾기 서비스 지도 서비스
SERVICE RESEARCH
Field Research
10. 온라인에서 제품을 주문하고 픽업할 곳을
지정하여 제품을 받을 수 있는 서비스이다.
사용자가 근처 지점을 지정할 수 있어 더욱
간편하고 시간을 절약할 수 있다.
하나의 테마를 통해, 유희적으로 고객에게
전자제품 매장에 대한 서비스를 제공한다.
체험 공간과 캐릭터 등을 통해서 유희적 요
소를 제공하여 즐겁게 쇼핑을 할 수 있다.
픽업 서비스 테마 서비스
SERVICE RESEARCH
Field Research
18. 위치 정보 알려주기 길 찾기
근거리 데이터 통신 기술 비콘을 이용하여
핸드폰을 통해 이정표나 위치에 대한 정보들을
화면으로 제공해준다.
가고자 하는 목적지를 설정하면
최단거리 동선과 방향 정보도 알려주어
불필요한 걸음을 하지 않게 도와준다.
종이 지도 비치하기
현재 쓰이고 있는 아이파크몰 안내지도 보다
훨씬 알아보기 쉽게 종이지도를 제작하여
아이파크몰 곳곳에서 접할 수 있도록 비치한다.
지도
일반 종이지도
이벤트 종이지도
- 포토부스를 설치하여 현장에서 찍은 사진으로 가죽 포토앨범 제작해서 제공
(신년기획으로는 , ‘모험을 하면서 일지를 작성해보세요’ 라는 의미로 가죽 다이어리 제공)
- 여러 곳의 지도를 모았을 때 나타나는 바코드로 할인쿠폰 제공
SERVICE OUTLINE
Service Contents 지도
: 각 관마다 이벤트 지도를 제공하는 날짜를 다르게 하고,
이벤트 지도를 다 모으면 ‘reward’ 가 주어진다.
19. P
포인트 관리해주기세일 정보 알려주기
고객들에게 유용한 세일정보를
알려주어 돈을 아낄 수 있게 돕는다.
쿠폰 모아주기
여러 브랜드의 쿠폰을 한 군데에 모아주어
편리하게 사용할 수 있게 한다.
또한 쿠폰 기간이 만료될 때쯤
알림 서비스를 제공하여
고객들이 잊지 않고 사용하게 도와준다.
여러 상점의 포인트를 한 눈에 볼 수 있게 해
어디서든 편리하게 사용할 수 있도록 한다.
SERVICE OUTLINE
Service Contents 지도보물상자
20. 좌석 현황 알려주기 예상 소요시간 알려주기예약 해주기
고객들에게 아이파크몰 내에 있는
음식점이나 카페의
좌석 현황을 알려주어
여러 곳을 돌아다닐 필요가 없도록 도와준다.
고객들에게 음식점이나 카페에서
주문하고자 하는 메뉴가 나오기까지
시간이 얼마나 걸릴지 알려준다.
고객이 이용하고자 하는 음식점의
좌석현황을 보고 웨이팅을 해야 하는 상황이라면
직접 가지 않고도 예약을 할 수 있게 하여
기다리는 시간을 줄여준다.
RESERVED
SERVICE OUTLINE
Service Contents 지도망원경