UXUI 디자인 포트폴리오 공유: 대체당 안전도 판단 서비스 DANGER

취업에 있어 포트폴리오는 '무엇을 만들 수 있는 사람인가'를 보여주는 매개체입니다. 그렇기에 포트폴리오에는 각자 고민했던 지점과 선택의 이유, 팀과 함께 만들며 겪었던 시행착오, 그리고 본인의 성장 순간들이 고스란히 담겨 있죠.

그런 순간들이 더 생생히 전해질 수 있도록 모든 설명과 회고, 소감은 수료생이 직접 작성한 문구 그대로 담았습니다.

학습 과정의 고민과 의사결정이 어떻게 프로젝트로 이어졌는지 확인해 보세요. 어떤 문제를 발견하고 어떤 방식으로 해결해 나갔는지 UXUI 디자인 포트폴리오를 공유드립니다.

UXUI 디자인 포트폴리오 프로젝트 소개

건강 관리를 위해 저당 간식을 선택하려는 사용자들이 영양성분표의 다양한 대체당 성분에 대한 이해 부족으로 겪는 구매 혼란을 해결하는 서비스입니다. 식약처 공정데이터를 기반으로 자체 안전도 기준을 설계하고, 복잡한 성분 정보를 한 눈에 파악할 수 있는 '한입 요약 카드'를 통해 사용자의 빠른 판단을 돕습니다.

📋 UXUI 디자인 포트폴리오 전체 보기

🛠️ 이 부분, 이렇게 만들었어요

이현빈

앞쪽에 리서치 부분에 정말 공을 많이 들였어요! 특히 문제정의할 때는 다같이 한문장씩 여러번 써보면서 토론한 결과, 뾰족하게 문제정의가 잘 나왔던 것 같아요! 그 후에는 저희의 브랜드 캐릭터를 활용해서 상세페이지에 있는 "한입 요약 카드"의 디자인과 특히 안전도 설계 기준에 대해서 다같이 머리싸매면서 공을 많이 들였습니다!

임유나

저는 주로 브랜딩과 캐릭터 및 화면 UI 디자인을 맡았습니다. 제일 공을 들인 부분은 대체당 안전도 기준을 요약하여 보여주는 '한 입 카드'로, 복잡한 정보를 보지 않고도 사용자가 정보를 직관적으로 이해하고, 선택을 도울 수 있도록 공을 많이 들였었던 것 같아요.

윤혜경

저희팀은 전반적으로 다같이 프로젝트를 진행했는데 그중에서 핵심역할을 얘기하자면 저는 MVP핵심기능을 구현할 때 현실적으로 가능한지에 대해 의견을 어필했어요. 그리고 화면 고도화 단계에서 사용자에게 저희의 핵심기능을 임팩트 있게 보여줄 수 있도록 다양한 디자인을 시도했어요. 가장 집중해서 구현한 부분도 핵심기능인 요약카드 입니다. 기존 서비스들과 차별점을 두려면 단순한 정보제공이 아닌 결국엔 사용자가 제품을 빠르게 선택하도록 도와주는거였어요. 그래서 대체당을 기준으로 여러 방향을 시도해본 결과 지금의 시스템이 도출되었습니다!

김나람

저희 팀은 사용자의 빠른 판단을 돕기 위해 식약처 공공데이터를 기반으로 안전도 기준을 정의하고, 이를 객관화하기 위해 자체적인 점수화 체계를 설계하는 데 집중했습니다.

이유지

팀원 모두가 함께 작업을 진행했기에 정확한 역할이라는 것을 따로 정해두지는 않았으나, 저는 튜터님과의 커뮤니케이션과 전체적인 스토리텔링, 정보 위계 정리에 초점을 맞춰 진행하였습니다. 가장 집중해서 구현한 부분은 한입요약카드였고, 사용자들이 해당 부분을 바로 인지할 수 있도록 하기 위해 자체적인 기준을 세워 큰 타이포로 '추천/보통/주의'의 결과를 먼저 보여주고 상세 내용을 보는 정보 위계를 설계하였습니다.

✨ 가장 고민했기에 가장 빛난 장면

이현빈

저는 아무래도 완성된 다음에 시연영상을 만들면서 랜딩페이지를 만들었을 때가 제일 뿌듯했습니다! 저희팀의 브랜드 캐릭터인 별탕이를 곳곳에 활용해서 만들어낸 화면들은 너무나도 사랑스러웠어요.

임유나

대체당 안전도 기준을 직접 설계하고, 이를 요약 카드 형태로 구현한 과정이 가장 뿌듯했어요. 복잡한 성분 정보를 사용자가 쉽게 이해하고, 한눈에 안전도를 판단할 수 있게 되었을 때 가장 만족스러웠습니다.

윤혜경

제일 뿌듯했던 부분은 저희의 핵심기능인 요약카드 디자인을 바꾸는데 일조한것입니다. 사실 거의 완성된 상황이었는데 고도화된 요약카드가 상세페이지에서 바로 눈에 띄지 않는거에요. 사용자의 입장에서 상세페이지를 들어왔을 때 가장 먼저 보여야 하는데 그걸 해결하고자 팀원들이 다른걸 하고 있을 때 피그마 구석에서 요약카드 디자인을 바꾸고 있었어요. 그 때 저희팀의 장점이 나옵니다. 팀원들 모두가 적극적이에요. 제가 하는걸 발견한 다른 팀원이 와서 또 만들고, 모든 팀원들이 거기에 참여해서 순식간에 요약카드 시안만 여러개가 나왔어요! 그렇게 수정하고 수정하고 수정해서 지금의 요약카드 디자인이 탄생했습니다!

김나람

UT를 진행하기 위해 직접 프로토타입을 구현하고, 이를 Maze 툴에 연결해 실제 사용자들이 사용해보도록 만든 순간이 이번 과정에서 가장 뿌듯하게 느껴졌습니다. 단순히 화면을 만드는 데서 끝나는 것이 아니라, 내가 설계한 흐름을 다른 사람이 직접 경험하고 반응을 남긴다는 점에서 비로소 '검증 단계'에 들어왔다는 실감이 났습니다.

이유지

앞과 같이 '안전도 기준을 설계해서 한입요약 카드를 제작'한 부분인 것 같습니다! 저희가 정의한 문제를 가장 직접적으로 해결하는 주요 솔루션이었기 때문에 사용자의 판단을 효과적으로 돕기 위해 안전도 기준을 세우는 데에 팀원들과 가장 많은 고민을 했었습니다. 기준만 3~4번 바꾼 것 같아요. 박람회에서 튜터님들과 외부 인사분들도 해당 부분에 많은 관심을 가져 주시고, 좋았다고 얘기해주셔서 고민한만큼 좋은 결과가 나온 것 같아 기쁘고 뿌듯합니다!

💭 프로젝트 소감

이현빈

정말 팀원분들이 없었다면 이렇게까지 완성 못했을 것 같아서 팀원분들께도 감사드리구요! 그리고 소연 튜터님께서 정말 피가되고 살이되는 조언들을 해주셔서 너무 감사했습니다! 앞으로 포트폴리오 잘 완성해서 취업까지 화이팅하겠습니다!

임유나

좋은 팀원들과 서로 도우며 끝까지 포기하지 않았기에 수상할 수 있었던 것 같아요. 함께해준 우리 별탕이와 친구들, 그리고 항상 친절하게 알려주시고 도와주셨던 튜터님, 매니저님들께 정말 감사드려요!

윤혜경

내배캠에서 여러프로젝트를 했지만 MVP는 가장 힘들면서도 많이 성장했던 프로젝트 였어요. 다같이 마음이 잘 맞았고, 모든 팀원들이 프로젝트에 열정을 가지고 참여하면서 완성도 있게 마무리 할 수 있었습니다. 그리고 소연튜터님이 방향을 잘 잡아주셨기에 문제정의에서 벗어나지 않고 MVP핵심기능까지 일관적으로 구현할 수 있었습니다! 지금까지 많은 도움을 주신 매니저님 튜터님 그리고 우리 UIUX10기 수강생 분들 모두에게 감사하다고 전하고 싶습니다!

김나람

저를 포함한 우리 팀원들의 가장 큰 공통점은 모두 자기주도적으로 움직인다는 점이었어요. 그래서 프로젝트를 진행하는 동안 누구 하나 눈치를 보지 않고 자유롭게 의견을 냈고, 부족한 부분이 보이면 자연스럽게 각자 자료를 찾아와 채워가는 팀이었습니다. 물론 과정이 항상 순탄했던 건 아니었어요! 특히 문제 정의 단계에서 의견 충돌이 크게 있었고, 그 과정에서 한숨도 많아졌거든요. 그럼에도 불구하고 누구 하나 포기하지 않았다는 점! 더 나은 방향을 찾기 위해 끝까지 의견을 주고받았고, 서로를 설득하기 위해 각자 추가로 자료를 찾아오며 논의를 이어갔어요. 이렇게 힘든 시간을 함께 버텨내고 프로젝트를 마무리한 것만으로도 의미가 있었는데, 수상이라는 결과까지 이어져서 더 기쁘고 감사한 마음이 든니다.

이유지

우선 팀원들에게 감사하다는 얘기를 먼저 전하고 싶습니다. 프로젝트를 진행하면서 멘탈이 흔들릴 때도 많고, 방황할 때도 많았는데, 제가 저를 믿지 못할 때에도 팀원들이 저를 믿어줘서 끝까지 포기하지 않을 수 있었습니다. 네 분을 만난 건 제 내배캠 기간의 가장 큰 행운이었어요. 그리고 사랑과 관심으로 끝까지 이끌어주신 튜터님들께도 감사드립니다. 특히 우리의 대장, 소연 튜터님! 덕분에 마지막까지 열심히 해서 좋은 결과물 낼 수 있었습니다! 우리가 걷는 모든 길은 지도에 흔적이 되는 거니까, 다들 너무 두려워하지 말고 앞으로 나아갔으면 좋겠어요!

🔥 취업생 수 No.1 부트캠프, 내일배움캠프

취업생 수 1위, 내일배움캠프는 지금 이 순간에도 각자의 미래를 향해 뜨겁게 내달리는 분들과 함께하고 있습니다.

원하는 미래에서 원하는 일을 하는 내 모습을 만날 때까지 내일배움캠프는 끝까지 함께할게요. 내가 머무를 수 있는 곳에서 성장을 위해 열정을 쏟아낼 수 있게 도와드리겠습니다. 취업 No.1 부트캠프, 내일배움캠프에서 새로운 미래에 한 발짝 더 가까워지세요.

🤔 알게 된 정보는 많은데, 선택은 더 어려워졌다면?

✅ IT 취업, 어디서부터 시작해야 할지 모르겠어요

✅ 내가 잘 할 수 있는 직무가 무엇일지 고민돼요

✅ 부트캠프는 많은데, 뭘 보고 골라야 하는 건지 알기 어려워요

✅ 여러 글을 읽었지만 오히려 더 헷갈려요

만약 지금 이런 고민 중 하나라도 해당된다면, 지금 바로 전문가와의 1:1 무료 취업 상담을 신청해 보세요. 내 상황에 맞게, 최선의 결정을 내릴 수 있도록 도와드립니다. 아래 버튼을 눌러 바로 상담을 받아보세요.