Title
| |
Writer
| |
|
안녕하세요! 픽셀아트공작소 디자이너 하루🍀 입니다.
혹시 모바일 앱을 개발하셨거나, 개발 중이신 분들 계신가요?
사람들에게 나의 애플리케이션을 더 알기 쉽게 소개하고, 기능과 솔루션을 효과적으로 홍보할 방법을 찾고 계신가요? 그렇다면 애플리케이션 소개 홈페이지를 제작해 보시는 것을 추천드려요! 아래와 같은 장점들이 있기 때문이에요.
👆 쉽고 다양한 접근성
포털 사이트 검색, 링크 공유, QR 코드 등을 통해 이용자가 가장 쉽게 접근할 수 있어요.
🤘 시각적 설명
나의 애플리케이션이 가진 다양한 기능과 장점들을 시각적으로 지루하지 않게 설명할 수 있어요.
🤟 문의 관리의 편리성
앱 사전 등록 모집, 투자자나 파트너사 모집 등 다양한 문의를 접수하고,
접수 목록을 쉽게 관리할 수 있어요.
오늘은 이러한 앱(어플) 소개 홈페이지를 구축한 후기를 말씀드릴게요.
제가 이번에 제작 진행한 사이트는 바로 ‘마이콜’이라는 앱(어플) 소개 홈페이지예요.
마이콜은 해외 생활을 하거나, 준비 중인 한국인들을 위한 커뮤니티 플랫폼으로, 이용자들이 다양한 정보를 공유하고 소통하는 것을 중점으로 하는 서비스예요.
📌 WORK POINT 01 : 차별화된 경쟁력 강조
앱(어플) 소개 홈페이지는 유사한 타 서비스들과는 다른, 차별화된 면을 최대한 강조하여 경쟁력 있는 모습을 보여주는 것이 아주 중요해요. 이번 작업에서는 아래의 내용을 효과적으로 반영하는 것에 가장 신경을 썼습니다.
기존의 한인 커뮤니티 사이트 VS 마이콜
📌 WORK POINT 02 : 니즈를 충분히 파악하는 기획 단계
클라이언트 분께서 바라시는 니즈와 기존에 가지고 계신 브랜드 정체성이 자연스럽게 어우러질 필요성이 있었어요. 따라서 기획 단계에서 1:1 충분한 소통을 진행하여 작업을 도와드렸습니다.
🥺 NEEDS
01. 20대~50대 타겟층
심플하고 신뢰성있는 디자인을 원해요. 친근하고 친숙하게 다가가는 접근성이 높은 컨셉이면 좋겠어요.
02. 전환률이 높은 랜딩 페이지
앱스토어, 플레이스토어로의 다운로드 전환률을 높이는 것이 목표예요.
03. 간편한 온라인 문의
사용자나 관련 업체가 간편하게 온라인으로 문의를 남길 수 있어야해요.
▼
😎 TO BE
01. 20대~50대 타겟층
전반적으로 신뢰감 있고 깔끔한 분위기를 연출하기 위해 클래식한 산세리프체를 사용하여 내용 전달에 집중하고, 3D 이미지와 이모지를 활용해 밝고 친근한 톤앤매너를 구축했습니다.
02. 전환률이 높은 랜딩 페이지
비주얼 이미지에 CTA(Call To Action) 버튼을 삽입하고, GNB 메뉴 중 Download 버튼만 강조하며, 푸터에 한 번 더 CTA 버튼을 삽입해 다운로드 접근성을 높였습니다.
03. 간편한 온라인 문의
간편 입력 폼 기능을 구축하여 사이트 내에서 바로 온라인 문의를 남길 수 있게 했고, 해당 기능은 문의 접수 시 메일 또는 문자 알림을 연동해 효율적으로 대응할 수 있게 했습니다.
📌 WORK POINT 03 : 추가 개선 제안
이대로 기획 작업을 마무리하고 시안 작업을 진행해도 괜찮았지만, 디자이너로서 다소 아쉬운 부분이 있어 살짝 개선 방향을 제안하고 작업을 시작했습니다.
😍 DEVELOP
01. 앱 시안 화면 부족
앱(어플) 소개 사이트에서는 다양한 앱 화면을 보여주며 시각적으로 설명하는 것이 가장 직관적이에요. 하지만 마이콜은 아직 모든 서비스가 런칭된 것이 아니어서 전달받은 앱 화면은 단 2가지뿐이었죠. 충분한 시각적 설명을 위해 기능을 설명할 수 있는 보조 이미지를 추가 제작해 드리기로 했습니다.
▼
02. 키 컬러 재정립
기존 키 컬러의 탁한 색감은 친근하고 트렌디한 이미지를 추구하는 브랜드와 맞지 않다고 생각했어요. 또, 자칫 올드해 보일 우려도 있었죠. 기존 컬러를 살리되 명도와 채도를 높여 유사 색상을 활용하기로 했습니다. 추가적으로, 너무 다양한 색상을 사용하면 전체적인 톤앤매너가 모호해지고 집중도가 떨어질 수 있어 레드 컬러를 제외하고 블루, 민트 계열의 유사색을 적극 활용했어요.
03. 텍스트 분량 조절
기능을 친절하게 설명하다 보니 텍스트 분량이 많아졌고, 사이트 끝까지 이용자들의 집중도를 유지할 필요가 있었어요. 텍스트의 강약을 효과적으로 이용하고, 적절한 애니메이션 효과를 사용하여 사이트의 스토리라인이 끊기지 않도록 했습니다.
🚀 작업을 마치며
이렇게 제작 완료된 ‘마이콜’ 소개 사이트, 직접 방문하여 확인해 보세요!
PC와 모바일, 다양한 디바이스에서 쉬운 접근이 가능하도록 반응형 웹사이트로 제작되었습니다.
(클릭 시 해당 사이트로 이동됩니다.)
오늘 제가 작업한 어플(앱) 소개 사이트 제작 과정을 상세히 보여드렸는데요.
픽셀아트공작소는 단순히 의뢰받은 사이트를 구축하는 것이 아닌, 클라이언트와 잠재적 이용자들의 입장에서 생각하고, 소통하며 함께 고민해 나가고 있습니다.
그러니 홈페이지 제작, 너무 망설이지 마시고 한 번 시작해 보시는 것이 어떨까요?
지금까지 픽셀아트공작소 김하루 디자이너였습니다!
🔎 더 많은 어플 소개 / IT 서비스 소개 사이트 보러 가기
이미지 클릭 시 해당 사이트로 이동됩니다.
주식회사 디플루이드
주식회사 리티브 - BASTAT
(주)투비시스템 - DOORLOG
(주)팀프레시 - 영차영차
#웹사이트, #웹사이트 제작, #홈페이지, #홈페이지 제작, #아임웹, #아임웹 홈페이지 제작, #애플리케이션 사이트, #앱 소개 사이트, #사이트 제작 후기, #반응형 웹, #앱 목업 작업, #웹디자인
Title
앱(어플) 소개 홈페이지 제작 후기
Writer
김하루🍀
안녕하세요! 픽셀아트공작소 디자이너 하루🍀 입니다.
혹시 모바일 앱을 개발하셨거나, 개발 중이신 분들 계신가요?
사람들에게 나의 애플리케이션을 더 알기 쉽게 소개하고, 기능과 솔루션을 효과적으로 홍보할 방법을 찾고 계신가요? 그렇다면 애플리케이션 소개 홈페이지를 제작해 보시는 것을 추천드려요! 아래와 같은 장점들이 있기 때문이에요.
👆 쉽고 다양한 접근성
포털 사이트 검색, 링크 공유, QR 코드 등을 통해 이용자가 가장 쉽게 접근할 수 있어요.
🤘 시각적 설명
나의 애플리케이션이 가진 다양한 기능과 장점들을 시각적으로 지루하지 않게 설명할 수 있어요.
🤟 문의 관리의 편리성
앱 사전 등록 모집, 투자자나 파트너사 모집 등 다양한 문의를 접수하고,
접수 목록을 쉽게 관리할 수 있어요.
오늘은 이러한 앱(어플) 소개 홈페이지를 구축한 후기를 말씀드릴게요.
제가 이번에 제작 진행한 사이트는 바로 ‘마이콜’이라는 앱(어플) 소개 홈페이지예요.
마이콜은 해외 생활을 하거나, 준비 중인 한국인들을 위한 커뮤니티 플랫폼으로, 이용자들이 다양한 정보를 공유하고 소통하는 것을 중점으로 하는 서비스예요.
📌 WORK POINT 01 : 차별화된 경쟁력 강조
앱(어플) 소개 홈페이지는 유사한 타 서비스들과는 다른, 차별화된 면을 최대한 강조하여 경쟁력 있는 모습을 보여주는 것이 아주 중요해요. 이번 작업에서는 아래의 내용을 효과적으로 반영하는 것에 가장 신경을 썼습니다.
기존의 한인 커뮤니티 사이트 VS 마이콜
📌 WORK POINT 02 : 니즈를 충분히 파악하는 기획 단계
클라이언트 분께서 바라시는 니즈와 기존에 가지고 계신 브랜드 정체성이 자연스럽게 어우러질 필요성이 있었어요. 따라서 기획 단계에서 1:1 충분한 소통을 진행하여 작업을 도와드렸습니다.
🥺 NEEDS
01. 20대~50대 타겟층
심플하고 신뢰성있는 디자인을 원해요. 친근하고 친숙하게 다가가는 접근성이 높은 컨셉이면 좋겠어요.
02. 전환률이 높은 랜딩 페이지
앱스토어, 플레이스토어로의 다운로드 전환률을 높이는 것이 목표예요.
03. 간편한 온라인 문의
사용자나 관련 업체가 간편하게 온라인으로 문의를 남길 수 있어야해요.
▼
😎 TO BE
01. 20대~50대 타겟층
전반적으로 신뢰감 있고 깔끔한 분위기를 연출하기 위해 클래식한 산세리프체를 사용하여 내용 전달에 집중하고, 3D 이미지와 이모지를 활용해 밝고 친근한 톤앤매너를 구축했습니다.
02. 전환률이 높은 랜딩 페이지
비주얼 이미지에 CTA(Call To Action) 버튼을 삽입하고, GNB 메뉴 중 Download 버튼만 강조하며, 푸터에 한 번 더 CTA 버튼을 삽입해 다운로드 접근성을 높였습니다.
03. 간편한 온라인 문의
간편 입력 폼 기능을 구축하여 사이트 내에서 바로 온라인 문의를 남길 수 있게 했고, 해당 기능은 문의 접수 시 메일 또는 문자 알림을 연동해 효율적으로 대응할 수 있게 했습니다.
📌 WORK POINT 03 : 추가 개선 제안
이대로 기획 작업을 마무리하고 시안 작업을 진행해도 괜찮았지만, 디자이너로서 다소 아쉬운 부분이 있어 살짝 개선 방향을 제안하고 작업을 시작했습니다.
😍 DEVELOP
01. 앱 시안 화면 부족
앱(어플) 소개 사이트에서는 다양한 앱 화면을 보여주며 시각적으로 설명하는 것이 가장 직관적이에요. 하지만 마이콜은 아직 모든 서비스가 런칭된 것이 아니어서 전달받은 앱 화면은 단 2가지뿐이었죠. 충분한 시각적 설명을 위해 기능을 설명할 수 있는 보조 이미지를 추가 제작해 드리기로 했습니다.
▼
02. 키 컬러 재정립
기존 키 컬러의 탁한 색감은 친근하고 트렌디한 이미지를 추구하는 브랜드와 맞지 않다고 생각했어요. 또, 자칫 올드해 보일 우려도 있었죠. 기존 컬러를 살리되 명도와 채도를 높여 유사 색상을 활용하기로 했습니다. 추가적으로, 너무 다양한 색상을 사용하면 전체적인 톤앤매너가 모호해지고 집중도가 떨어질 수 있어 레드 컬러를 제외하고 블루, 민트 계열의 유사색을 적극 활용했어요.
03. 텍스트 분량 조절
기능을 친절하게 설명하다 보니 텍스트 분량이 많아졌고, 사이트 끝까지 이용자들의 집중도를 유지할 필요가 있었어요. 텍스트의 강약을 효과적으로 이용하고, 적절한 애니메이션 효과를 사용하여 사이트의 스토리라인이 끊기지 않도록 했습니다.
🚀 작업을 마치며
이렇게 제작 완료된 ‘마이콜’ 소개 사이트, 직접 방문하여 확인해 보세요!
PC와 모바일, 다양한 디바이스에서 쉬운 접근이 가능하도록 반응형 웹사이트로 제작되었습니다.
(클릭 시 해당 사이트로 이동됩니다.)
오늘 제가 작업한 어플(앱) 소개 사이트 제작 과정을 상세히 보여드렸는데요.
픽셀아트공작소는 단순히 의뢰받은 사이트를 구축하는 것이 아닌, 클라이언트와 잠재적 이용자들의 입장에서 생각하고, 소통하며 함께 고민해 나가고 있습니다.
그러니 홈페이지 제작, 너무 망설이지 마시고 한 번 시작해 보시는 것이 어떨까요?
지금까지 픽셀아트공작소 김하루 디자이너였습니다!
🔎 더 많은 어플 소개 / IT 서비스 소개 사이트 보러 가기
이미지 클릭 시 해당 사이트로 이동됩니다.
주식회사 디플루이드
(주)투비시스템 - DOORLOG
(주)팀프레시 - 영차영차
#웹사이트, #웹사이트 제작, #홈페이지, #홈페이지 제작, #아임웹, #아임웹 홈페이지 제작, #애플리케이션 사이트, #앱 소개 사이트, #사이트 제작 후기, #반응형 웹, #앱 목업 작업, #웹디자인