UX/UI 포트폴리오 | 식비와 테마에 맞춰 요리하는 식비 관리 서비스
내일배움캠프 UX/UI 디자이너 수료생 최종 프로젝트 '요습일'을 소개합니다.
Apr 22, 2024
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252Fe3015505-81b6-4db2-a2fc-21a3f58887c3%252F%2525EC%25259A%252594%2525EC%25258A%2525B5%2525EC%25259D%2525BC.png%3Ftable%3Dblock%26id%3Da6a597b9-9b8b-448e-819b-900590da32f8%26cache%3Dv2&w=3840&q=75)
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F42b62e93-16b8-413f-bde7-b6708d8020c2%252F%2525EC%25259A%252594%2525EC%25258A%2525B5%2525EC%25259D%2525BC2.png%3Ftable%3Dblock%26id%3D820a6b69-714a-414c-b06b-2b09cf203e14%26cache%3Dv2&w=3840&q=75)
소개
식비 지출 관리는 요리하는 습관에서부터 시작합니다. 주 단위 예산과 취향에 맞춰 요리를 해 먹는 챌린지를 참가해요. 챌린지를 완료한 만큼 줄어드는 식비를 확인할 수 있습니다.
주요 기능
예산과 취향에 맞춰 챌린지를 선택합니다. 챌린지 참여를 위한 재료 준비는 키트를 통해 주문하는 옵션이 있습니다.
원하는 예산과 취향에 맞춘 챌린지를 선택합니다. 챌린지 기간 동안 정해진 식단과 끼니 당 비용을 확인할 수 있으며, 재료 준비가 어렵다면 서비스 내에서 준비된 키트로 참여할 수 있습니다.
인증 할 땐 함께 챌린지를 하는 멤버들에게 쪽지를 남깁니다.
- 미션을 인증할 때 마다 멤버들과 교류할 수 있는 쪽지를 남길 수 있습니다.
- 남긴 쪽지는 아직 인증하지 않은 멤버들에게 푸시 알림으로 전송됩니다.
- 쪽지 리스트에서 남긴 쪽지를 한번에 확인할 수 있으며 댓글과 리액션으로 소통이 가능합니다.
챌린지 기간 동안 식비에 사용한 금액을 확인합니다.
- 1인 가구 평균 식비와 내 식비를 비교할 수 있습니다.
- 각 끼니 객단가를 확인할 수 있습니다.
- 누적 된 챌린지의 유형별로 자신의 식습관 타입을 확인할 수 있습니다.
기획과정
문제정의
1) 식비를 절약하기 위해 직접 요리를 하는데, 얼마나 절약되는지 몰라서(정보가 없어서) 실천하기 어렵다.
2) 많은 사람들은 식비를 줄이기 위해 직접 요리를 해야 하는 것을 알고 있지만, 요리를 통해 돈이 얼마나 절약 되었는지에 대한 정보가 부족하며, 요리 과정이 번거롭다는 부정적인 인식을 가지고 있다.
가설
“일상적인 요리를 하기 위한 동기부여를 만들어 주면 사람들은 식비를 줄이고 자신만의 요리 습관을 형성할 것이다.”
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252Fa72deaad-0c1d-4603-85c7-4504dc311465%252FSlide_16_9_-_124.png%3Ftable%3Dblock%26id%3Deaf4626e-d0ed-401b-8a63-daface1ce3c8%26cache%3Dv2&w=3840&q=75)
데스크 리서치
배경
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F0b783d8c-314c-446e-89aa-f90b313c2aba%252FSlide_16_9_-_117.png%3Ftable%3Dblock%26id%3Dd5dc5f6a-fbb1-4ae2-8aaa-89a52c002f8c%26cache%3Dv2&w=3840&q=75)
유저 리서치
유저그룹: 자취하는 대학생 대상 식비 절약 경험 설문 조사 (57명)
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F5119c537-77de-4b3d-baf6-3cae7e9c06f4%252FSlide_16_9_-_5.png%3Ftable%3Dblock%26id%3D30010f6d-a6b6-432a-9433-9846edde715e%26cache%3Dv2&w=3840&q=75)
주요 내용
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F4ed829d0-9f2b-4231-9255-11426cecb7d9%252FSlide_16_9_-_5.png%3Ftable%3Dblock%26id%3Dfefeb1ff-a83b-4187-aa6a-3409b3535842%26cache%3Dv2&w=3840&q=75)
인사이트
식비를 아끼기 위한 행동으로 집에서 직접 요리하는 것을 가장 많이 선택, 그러나 그 행동이 얼마나 절약 되고 있는지에 대한 인지가 매우 낮음
사전 설문 조사 기반 심층 유저 인터뷰 (5명)
주요 내용
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252Fbb73460a-6f65-4c16-9a10-dd476a8f5160%252FSlide_16_9_-_97.png%3Ftable%3Dblock%26id%3D71309b1d-acf8-4d1f-91b6-86be9221744a%26cache%3Dv2&w=3840&q=75)
인사이트
- 요리 하는 것이 익숙치 않아 어떤 재료를 얼만큼 사야 하는지 인지하기 힘들어 함
- 한꺼번에 장을 보고 지출을 한 다음 여러 번에 나누어 요리를 하기 때문에 한끼에 얼마나 드는지 가늠하지 못하고 있음
- 4-5000원 대의 저렴한 간편식으로 이탈하는 이유 중 하나 : 간편식은 1끼당 지출 비용을 한눈에 파악할 수 있지만, 요리를 해서 먹는 경우는 파악이 어려움
- 혼자 요리를 할 때 주변 상황에 의지와 동기가 많이 흔들려 외식으로 이탈
- 직접 요리하는 것보다 당장의 저렴한 외식을 선호하나, 끝에는 한달 동안 쌓인 식비 지출 내역을 보고 직접 요리로 귀결됨
솔루션 도출
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F408db469-1291-43e0-b55f-bc194ecda398%252FSlide_16_9_-_124.png%3Ftable%3Dblock%26id%3Dca878ffd-75b3-4d69-9a43-7b7313f1eec7%26cache%3Dv2&w=3840&q=75)
솔루션1.
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252Ff7a2a7f2-bc0f-4b77-a078-602436c02985%252FSlide_16_9_-_113.png%3Ftable%3Dblock%26id%3D2ec280ed-9f29-49ef-84e6-0142d843cfc2%26cache%3Dv2&w=3840&q=75)
솔루션 2.
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F4cf26853-71de-40ca-afe3-bc93f60dce37%252FSlide_16_9_-_116.png%3Ftable%3Dblock%26id%3D15ec8138-39c6-4954-82f5-24046c6ad7b2%26cache%3Dv2&w=3840&q=75)
솔루션 3.
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F9465e442-17eb-4708-a34d-ecd6e8e2d7ad%252FSlide_16_9_-_119.png%3Ftable%3Dblock%26id%3D4a31a3c1-4b4e-4864-a85c-47f59d759fb6%26cache%3Dv2&w=3840&q=75)
구조
정보 구조도
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252Fe4c0771e-0f70-44ed-94cd-5481330a2cf1%252FSlide_16_9_-_147.png%3Ftable%3Dblock%26id%3De5f33b6f-472f-4c77-97cd-b990ba64bb74%26cache%3Dv2&w=3840&q=75)
와이어프레임
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252Fa321220c-bbd4-4b69-9f3a-50f1f22eb267%252FSlide_16_9_-_130.png%3Ftable%3Dblock%26id%3D1c1bb26f-1b34-4414-b623-4fc9ad407f63%26cache%3Dv2&w=3840&q=75)
디자인 상세
서비스 컨셉
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252Fa17b7e80-2caf-4fd1-b33f-8cf7ef855adf%252FSlide_16_9_-_13.png%3Ftable%3Dblock%26id%3D8452fdc5-42e9-43a6-882a-3657301e2f4f%26cache%3Dv2&w=3840&q=75)
컴포넌트
![notion image](https://inblog.ai/_next/image?url=https%3A%2F%2Fwww.notion.so%2Fimage%2Fhttps%253A%252F%252Fprod-files-secure.s3.us-west-2.amazonaws.com%252F83c75a39-3aba-4ba4-a792-7aefe4b07895%252F0b7d5546-1cbc-4597-9bc3-22081f71c93c%252FSlide_16_9_-_112.png%3Ftable%3Dblock%26id%3D832431cd-d462-4be9-b4ed-6b0634300e60%26cache%3Dv2&w=3840&q=75)
팀원 구성
이름 | 직위 | 블로그 주소 |
허세민 | 팀장 | |
채한샘 | 부팀장 | |
박유나 | 팀원 | |
윤나영 | 팀원 |
취업 준비, 어디서부터 시작해야 할지 모르겠다면?
🧐비전공자인데 IT 업계 취업할 수 있을까?
😟프로젝트 경험이 부족한데, 어떻게 준비해야 할까?
🥺IT 기업으로 이직하고 싶은데 뭐부터 시작해야 할까?
이런 고민을 하고 있다면, 내일배움캠프의 IT 취업 컨설팅을 받아보세요.
취업 코칭 전문가들이 여러분의 고민을 해결해 드립니다.
다음 링크에 이메일을 입력하시면 메일로 1:1 커리어 상담권과 취준 자료집을 보내드릴게요.
Share article
Subscribe to our newsletter