Product

새로운 G마켓 앱을 소개합니다. (2)

G마켓의 아이콘과 모션, 폰트까지

이번 G마켓 앱 개편에는 사용성과 UI뿐만 아니라, 리뉴얼한 로고와 자사에서 개발한 G마켓 산스를 적용했습니다. 그리고 브랜드 가치를 담은 아이콘과 모션을 적용하여 사용자와의 접점 곳곳에 브랜드 가치를 녹여냈습니다.

새롭게 바뀐 브랜드 아이덴티티를 적용한 G마켓 앱 아이콘

새로운 기회

G마켓 모바일은 나름 오랜 시간 동안 큰 리뉴얼 없이 크고 작은 개편들이 이어져 왔습니다. 그러다 보니 다양한 시간대에 작업자들에 의해 제작된 그래픽에셋들이 앱 곳곳에 흩어져 있는 형태였는데요. 이번 신규 앱 출시는 전체 아이콘을 한꺼번에 손댈 수 있는 모처럼의 좋은 기회였고, 새로운 브랜드 아이덴티티와 조화를 이룰 수 있도록 제작하고자 했습니다.

브랜드의 키워드 ‘연결’을 새롭게 정의한 아이덴티티

G마켓 로고는 Center (커머스의 중심), Connection (판매자와 소비자의 만남), Variety (새로운 쇼핑경험)의 Forward (시장을 이끄는 선도자)의 의미를 가지고 있는데요, 이를 바탕으로 “다양한 상품을 고객과 연결하는, 고객중심의 쇼핑경험”이라는 G마켓의 본질적인 가치를 시각언어로 표현하고자 했습니다.

아이콘 제작과정

먼저 로고와 키워드들을 원, 선을 주로 이용하여 표현해 보기로 하였습니다. 이것들을 브랜드 키 컬러인 초록색과 파란색, 이 두가지를 잇는 그라데이션을 사용하여 픽토그램화 한 후, 다양한 기기에서 최적화 되어 보일 수 있도록 테스트를 거치며 두께, 크기등의 조절을 하였습니다.
모바일 환경에서 아이콘은 작은 영역 안에서도 선명하게 보여야 하고, 의미를 쉽게 알 수 있어야 하기에, 복잡하고 설명적인 일러스트보다는 단순한 도형의 조합으로 직관적인 이해를 돕도록 의도하였습니다.

원과 선을 주로 활용해 만든 아이콘

모션 디자인

어떤 부분에서는 아이콘만으로는 충분히 정보를 전달하기 힘든 경우도 있습니다. 이런 경우엔 형태에 움직임을 더하여 전달하고자 하는 바를 보충하게 됩니다. 앱을 켜면 볼 수 있는 검색창에서부터, 정보가 없는 화면에서 보이는 빈 페이지, 결제나 주문을 위해 대기하는 화면에서는 지루함을 달래줄 애니메이션 등을 통해 일관성 있고 시각적 재미를 함께 전달하고자 했습니다.

앱 내에서 다양한 감정과 경험을 제공하는 모션 디자인

G마켓 산스

G마켓 산스는 다양한 브랜드, 판매자, 사용자가 함께 성장하며 가치를 나눌 수 있도록 만든 글꼴입니다. G마켓이 추구하는 다양하고 직관적인 쇼핑 경험을 단순하고 직선적인 현태로 표현했으며, 네모 틀에 꽉 채운 기하학적인 글자 형태는 글줄을 가지런하게 만들어 깔끔하고 정렬된 느낌을 줍니다. 손으로 쓰는 자연스러운 필순을 그대로 따르기 때문에 친근하고 자연스러운 인상도 가지고 있습니다. 그리고 한글, 영문, 숫자 각 글자 모양에 다른 크기와 공간 조절이 되어 있어 글자를 혼용해서 사용할 경우게도 쉽게 가지런하고 산뜻한 표현이 가능합니다.

G마켓 브랜드 아이덴티티를 담은 서체 ‘G마켓 산스’

G마켓 산스의 라이트, 미디엄, 볼드 서체를 배치한 포스터

G마켓 산스를 적용한 그래픽 디자인

앞으로 우리는…

우리는 사용자들의 피드백, 성과 지표를 통해 지속해서 모니터링하며 개선해 나가고자 합니다. 개선하지 못한 화면들도 많고 가야 할 길이 멀지만 G마켓 앱은 확장하며 발전할 거예요. 지켜봐 주세요!

글 작성자

김보미Design POD

프로젝트 참여자

Planning
강락호, 강수정, 고민정, 금윤호, 김가영, 김동연, 김만재, 김미선, 김시준, 김신혜, 김은숙, 김정섭, 김정옥, 김주연, 김주현, 김태영, 마미정, 민후식, 박성일, 박시현, 박지영, 박진형, 박태란, 박효인, 배지환, 백아라, 서영미, 송민선, 송승아, 송인혜, 양진성, 염지민, 오명훈, 유영은, 윤혜미, 이경준, 이광수, 이미영, 이봉기, 이상희, 이연진, 이월한, 이정은, 이지연, 이지은, 이희정, 임정미, 진지민, 한신혜, 황남익

Design
구경하, 권기석, 김도은, 김보미, 김은옥, 서보름, 심민지, 윤종욱, 임혜진

Development
강병윤, 강수진, 곽현철, 김경환, 김경훈, 김민호, 김선우, 김선호, 김소미, 김수연, 김승민, 김은미, 김주현, 김지현, 김태현, 김현동, 김형조, 김혜민, 김효정(BXP), 김효정(VX), 김희상, 김희영, 김희철, 남기문, 도정현, 류민석, 문금지, 문유빈, 민경희, 박다희, 박명성, 박상우, 박수현, 박정우, 박정일, 박지원, 박찬혁, 박호림, 배영렬, 배창원, 백성욱, 부상훈, 심치헌, 안진표, 엄수정, 엄태환, 윤상현, 윤현철, 이광현, 이동렬, 이병화, 이예원, 이용진, 이정근, 이주훈, 이지나, 이지민, 이진하, 이찬미, 임은경, 임재민, 임현묵, 정종오, 진성준, 최병광, 최철훈, 하태경, 현아람, 홍석준, 황종문