Overview & Challenge
At HYPERCONNECT, I served as a Graphic and Motion Designer for Azar, their flagship real-time social discovery service. My primary goal was to enhance the overall visual excellence of the product and its marketing efforts across both the Azar app and the new 'Azar Go' web service. The core message was to convey the excitement of instant, global connections, encouraging user acquisition and engagement.
Given Azar's global reach and frequent use of human characters, a key challenge was to proactively address potential racial or cultural sensitivities while maintaining a friendly and inclusive brand image. Additionally, with fast-paced development cycles, we needed a system that allowed for quick testing and seamless collaboration.
개요 및 과제
HYPERCONNECT에서 저는 플래그십 실시간 소셜 디스커버리 서비스인 Azar의 그래픽 및 모션 디자이너로 근무했습니다. 저의 주요 목표는 Azar 앱과 새로운 'Azar Go' 웹 서비스 전반에 걸쳐 제품의 시각적 우수성과 마케팅 효과를 향상시키는 것이었습니다. 핵심 메시지는 즉각적인 글로벌 연결의 즐거움을 전달하여 사용자 유입 및 참여를 장려하는 것이었습니다.
Azar의 글로벌 서비스 범위와 사람 캐릭터의 빈번한 사용을 고려할 때, 중요한 과제는 친근하고 포용적인 브랜드 이미지를 유지하면서 잠재적인 인종적 또는 문화적 민감성을 사전에 해결하는 것이었습니다. 또한, 빠르게 진행되는 개발 주기 속에서 신속한 테스트와 원활한 협업을 가능하게 하는 시스템이 필요했습니다.
Hyperconnect
-
Azar Go Beta: Website Main Page
My Approach & Solution
I led the graphic design efforts, focusing on strategic visual communication. This involved creating diverse motion graphics assets for in-app ads, country-specific marketing campaigns, and a pivotal piece for the Azar Go website.
Strategic Web Intro Motion Graphic: For the launch of Azar Go, I designed and produced a character-based motion graphic, under 20 seconds, for the website's landing page. This short, engaging animation was specifically crafted to instantly capture visitor attention, succinctly convey the app's core features, and compel sign-ups. I focused on simplifying complex UI/UX concepts into an easily digestible visual narrative that highlighted the service's core value of connection.
접근 방식 및 해결책
저는 전략적인 시각 커뮤니케이션에 중점을 두고 그래픽 디자인을 하였습니다. 인앱 광고, 국가별 마케팅 캠페인, 그리고 Azar Go 웹사이트를 위한 중요한 모션 그래픽 에셋을 담당하였습니다.
전략적인 웹사이트 도입 모션 그래픽: Azar Go 출시를 위해 저는 웹사이트 랜딩 페이지용으로 20초 이내의 캐릭터 기반 모션 그래픽을 디자인하고 제작했습니다. 이 애니메이션은 방문자의 시선을 즉각적으로 사로잡고, 앱의 핵심 기능을 간결하게 전달하며, 가입을 유도하도록 특별히 제작되었습니다. 저는 복잡한 UI/UX 개념을 서비스의 핵심 가치인 연결성을 강조하는 쉽게 이해할 수 있는 시각적 내러티브로 단순화하는 데 중점을 두었습니다.
-
Azar App: Gender Selection
My Approach & Solution
Proactive User Experience Enhancement & Cross-Functional Collaboration: Recognizing the importance of in-app UX animations, I proposed features like gender selection within character customization to provide users with a more enjoyable and personalized experience. I then collaborated closely with developers to successfully implement these functionalities. To ensure seamless workflow, I established and distributed updated brand and motion guidelines that were easy for both designers and developers to use and modify, significantly boosting efficiency in our fast-paced environment.
접근 방식 및 해결책
선제적인 사용자 경험 향상 및 교차 기능 협업: 인앱 UX 애니메이션의 중요성을 인식하여, 저는 사용자들에게 더 즐겁고 개인화된 경험을 제공하기 위해 캐릭터 커스터마이징 내 성별 선택과 같은 기능들을 제안했습니다. 그 후 개발자들과 긴밀히 협력하여 이러한 기능들을 성공적으로 구현했습니다. 원활한 워크플로우를 위해 모두가 쉽게 사용하고 수정할 수 있는 업데이트된 브랜드 및 모션 가이드라인을 만들고 배포하여 빠르게 진행되는 환경에서의 효율성을 높였습니다.
-
Azar Character Design Experiment
To represent Azar while ensuring no racial distinction, the characters' hair color was standardized to Azar's signature green. Reflecting the app's 'swipe' interaction, their hair was designed to appear as if blowing in the wind. Additionally, companion animals, a dog and a cat, were created as sub-characters to enhance approachability.
인종을 구별하지 않으면서 아자르를 대표하기 위해, 캐릭터들의 머리카락 색상은 아자르의 시그니처 색상인 초록색으로 통일했습니다. 앱의 '스와이프' 특성을 반영하여, 캐릭터의 머리카락은 마치 바람에 날리는 것처럼 보이도록 디자인했습니다. 또한, 서브 캐릭터로 반려견과 고양이를 각각 만들어 친근감을 높였습니다.
-
Azar: Splash Screen &
Cat and Dog Character Design
-
Human Character Design and Guide
Inclusive Character Redesign & Guidelines: To prevent potential issues and strengthen our global brand identity, I took the initiative to design a comprehensive system for our human characters. This included detailed guidelines for various skin tones, color palettes, black & white options, and outline versions. These adaptable guidelines ensured visual consistency and cultural sensitivity in the app itself and all marketing touchpoints.
포괄적인 캐릭터 리디자인 및 가이드라인: 잠재적인 문제를 방지하고 글로벌 브랜드 아이덴티티를 강화하기 위해, 저는 기존의 사람 캐릭터들을 리디자인하고 새로운 디자인 가이드를 주도적으로 수립했습니다. 러한 리뉴얼 작업은 다양한 피부 톤, 컬러 팔레트를 활용한 컬러 버전, 흑백 버전, 라인 버전 등에 대한 상세 가이드 제작으로 이어졌습니다. 앱 자체와 모든 마케팅 접점에서 시각적 일관성과 문화적 민감성을 확보하는 데 기여했습니다.
Overall Impact & Results
The motion graphic assets I created were extensively integrated into Azar's marketing campaigns, driving significant business outcomes:
Increased App Downloads & User Acquisition: Engaging motion ads led to a substantial improvement in conversion rates for new users. For the Azar Go webpage, the 20-second motion graphic was designed to capture visitor attention, aiming to reduce initial bounce rates and boost click-through rates to the app download link. This asset was a key part of our strategy to expand Azar's reach to web users.
Enhanced Brand Awareness & User Engagement: Visually exciting animations elevated Azar's brand awareness and encouraged users to explore and interact more with the app's features across the app and all marketing campaigns.
Stronger Brand Image & User Trust: By implementing diversity-respecting character guidelines and enhancing the user experience, we successfully built a positive, inclusive, and trustworthy brand image among our global user base.
전체적인 영향 및 결과 (Overall Impact & Results)
제가 제작한 모션 그래픽 에셋들은 아자르(Azar)의 마케팅 캠페인에 광범위하게 통합되어 다음과 같은 중요한 비즈니스 성과를 이끌어냈습니다:
앱 다운로드 및 사용자 확보: 아자르 고(Azar Go) 웹페이지의 경우, 20초 길이의 모션 그래픽은 방문자의 시선을 사로잡아 초기 이탈률을 줄이고 앱 다운로드 링크 클릭률을 높이는 것을 목표로 설계되었습니다. 이 에셋은 웹 사용자들에게 아자르의 도달 범위를 확장하려는 저희 전략의 핵심 부분이었습니다.
브랜드 인지도 및 사용자 참여도 향상: 시각적으로 흥미로운 애니메이션은 아자르의 브랜드 인지도를 높이고, 사용자들로 하여금 앱 내 기능과 모든 마케팅 캠페인에서 앱 기능을 더 많이 탐색하고 상호작용할 수 있도록 유도했습니다.
더욱 강력한 브랜드 이미지 및 사용자 신뢰 구축: 다양성을 존중하는 캐릭터 가이드라인을 적용하고 사용자 경험을 향상시킴으로써, 전 세계 사용자들 사이에서 긍정적이고 포용적이며 신뢰할 수 있는 브랜드 이미지를 성공적으로 구축했습니다.
-
Character Design: Elevating Hyperconnect's Brand Identity
These character designs showcase various concepts developed to embody the overarching brand identity of Hyperconnect (the creator of Azar). This exploration extended beyond human figures, incorporating diverse character types to broadly represent the company's multifaceted nature.
캐릭터 디자인: 하이퍼커넥트 브랜드 아이덴티티 고도화
이 캐릭터 디자인들은 아자르를 만든 하이퍼커넥트의 총체적인 브랜드 아이덴티티를 구현하기 위해 개발된 다양한 캐릭터 디자인들입니다. 사람의 모습을 넘어선 다양한 유형의 캐릭터들로 회사의 다면적인 특성을 폭넓게 표현하고자 했습니다.
