SNS Guide
29CM는 다양한 SNS 채널을 활용하여 입점 브랜드와 제품을 적극적으로 홍보하고, 더 많은 유저를 서비스로 유입시키는 데 주력하고 있습니다. 그러나, 다양한 카테고리와 수많은 브랜드 및 상품을 보유하고 있음에도 불구하고, 이전까지는 각 콘텐츠 디자이너의 개성과 스타일에 따라 SNS 이미지가 오랜 기간 동안 일관되지 않은 방식으로 제작되었습니다. 이러한 비효율성을 개선하고, 브랜드 아이덴티티를 보다 일관되게 유지하기 위해 SNS 이미지 가이드를 구축하였습니다. 이를 통해, 콘텐츠 제작 과정을 체계화하고, 디자인 작업의 효율성을 극대화하여 보다 효과적인 브랜드 커뮤니케이션이 가능하도록 하였습니다.
29CM actively promotes its partner brands and products through various social media channels to attract more users to its service. However, despite having a wide range of categories and numerous brands and products, SNS images had been created inconsistently for a long time, as each content designer applied their own style and approach. To address this inefficiency and maintain a more consistent brand identity, we established an SNS image guide. This guide helps to streamline the content creation process, maximize design efficiency, and enable more effective brand communication.
Year
2021
Category
SNS
Company
29CM
Role
PM (100%), Designer (100%)
문제 정의
통일된 디자인 가이드없이 무분별하게 제작되는 온라인 광고를 운영하고 있다
29CM의 온라인 광고에는 통일된 디자인 가이드가 없었으며, 콘텐츠 디자이너의 스타일과 개성 또는 일정 등의 업무 상황에 따라 각기 다른 방식과 스타일로 제작되었습니다. 이로 인해 예측하기 어려운 일정 지연과 긴 제작 시간, 그리고 일관성 부족으로 인한 낮은 전환율 문제가 지속적으로 발생했습니다. 이러한 비효율성을 해결하기 위해, 29CM 온라인 광고를 위한 최적의 SNS 디자인 가이드 구축을 추진하였습니다. 프로젝트 매니저이자 콘텐츠 디자이너로서, 독립적인 TF를 구성하고 프로젝트를 주도적으로 수행하였습니다.
29CM's online advertising lacked a unified design guide, and content was created in different styles and formats depending on the designers' individual styles, preferences, and work schedules. As a result, unpredictable delays, prolonged production times, and inconsistent designs led to persistently low conversion rates. To address these inefficiencies, I led the development of an optimized SNS design guide for 29CM's online advertising. As the project manager and content designer, I formed an independent task force (TF) and took the lead in executing the project.
이미지 1
비주얼 임팩트 극대화를 위해 제품과 인물을 강조한다
이미지 선택은 온라인 광고의 최종 결과물에서 핵심적인 요소 중 하나입니다. 비주얼의 임팩트를 극대화하기 위해, 저는 복잡한 배경 없이 제품이나 인물을 강조하는 이미지를 우선적으로 선택하였습니다. 또한, 최적의 레이아웃을 구현할 수 있도록 이미지의 특성에 따라 자유롭게 확대 및 축소할 수 있도록 설계하였습니다. 툭히, 제품 및 인물 이미지는 6칸 이상의 그리드 공간을 적극적으로 활용하도록 하였습니다.
Image selection is one of the key elements in the final output of online advertising. To maximize visual impact, I prioritized selecting images that emphasize the product or person without a complex background. Additionally, I designed the layout to allow images to be freely resized, ensuring optimal composition based on their characteristics. In particular, product and person images were actively designed to utilize more than six grid spaces.
이미지 2
텍스트 가독성을 위해 이미지 위에 반투명 블랙 컬러를 오버레이한다
이미지마다 서로 다른 레이아웃, 밝기, 채도를 가지고 있어, 이미지 내 공간만으로 정보를 효과적으로 전달하는 데에는 한계가 있습니다. 이러한 가독성 문제를 해결하기 위해, 반투명한 블랙 컬러를 이미지 위에 덮어씌우는 방식으로 이미지의 상태와 관계없이 일관된 시인성과 높은 가독성을 유지할 수 있도록 설계하였습니다.
Each image has a different layout, brightness, and saturation, making it difficult to convey information effectively using only the available space within the image. To solve this readability issue, I designed a semi-transparent black overlay on top of the image, ensuring consistent visibility and high legibility regardless of the image’s condition.
레이아웃
안전 마진을 설정하고 이미지와의 조화를 고려한 최적의 텍스트 배치를 설계한다
콘텐츠가 이미지 위에 배치될 때 잘리거나 가독성이 저하되는 것을 방지하기 위해, 안전 마진 설정이 필수적입니다. 또한, 제목, 서브텍스트, 로고 등 다양한 요소들이 조화롭고 균형 있게 구성될 수 있도록 각 요소 간의 간격을 체계적으로 조정하였습니다.
To prevent content from being cropped or losing readability when placed on an image, setting a safety margin is essential. Additionally, the spacing between elements such as the title, subtext, and logo has been systematically adjusted to ensure a harmonious and balanced composition.
타이포그래피
4가지 타입의 타이포그래피 스타일을 설계하여 다양한 콘텐츠에 대응한다
29CM는 남성, 여성, 라이프스타일, 테크 등 다양한 카테고리를 보유하고 있으며, 각 카테고리 내에서 고객들에게 다양한 브랜드와 제품을 제공합니다. 이러한 폭넓은 콘텐츠를 효과적으로 전달하기 위해, 유연한 타이포그래피 시스템이 필수적으로 요구되었습니다. 이에 따라, 기본형(Basic Type), 브랜드형(Brand Type), 제품형(Product Type), PT형(PT Type) 등 4가지 타이포그래피 스타일을 설계하고, 이를 최적화된 형태로 활용할 수 있도록 권장 가이드라인을 제공하였습니다.
29CM offers a diverse range of categories, including men, women, lifestyle, and tech, providing customers with various brands and products within each category. To effectively convey this extensive content, a flexible typography system was essential. To address this need, I designed four typographic styles—Basic Type, Brand Type, Product Type, and PT Type—and provided recommended guidelines to ensure their optimal implementation.
성과
제작 시간이 4배 단축, 전환율이 1.7배 향상되었다
이 프로젝트의 결과는 성공적이었습니다. 긴 제작 시간과 낮은 전환율이 크게 개선되었습니다. 첫째, 기존 16시간 이상 걸리던 제작 시간이 4시간으로 대폭 단축되었으며, 이를 통해 다른 프로젝트에 인력을 효과적으로 추가 배분할 수 있었습니다. 둘째, 전환율이 기존보다 1.7배 향상되었습니다. 이는 온라인 광고에 최적화된 이미지와 타이포그래피 등의 요소가 효과적으로 반영된 결과라고 볼 수 있습니다.
The outcome of this project was highly successful, significantly improving both long production times and low conversion rates. First, the production time, which previously took over 16 hours, was drastically reduced to 4 hours, allowing for the efficient reallocation of manpower to other projects. Second, the conversion rate increased by 1.7 times compared to before. This improvement can be attributed to the effective implementation of optimized images and typography tailored for online advertising.
Episode Seongsu 121