Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Similar to 2021 한양대_내셔널브랜드_efill_4NFP_최종제출.pdf
Similar to 2021 한양대_내셔널브랜드_efill_4NFP_최종제출.pdf (20)
More from Artcoon
More from Artcoon (20)
2021 한양대_내셔널브랜드_efill_4NFP_최종제출.pdf
- 1. 환경오염의�끝을�그리는�에필로그, 에필과�함께�채워주세요. 2019047238 고민지 2019050755 정유진 2019080928 최수정 2019012397 강주은 4NFP Hanyang University Commun Design 브랜드 디자인과 내셔널 브랜드 Prof. Han Seung Jae 2021. 09 - 2021. 12. 17 Class
- 2. CONTENTS 01 Direction & Concept 팀원소개 방법론 정리 연구절차표 인싸이트 최종방향성 무드보드 02 BI Design BI 레퍼런스 BI 스케치 BI 가이드 03 Package Design 패키지 레퍼런스 패키지 스케치 라벨 & 박스 지기구조 용기 디자인 박스 디자인 쇼핑백 디자인 04 Place Design 공간 레퍼런스 공간 스케치 공간 Planning 공간 디자인 05 UIUX Design UX 전략 플로우차트 정보구조도 레퍼런스 스케치 앱 디자인 키오스크 디자인
- 3. 팀원소개 | Team Member Introduction 방법론 정리 | Methodology Summary 연구절차표 | Research Procedure Table 인싸이트 | Insight 최종방향성 | Final Direction 무드보드 | Moodboard
- 4. 팀원 소개 Brand Design & National Design Direction & Concept 정유진 자료조사 ppt 제작 공간 디자인 자료조사 UIUX 디자인 영상 디자인 고민지 자료조사 BI 디자인 발표 최수정 강주은 자료조사 패키지 디자인 후반부 ppt제작 2019012397 기여도: 25% 2019050755 기여도: 25% 2019080928 기여도: 25% 2019047238 기여도: 25% 4NFP 팀원들의 MBTI 유형이 같다는 점에 주목하여 지은 팀명으로 4명 모두 성격유형이 같은 만큼 한 마음, 한 뜻으로 프로젝트를 진행하겠다는 의미를 담아 작명하였습니다.
- 5. 방법론 정리 Brand Design & National Design Direction & Concept 01 업계 시장조사 및 트렌드 02 경쟁사 조사 03 소비자 조사 04 서비스 관련 조사 05 방향성 데스크리서치 정량조사 데스크리서치 정량/정성조사 데스크리서치 브레인스토밍 페르소나 SWOT 분석 데스크리서치 포지셔닝맵
- 6. Direction & Concept 친환경 K-뷰티 4차 산업혁명 리필 시스템을 활용한 친환경 무인 코스메틱 브랜드 Brand Design & National Design
- 7. Direction & Concept 연구절차표 Brand Design & National Design 친환경 무인 코스메틱 브랜드 방향성 수립과정 브랜드방향성 설정을 위한 자료조사 방향성/ 서비스 정리 - 경쟁사 내용 추가 - 조사를 통한 방법론 진행 (마인드맵핑, 페르소나, SWOT) 시장조사 및 트렌드 경쟁사 서비스 관련 조사 소비자 조사 인사이트 키워드 - 화장품 산업 - 친환경 트렌드 - 4차 트렌드 - 경쟁사 조사 - 포지셔닝맵 - 소비자 설문 - 소비자 트렌드 - 온택트 트렌드 친환경 브랜드 이미지 윤리적인 브랜드 이미지 명확한 컨셉 온라인 플랫폼 위생적인 이미지 개인 맞춤 서비스 미래지향적 친환경X혁신기술의 융합 차별화 우수한 제품성 강조 맞춤형 화장품 친환경 무인 코스메틱 브랜드 (온/오프라인 동시 운영, 리필 스테이션과 ai 인공지능 활용) 방향성 확정 사전 주제 설정 - 리필 시스템을 활용한 친환경 무인 코스메틱 브랜드 친환경 브랜드, 소재 파악을 위한 추가 리서치 진행 / 방향성 방법론 진행 - 친환경 패키지 소재 조사 - 관련 업종 조사 ai기기를 활용한 리필(패키지 재사용) 스테이션 및 온라인 스토어 오프라인 - 리필 스테이션 매장, AI 인공지능 피부 분석 테스트 후 제품 추천 온라인 - 온라인스토어, 용기 반납 서비스 후 리필, 질의응답 후 빅데이터 제품 추천
- 8. Brand Design & National Design Direction & Concept 유통채널 다양화와 전자상거래 발달에 따른 온라인 플랫폼가 필요함. 가치 소비 트렌드와 친환경 트렌드에 따른 친환경 브랜드 이미지의 확립과 서비스가 필요함. 개인화 시대에 맞는 맞춤형 화장품과 기술 결합의 필요성이 부각됨. 화장품 산업 화장품 친환경 트렌드 화장품 4차 산업 트렌드 글로벌 용기 재활용이 어렵다는 문제점에 따른 기업들의 노력 화장품 기업과 4차 산업 기술들의 결합 한국 트렌드 MARKET & TREND INSIGHT - 새로운 소비 트렌드가 부상함 - 친환경 패키지, 비건 성분의 화장품, 공병 회수 시스템, 리필스테이션 - 디지털 기반의 빅데이터 활용, AI와 AR을 활용한 맞춤형 기계 - 유통채널이 전자상거래, 디저털 전환으로 다양한 발전 - 화장품 수출액 역대 최고치 달성함 - K뷰티와 온라인 비대면 구매가 활성화 - COVID-19에 따른 온라인 플랫폼 확대와 클린뷰티에 대한 관심 증가 - 맞춤형 화장품, 가치소비, 코스메슈티컬, 뷰티테그에 대한 관심 증가
- 9. Brand Design & National Design Direction & Concept 타겟 리서치 예전에비해 스킨케어에 많은 관심을 보임. 하나만 발라도되는 단순한 루틴을 선호함. 개인 맞춤형 제품을 선호함. 윤리적 소비에 관심이 있음. 설문조사 제품성, 브랜드의 이미지 및 기업철학이 높은 선호도를 이끌어냄. 대부분이 화장품의 성분 및 기능을 가장 중요하게 생각함. 오프라인 매점과 온라인 매점을 이용하는 비율이 각각 거의 반반임. 오프라인은 H&B스토어, 온라인은 자사 쇼핑몰을 주로 이용함. 친환경 화장품과 리필스테이션에 긍정적인 입장을 갖고있음. 리필스테이션 이용을 꺼리는 응답자는 비위생적인 이미지를 이유로 들음. TARGET RESEARCH INSIGHT 윤리적인 브랜드의 이미지와 우수한 제품성을 표현할 수 있는 방향으로 명확한 컨셉이 구축되어야함. 리필 스테이션의 위생적인 이미지를 어필해야하며 온/오프라인 매점의 동시운영이 유리하다고 판단됨. 단순한 단계의 스킨케어 루틴에 맞는 제품 개발과 개인 맞춤형 서비스 개발이 요구됨.
- 10. SERVICE RESEARCH INSIGHT 온택트 트렌드 관련 업종 조사 친환경 화장품 패키지 소재 기존 업계에는 존재하지 않던 ‘친환경과 4차산업혁명을 융합한 뷰티 브랜드’라는 방향성이 트렌드의 흐름과도 잘 맞음을 확인할 수 있었음. ai 키오스크나 퍼스널라이징 제품 등을 벤치마킹하여 활용하고자 함. 패키지 소재 중 PCR페트용기나 이너보틀이 친환경적이며 리필에 적합한 패키지 소재라 판단됨. 코로나 이후 온라인을 통해 많은 활동을 하는 ‘온택트’가 자리 잡았으며, 집을 중심으로한 라이프 스타일도 확대됨 온라인쇼핑 건강 스킨케어 윤리적 소비 관심 증가 셀프 스토어 각인 및 맞춤형 화장품 등 퍼스널 라이징 제품 AI 뷰티 컨설팅 친환경 제품 각각을 화장품 업종에서 활용중이나 이를 복합적으로 활용하는 곳은 거의 없음 PCR 페트 이너보틀 종이튜브 바이오 플라스틱 메탈프리 펌프 Brand Design & National Design Direction & Concept
- 11. Direction & Concept 인싸이트 Brand Design & National Design 업계 시장 및 트렌드 조사 01 유통채널 다양화와 전자상거래 발달에 따른 온라인 플랫폼 필요 가치소비X친환경 트렌드에 따른 친환경 브랜드 이미지의 확립과 서비스가 필요 개인화 시대에 맞는 맞춤형 화장품과 기술 결합의 필요 경쟁사 조사 02 기존 시장에는 존재하지 않던 4차산업혁명 혁신기술과 친환경이 결합된 진정한 미래지향적 코스메틱 브랜드 필요 소비자 조사 03 윤리적인 브랜드 이미지와 우수한 제품성을 표현할 수 있는 명확한 컨셉 구축 위생적인 이미지를 어필해야하며 온/오프라인 매장의 동시운영이 유리함 단순한 스킨케어 루틴에 맞는 제품 개발과 개인 맞춤형 서비스 개발 요구 서비스 관련 조사 04 ai 키오스크나 퍼스널라이징 제품 등을 벤치마킹 PCR페트용기나 이너보틀이 친환경적이며 리필에 적합한 패키지 소재
- 12. Direction & Concept 최종 방향성 Brand Design & National Design 친환경 브랜드 이미지 윤리적인 브랜드 이미지 명확한 컨셉 온라인 플랫폼 위생적인 이미지 개인 맞춤 서비스 미래지향적 친환경X혁신기술의 융합 차별화 우수한 제품성 강조 맞춤형 화장품 브랜드 주제 친환경 무인 코스메틱 브랜드 브랜드 목표 친환경적/미래지향적 코스메틱 브랜드 브랜드 컨셉 자연 + 연구소 제공 서비스 ai기기를 활용한 리필(패키지 재사용) 스테이션 및 온라인 스토어 오프라인 - 리필 스테이션 매장, AI 인공지능 피부 분석 테스트 후 제품 추천 온라인 - 온라인스토어, 용기 반납 서비스 후 리필, 질의응답 후 빅데이터 제품 추천 All - 용기 각인 서비스 인사이트 키워드
- 13. Direction & Concept 최종 방향성 Brand Design & National Design 첫구매 STEP1 매장이나 온라인 스토어 통해서 자사의 전용 친환경 용기+내용물 구입 (온라인의 경우 1주일용 여분 제품 1+1구성 판매) 사용후 STEP2 용기 세척 후 매장 방문 or 매장에서 용기 세척 오프라인 온라인 용기 세척 후 용기 회수 자판기납에 반납 > 가까운 매장으로 용기 전달 재사용 STEP4 결제 후 집에서 재사용 오프라인 온라인 용기 반납 후 1주일 여분 제품 사용 > 리필 후 재사용 리 필 STEP3 매장 ai기기(로봇)이 용기 살균 후 제품 리필
- 14. Direction & Concept 최종 방향성 Brand Design & National Design 친환경 무인 리필 스테이션 숲속의 연구소 깨끗한 신뢰가는 신비한 BRAND BRAND IDENTITY CONCEPT KEYWORD
- 15. Direction & Concept 무드보드 Brand Design & National Design
- 16. Direction & Concept 무드보드 Brand Design & National Design
- 17. BI 레퍼런스 | BI Reference BI 스케치 | BI Sketch BI 가이드 | BI Guide
- 18. Bi 레퍼런스 PACKAGE DESIGN Brand Design & National Design
- 19. Bi 스케치 Brand Design & National Design Bi 스케치 진행 과정 ‘efill’ 이라는 네이밍이 선정된 이후, ‘친환경/리 필스테이션/자연 속 연구소’ 라는 브랜드 아이덴 티티에 맞추어 3차에 걸친 Bi 스케치를 진행했습 니다. PACKAGE DESIGN
- 37. ‘자연 속 연구소’라는 브랜드 컨셉에 맞추어 DNA 나선구조에서 모티브를 얻었으며, 신비롭고 감성적인 컨셉을 더하기 위해 라인 요소를 활용했습니다.
- 52. 겉만 번지르르한
- 55. 2021
- 60. 2021
- 71. 6m 5m 2.5m 1m 14m 4.5m 4.5m 5m 14 cm 4.5m 4.5m 5m 11 m 9m 12m 2.5m 2m
- 82. 브랜드 아이덴티티 프리즘 Brand Design & National Design Physique (물리적 특성) Personality (개성) Relationship (관계) Culture (문화) Reflection (사용이미지) Self-Image (자아이미지) 에필 민트 컬러, 워드마크로고, 연구실 용기, 리필스테이션 신뢰가는, 신비로운, 깨끗한, 친환경적인 지속가능한 삶을 함께 추구해나가는 협력자같은 존재 친환경, 젊은 연령대 환경을 생각하는 윤리적 시민 나와 지구를 아끼는 친환경 운동가 EXTERNALIZATION INTERNALIZATION PICTURE OF RECEIVER PICTURE OF SENDER
- 83. 패키지 레퍼런스 | Package Reference 패키지 스케치 | Package Sketch 라벨 & 박스 지기구조 | Label & Package Structure 용기 디자인 | Cosmetic Container Design 박스 디자인 | Cosmetic Box Design 쇼핑백 디자인 | Cosmetic Shopping Bag Design
- 84. 레퍼런스 PACKAGE DESIGN Brand Design & National Design
- 85. 패키지 스케치 ‘스킵케어’ 트렌드를 반영한 제품구성 PACKAGE DESIGN Brand Design & National Design 기초화장 단계를 압축하는 것이 유행인 트렌드를 반영하여 토너, 크림, 썬크림, 에센스, 클렌징오일 다섯가지 제품으로 구성하였다. 연구소의 비이커를 모티브로 제작 ‘숲 속 연구소’컨셉에 맞게 연구소의 비이커 등의 실험도구를 모티브로 형태를 잡아 스케치하였다. ‘신비한’, ‘깔끔한’, 신뢰감’의 컨셉을 만족시키기 위해 미니멀한 디자인으로 스케치하였다.
- 86. 라벨 & 패키지 지기구조 Brand Design & National Design PACKAGE DESIGN 화장품 라벨 디자인 실험실의 병에 붙어 용기 안 물질을 설명하는 라벨을 모티브로 제작하였다. 자신의 피부 MBTI 도장이 인쇄돼어 나만의 화장품을 갖는 느낌을 가질 수 있도록 디자인하였다. 또한 클린 뷰티를 실천하는 에필의 시그니쳐 포인트와 용량, 사용법, 제조일자 등을 기재하였다. TONER Signature Point Signature Toner for Radianting Your Skin use it with cotton socking right after washing up your face Volume Manuf. 12/12/2021 200 ml 7.7 fl. oz. Compounded Seoul, South Korea 01 환경오염의 끝을 그리는 에필로그, 에필과 함께 해주세요. contain safe and eco-friendly ingredients exclude animal testing and animal ingredients only use ingredients for green earth(noPET) 6cm 6cm 15cm 가로: 6cm 세로: 6cm 높이: 15cm 가로: 6cm 세로: 6cm 높이: 6cm 가로: 5cm 세로: 3cm 높이: 8cm 가로: 2cm 세로: 2cm 높이: 6cm 가로: 6cm 세로: 6cm 높이: 16cm
- 87. 화장품 용기 디자인 Brand Design & National Design PACKAGE DESIGN
- 88. 화장품 박스 디자인 Brand Design & National Design PACKAGE DESIGN
- 89. Brand Design & National Design 화장품 라벨 수분리가 가능하여 재활용률을 높이는 친환경 라벨스티커를 사용하였다. 블랙과 에필민트 단 두가지 컬러의 잉크만을 활용하여 잉크의 사용량을 줄였다. 화장품 용기 리필 과정에서 손상을 최소화하며, 옥수수, 콩, 사탕수수 등의 재생가능한 원재료로 만들어져 친환경적인 바이오 플라스틱 재질을 사용하였다. 화장품 박스 브랜드 심볼에 주목도를 높임으로써 리필이라는 브랜드의 가치를 전달하며 용기와 같은 그래픽 모티브를 활용함으로서 통일감을 부여하였다. PACKAGE DESIGN
- 90. 화장품 쇼핑백 잉크의 사용량을 줄이고자 컬러가 아닌 블랙 잉크만을 활용하고, 로고의 크기를 최소화하여 디자인한 버전과 브랜드 아이덴티티를 나타낼 수 있는 두가지 버전으로 제작하였다. 친환경성과 브랜드 컨셉을 동시에 충족시킬 수 있도록 디자인하였다. 화장품 쇼핑백 디자인 Brand Design & National Design PACKAGE DESIGN
- 91. 레퍼런스ㅣReference 공간 스케치ㅣPlace Sketch 공간 Planningㅣ Place Planning 공간 Designㅣ Place Design
- 92. 레퍼런스 Brand Design & National Design PLACE DESIGN
- 93. 공간 스케치 Brand Design & National Design 외부 - 숲 속의 연구소 efill 건물 외관을 처음 봤을 때 도심 속 신비한 숲 연구소를 만난 것 같은 느낌이 들 수 있도록 벽면을 화이트로 통일하고, 통유리를 통해 실험실의 느낌을 더했다. 외부에서 보여지는 내부를 고려해 efill의 identity가 잘 들어나는 실험실 오브젝트와 식물을 배치하였다. PLACE DESIGN
- 94. 공간 스케치 Brand Design & National Design 내부 - 숲 속의 연구소 매장을들어왔을때보든공간이한눈에보여지도록 스케치했다.리필충전기계를유리관으로보여주며 신뢰감을형성했다. 샘플체험하는곳에실험실오브젝트,부스를실험실 부스를모티브삼아제작하여연구소느낌을더했다. PLACE DESIGN
- 95. Brand Design & National Design Floor Plan 내부 - 면적 108㎡ 1 ENTRANCE 2 SAMPLE ZONE 3 DISPLAY STAND 4 KIOSK BOOTH 5 REFILL STATION 6 PICK UP&PACKING 외부 - 면적 154㎡ 14 cm 4.5m 4.5m 5m 11 m 9m 12m 1 2 3 3 4 5 PLACE DESIGN 공간 Planning
- 96. Brand Design & National Design Exterior Elevation 높이-6m efill의신비하고신뢰가는컨셉을나타내기위해쾌적한 환경의조성을목표로천장의높이를기존의건물보다 높게설정하여설계했다. 6m 5m 2.5m 1m 14m 4.5m 4.5m 5m 2.5m 2m PLACE DESIGN 공간 Planning
- 97. Brand Design & National Design color chart 브랜드 메인 컬러인 민트색을 중심으로 하되 숲속의 연구실 컨셉을 위해 화이트를 가장 비중을 많이 두고 컬러 계획을 세웠다. #fffff #c9f7e7 #4ae3b5 #15cdcb PLACE DESIGN 공간 Planning
- 98. 공간 Planning Brand Design & National Design Flow Planning 입구에서부터시작해서SAMPLEZONE을중심으로 원을그리며모든장소를갈수있는동선을계획했다. 또한 동선을 따라 REFILL STATION의 리필 과정을 자연스럽게볼수있도록설계했다. 1 SAMPLE ZONE 2 DISPLAY STAND 3 KIOSK BOOTH 4 REFILL STATION 5 Pick up & Packing 1 2 3 4 5 PLACE DESIGN
- 99. Brand Design & National Design Planterior ClimbingPlant 숲속을표현하되,리필스테이션의청결함과신뢰감을 더어필하기위해제한된공간에만식물을배치했다. PLACE DESIGN 공간 Planning
- 100. 공간 Design Brand Design & National Design Out-terior Grapic PLACE DESIGN
- 101. 공간 Design Brand Design & National Design Out-terior 2.5m 6m 5m 2.5m 1m 14m 4.5m 4.5m 5m 2m PLACE DESIGN
- 102. 공간 Design Brand Design & National Design Out-terior 2.5m 6m 5m 2.5m 1m 14m 4.5m 4.5m 5m 2m PLACE DESIGN
- 103. 공간 Design Brand Design & National Design Out-terior 2.5m 6m 5m 2.5m 1m 14m 4.5m 4.5m 5m 2m PLACE DESIGN
- 104. 공간 Design Brand Design & National Design INTERIOR 14 cm 4.5m 4.5m 5m 11 m 9m 12m 1 2 3 3 4 5 PLACE DESIGN
- 105. 공간 Design Brand Design & National Design INTERIOR 14 cm 4.5m 4.5m 5m 11 m 9m 12m 1 2 3 3 4 5 PLACE DESIGN
- 106. 공간 Design Brand Design & National Design INTERIOR 14 cm 4.5m 4.5m 5m 11 m 9m 12m 1 2 3 3 4 5 PLACE DESIGN
- 107. 공간 Design Brand Design & National Design INTERIOR 14 cm 4.5m 4.5m 5m 11 m 9m 12m 1 2 3 3 4 5 PLACE DESIGN
- 108. 공간 Design Brand Design & National Design INTERIOR 14 cm 4.5m 4.5m 5m 11 m 9m 12m 1 2 3 3 4 5 PLACE DESIGN
- 109. 공간 Design Brand Design & National Design 1 2 3 4 5 1 SAMPLE ZONE PLACE DESIGN
- 110. 공간 Design Brand Design & National Design 1 2 3 4 5 1 SAMPLE ZONE PLACE DESIGN
- 111. 공간 Design Brand Design & National Design 1 2 3 4 5 2 DISPLAY STAND PLACE DESIGN
- 112. 공간 Design Brand Design & National Design 1 2 3 4 5 2 DISPLAY STAND PLACE DESIGN
- 113. 공간 Design Brand Design & National Design 1 2 3 4 5 2 DISPLAY STAND PLACE DESIGN
- 114. 공간 Design Brand Design & National Design 1 2 3 4 5 PLACE DESIGN 3 KIOSK BOOTH
- 115. 공간 Design Brand Design & National Design 1 2 3 4 5 PLACE DESIGN 3 KIOSK BOOTH
- 116. 공간 Design Brand Design & National Design 1 2 3 4 5 4 REFILL STATION PLACE DESIGN
- 117. 공간 Design Brand Design & National Design 1 2 3 4 5 4 REFILL STATION PLACE DESIGN
- 118. 공간 Design Brand Design & National Design 1 2 3 4 5 4 REFILL STATION PLACE DESIGN
- 119. 공간 Design Brand Design & National Design 1 2 3 4 5 4 REFILL STATION PLACE DESIGN
- 120. 공간 Design Brand Design & National Design 1 2 3 4 5 4 REFILL STATION PLACE DESIGN
- 121. 공간 Design Brand Design & National Design 1 2 3 4 5 4 REFILL STATION PLACE DESIGN
- 122. 공간 Design Brand Design & National Design 1 2 3 4 5 4 REFILL STATION PLACE DESIGN
- 123. 공간 Design Brand Design & National Design 1 2 3 4 5 5 PICK UP & PACKING PLACE DESIGN
- 124. 공간 Design Brand Design & National Design 1 2 3 4 5 5 PICK UP & PACKING PLACE DESIGN
- 125. 공간 Design Brand Design & National Design 1 2 3 4 5 5 PICK UP & PACKING PLACE DESIGN
- 126. 공간 Design Brand Design & National Design 1 2 3 4 5 0 DISPLAY PLACE DESIGN
- 127. 공간 Design Brand Design & National Design 1 2 3 4 5 0 DISPLAY PLACE DESIGN
- 128. UX 전략 | UX Strategy 플로우차트 | Flow Chart 정보구조도 | IA 레퍼런스 | Reference 스케치 | Sketch 앱 디자인 | App Design 키오스크 디자인 | Kiosk Design
- 129. UX 전략 UX 전략 Brand Design & National Design 디자인하기 앞서 UX전략을 세워 보다 체계적 이고 타겟과 서비스에 맞는 디자인을 할 수 있도 록 목표를 다시 상기한다. 에필은 설문진단을 통해 서비스가 진행되므로 빠르고 간편하게 진단받을 수 있도록 간편한 플 로우로 진행하고 필요한 기능만을 담은 컴팩트한 서비스를 만든다. Project Goal UX STRATEGY 빠르고 간편한 피부 진단 서비스 ⏳ 처음 앱을 접하는 이용자들은 로그인 후 바로 피부 진단 서비스를 통해 피부 진단을 받게된다. 하지만 길어지는 설문과 질문은 이용자를 쉽게 우리 앱에서 이탈하게 한다. 이에 1page 1content 전략으로 이용자 들에게 짧고 간단한 화면을 제공해 이탈률을 낮추고 서비스를 끝까지 이용할 수 있도록 계획한다. 꼭 필요한 기능만을 넣은 컴팩트한 플로우 앱에서 제공하는 서비스와 플로우가 중복되고 많아질수록 이용자들은 이용에 부담을 느끼고 진입장벽을 느낄 수 있다. 이에 많은 플로우가 아닌 한 플로우에 집중하여 최대한 간편하게 구매까지 이어질 수 있도록 계획한다. 💡 UXUI DESIGN
- 130. Flow Chart Brand Design & National Design 온보딩 Splash 로그인 1. 첫 피부 진단 2. 피부 재진단 3. 상품 리필 1-1. 설문 진행 1-4. 구매 진행 1-5. 구매 완료 1-2. 진단 결과 1-3. 결과에 맞는 상품 리스트업 2-1. 설문 진행 2-4. 구매 진행 2-5. 구매 완료 3-1. 구매 진행 3-2. 구매 완료 2-2. 진단 결과 2-3. 결과에 맞는 상품 리스트업 처음 이용 처음 이용 X - 피부 재진단 처음 이용 X - 전에 진단으로 구매 UXUI DESIGN
- 131. 정보 구조도 Brand Design & National Design 리필 확인 상세 efill 로그인 피부진단 메인페이지 스토어 마이페이지 피부진단결과 추천 화장품 수거함 위치 프로모션 추천 화장품 카테고리/전체 프로필 리필 확인 환경설정 계정설정 상세페이지 리뷰 진단 상세화면 피부 재진단 UXUI DESIGN
- 132. 피부진단 리서치 Brand Design & National Design 바우만 피부 유형 검사 미국의 피부과 전문의 레슬리 바우만에 의해 만 들어진 피부 사 유형으로 피부 진단 테스트계의 MBTI라 불린다. 피지 분비량, 민감성 정도, 색소침착의 정도, 주름 생성 정도를 파악하며 16가지의 피부타입이 나 오게 된다. 이를 사용한 화장품 업계의 대표적 인 예는 닥터자르트가 있다. UXUI DESIGN
- 133. 레퍼런스 Brand Design & National Design UXUI DESIGN
- 134. 스케치 Brand Design & National Design UXUI DESIGN
- 135. 스케치 Brand Design & National Design UXUI DESIGN
- 136. COLOR PALETTE Headline1 Apple SD Gothic Neo - Bold 32pt Headline2 Apple SD Gothic Neo - Bold 28pt Headline3 Apple SD Gothic Neo - Medium 24pt Subtitle1 Apple SD Gothic Neo - Regular 20pt Body1 Apple SD Gothic Neo - Regular 16pt Body2 Apple SD Gothic Neo - Regular 14pt Description Apple SD Gothic Neo - Regular 10-12pt Apple SD Gothic Neo Regular, Medium, Bold Aa Primary Secondary #4AE3B5 #527FE2 #3F54D1 74, 227, 181 #15CDCB efill green 82, 127, 226 63, 84, 209 21, 205, 203 a a a a a a a a a a a a a a a a Aa Aa #FFFFFF efill white 255, 255, 255 Aa Aa Aa TYPEFACE 디자인 시스템 Efill Design system Brand Design & National Design 에필만의 디자인 시스템을 구축하여 시각적 일관 성을 유지하고 효율성있게 디자인할 수 있도록 한다. 컬러의 경우 efill green을 메인으로 디자인 해야 하며, 명도/채도에 맞게 색 안에 폰트 컬러를 바 꿔야 한다. 폰트의 경우 각 항목 별 서체 굵기와 사이즈의 규격을 지켜서 디자인한다. UXUI DESIGN
- 137. 디자인 시스템 Efill Design system Brand Design & National Design 에필만의 디자인 시스템을 구축하여 시각적 일관 성을 유지하고 효율성있게 디자인할 수 있도록 한다. 아이콘, 버튼, 체크박스, 인풋의 규격 외를 벗어 나는 것을 금지하며 아이콘의 경우 라운드 값을 주며 바리에이션 할 수 있다. ICON PACK BUTTON Button style 1 Checkbox style 1 Inputs style 1 Inputs style 2 Checkbox style 2 Button style 2 Button style 3 Button style 4 CHECKBOX INPUTS Home Inactive Home Active Store Inactive Store Active My page Inactive My page Active Button Button Button Button Button Button Placeholder Placeholder Typing Query Placeholder Placeholder Typing Query UXUI DESIGN
- 138. App Design Brand Design & National Design Splash / Onboarding 스플래쉬 화면은 브랜드 그래픽을 활용해 통일 성과 시각적 일관성을 높였다. 온보딩은 처음 앱을 시작하는 사람들을 위한 서비스 설명이 들어가 있으며 실제 앱 화면의 일 부분을 가져와 실제 앱에 들어가서도 익숙할 수 있게 사용성을 높였다. UXUI DESIGN
- 139. App Design Brand Design & National Design 피부 진단 서비스 피부 진단 서비스 페이지로 각 파트별 질문에 답 을 해야하는 서비스이다. 파트는 4가지로 나누어져 있고 각 파트당 약 10~15개의 질문이 있다. 피부진단의 mbti라는 점을 표시해 사용자들의 관심을 유도한다. UXUI DESIGN
- 140. App Design Brand Design & National Design 진단 결과 페이지 피부 진단 설문 페이지를 지나 결과 페이지로 오각형의 도형 위에 시각적으로 보기 편하게 그 래프 형식으로 제작하여 결과를 제공한다. 또한 피부타입에 맞는 추천 스킨케어를 제공함 으로써 구매율을 높인다. UXUI DESIGN
- 141. App Design Brand Design & National Design 메인 페이지 _ home 설문조사 후 메인페이지인 홈으로 넘어오면 자신 의 피부타입을 간단히 확인 할 수 있고 재검사가 가능하다. 그 아래 추천 제품 또한 배치해 빠르게 구매할 수 있도록 하였다. 중요 서비스인 리필을 위해서 수거함 위치 찾기 항목을 추가해 쉽게 수거함을 찾을 수 있도록 하였다. 수거함 찾기에선 자신에 위치에 가장 가까운 수거함과 예약 기능이 있다. OSNT를 위한 추천 제품 UXUI DESIGN
- 142. App Design Brand Design & National Design Store 하단 네비게이션의 두번째 아이콘인 스토어 페이지에 들어가면 맨 처음으로 프로모션 베너와 실시간 베스트 제품이 나온다. 제품은 온라인 전용 상품과 리필 전용 상품을 따로 표시한 후 판매한다. 전체보기를 누르면 전체 상품을 볼 수 있으며 카테고리 별로 확인 할 수 있다. 리필용 상품과 온라인 전용 상품 구분 스킨 전체 로션 에센스 세럼 페이스크림 아이크림 바디크림 핸드크림 UXUI DESIGN
- 143. App Design Brand Design & National Design 상세페이지 / 구매페이지 스토어에서 상품을 눌러 상세페이지로 들어갈 수 있다. 제품에 대한 정보, 사진 등을 확인 할 수 있다. 구매페이지에서 리필 제품을 구매했을 경우 수거함 위치를 입력하고 가지고 있는 제품 용기 바닥에 있는 퍼스널 코드를 입력해야 플로우가 진행된다. 퍼스널 코드는 리필 과정을 확인하기 위해 필수적으로 들어가야 한다. UXUI DESIGN
- 144. App Design Brand Design & National Design My page / 리필 확인 페이지 하단 네비게이션 세번째 아이콘인 마이페이지 에서 중요한 버튼은 위로 배치해 아이콘과 같이 보이도록 하였다. 리필 상황 확인 버튼을 누르면 리필 확인 페이지로 넘어가게 된다. 리필 확인 페이지에선 내가 입력한 퍼스널코드를 기반으로 내 제품이 어떤식으로 리필되고 있는지 확인할 수 있다. 이는 사전 소비자 설문에서 가장 우려되는 점을 해결한 서비스이다. UXUI DESIGN
- 145. Brand Design & National Design Kiosk Design 첫 화면 / 피부 진단, 결과 페이지 첫 화면에선 피부 진단과 바로 결제 하기로 넘어갈 수 있다. 피부 진단을 하면 키오스크 상단에 달린 카메라로 얼굴을 인식하게 된 다. 피부 진단 결과 페이지에선 간단한 결과를 볼 수 있으며 자세한 결과는 번호를 입력해 앱으로 확인할 수 있게 플로우를 구성하였다. UXUI DESIGN
- 146. Brand Design & National Design Kiosk Design 스토어 / 제품 상세 페이지 피부 진단 후에 들어가게 되는 스토어에는 내 피부타입에 맞는 상품 추천을 받아볼 수 있다. 키오스크 특성상 많은 내용을 담기엔 사용자 입장에서 힘들다고 느껴 레이아웃을 분리해 왼쪽 에서는 상품과 오른쪽에서 내 주문을 확인하고 결제까지 할 수 있게 디자인했다. 상품 상세페이지에선 간단한 설명과 수량을 정하고 퍼스널 코드를 입력하고 내 주문에 담을 수 있다. UXUI DESIGN
- 147. Brand Design & National Design Kiosk Design 결제 페이지 내 주문에서 결제를 누르면 상품 결제를 진행 할 수 있다. 결제 방법에는 카카오페이, 신용카드, 현금으로 구성을 했다. 결제 과정은 3단계로 결제 방법을 선택하고 결제를 하면 완료가 되는 과정 으로 간단하게 플로우를 구성하였다. UXUI DESIGN
- 148. UXUI DESIGN Brand Design & National Design App Mockup
- 149. UXUI DESIGN Brand Design & National Design App Mockup
- 150. UXUI DESIGN Brand Design & National Design App Mockup
- 151. UXUI DESIGN Brand Design & National Design Kiosk Mockup
- 152. THANK YOU FOR LISTENING! 2019047238 고민지 2019050755 정유진 2019080928 최수정 2019012397 강주은 4NFP Hanyang University Commun Design 브랜드 디자인과 내셔널 브랜드 Prof. Han Seung Jae 2021. 09 - 2021. 12. 17 Class