overviews
디자인 트렌드 분석 결과, 그래픽 요소 단순화와 그룹핑 된 컨텐츠 및 Web과 일관성을 유지하여 Brand Color를 활용하고, 헬로모바일의 Identity를 강조하여 디자인하였습니다.
Identity color + Grouping + White Space → Minimal & Simple Design
As-is → To-be
01 .불필요한 회색 톤이나 강한 색채의 App컬러 톤 보정 필요 → 중요 정보에만 컬러를 주는 방향으로 컬러톤 수정
02. 시원한 레이아웃과 여백은 기존 방향 유지 → 시원한 레이아웃과 그룹핑
03. 컨텐츠와 텍스트 등의 강약 부족 → 상품정보의 중요한 정보 강조와 강약
04. 상품 이미지 강조 필요 → 제품에 어울리는 단색 컬러를 사용, 상품이미지 부각
Main Keyward
정감, 최저가, 착한가격, 헬로모바일, 핑크
Project goal
자/타사 앱 비교 분석
중요 정보에만 컬러를 주는 방향으로 컬러톤 수정, 시원한 레이아웃과 그룹핑, 상품정보의 중요한 정보 강조와 강약, 제품에 어울리는 단색 컬러를 사용, 상품 이미지 부각
헬로모바일 keyword
친근한 아이콘 활용 친절한 인터렉션 사용 핑크 컬러 사용으로 아이덴티티 유지
디자인 트렌드 분석
그래픽 요소 단순화 및 그룹핑 된 컨텐츠 Web과 일관성을 유지 Brand Color 활용 Identity 강조
Concept
Simple & Friendly
Hello mobile main
정돈된 레이아웃으로 심플한 무드를 연출하고, 상품이 부각되어 보이도록 단색 컬러 배경을 사용하였으며, 여백을 강조하여 강약 조절로 중요 정보를 강조하고 헬로모바일의 메인 컬러인 Pink Color를 포인트 컬러로 사용하였습니다.
Product details
핑크 컬러 포인트 & 셀렉트 컬러로 사용하고, 블루 컬러를 서브 포인트 컬러로 사용하였으며 라운드가 있는 아이콘 & 일러스트 느낌의 아이콘 디자인으로 사용자에게 친근감을 전달할 수 있도록 디자인하였습니다.
Overviews
As a result of the design trend analysis, Brand Color was utilized by simplifying the graphic elements and maintaining consistency with the contents and the Web grouped, and was designed by emphasizing the identity of Hello Mobile.
Identity color + Grouping + White Space → Minimal & Simple Design
As-is → To-be
01.Requires unneeded gray tone or strong color app color tone correction → Correct color tone to give color only to important information
2. Keep cool layout and margins in the existing direction → Cool layout and groupings
03. Lack of strength in content and text
04. Need to highlight product image → Use monochrome color to match product.
Main Keyward
Sentiment, lowest price, good price, Hello Mobile, Pink
Project Goal
Now/Third-Party App Comparison Analysis
Modify color tone to give color only to important information, emphasize important information in cool layout and grouping, emphasize product information, use monochrome color to match product, and highlight product image
As a result of the design trend analysis, Brand Color was utilized by simplifying the graphic elements and maintaining consistency with the contents and the Web grouped, and was designed by emphasizing the identity of Hello Mobile.
Identity color + Grouping + White Space → Minimal & Simple Design
As-is → To-be
01.Requires unneeded gray tone or strong color app color tone correction → Correct color tone to give color only to important information
2. Keep cool layout and margins in the existing direction → Cool layout and groupings
03. Lack of strength in content and text
04. Need to highlight product image → Use monochrome color to match product.
Main Keyward
Sentiment, lowest price, good price, Hello Mobile, Pink
Project Goal
Now/Third-Party App Comparison Analysis
Modify color tone to give color only to important information, emphasize important information in cool layout and grouping, emphasize product information, use monochrome color to match product, and highlight product image
Hello Mobile Keyword
Use friendly icons to maintain identity by using a friendly interface with pink color
Design Trend Analysis
Simplify graphic elements and maintain consistency with grouped content Web Highlight Identity
Concept
Simple & Friendly
Hello mobile main
We created a simple mood in a neat layout, used a monochrome background to make the product stand out, emphasized the margins, and emphasized the key information by highlighting the key information and using the key color of Hello Mobile as a point color.
Product details
It is used as pink point & select color, blue color as a sub-point color, and is designed to communicate familiarity to users with round icons & illustration icons.
