팀프로젝트에 내 입맛 추가해보기 - 지금 어느정도 완성이 되서 나는 발표준비만 열심히 하면 되는데 프로토타입 연습삼아 내 멋대로 만져보기로 했다. 인트로 페이지 인트로 페이지에 로딩 애니메이션을 추가해보고 싶었다. 참고영상 : Figma에서 애니메이션 소개 로딩 팀 소개 페이지 화면 애니메이션 추가 및 카테고리 탭을 클릭할 때 고정된 채로 나오면 좋겠다. 영상을 참고하여 제작해봤다 고정된채로 잘 나온다! 하지만 문제는 '더보기' 버튼이다. 더보기 버튼은 4개이상 볼 때 나오도록 하려고 했는데 추가로 어떻게 해결해야 하는지 모르겠당... 참고영상 : 피그마 탭 애니메이션 프로토타이핑 팀원 카드 페이지 귀여운 컨셉에 잘 어울릴 것 같아서 만들어봤는데 따라하기도 쉬웠다. 디자인 구성을 좀 변경해보면 좋을 것 ..

팀 노션 꾸미기 진척도, 각자의 일일계획, 팀이 어떤식으로 진행하고 있는지 등을 보여줄 수 있게 업로드 미니프로젝트(팀 소개 페이지 제작_3차) - 프로토타입 추가 진행 저번 시간에 끝내지 못한 팀원(곰돌이님)의 프로토타입 진행 (이미지 슬라이드, 캐러셀) 나름 혼자 작업해봤는데 꽤 복잡했다. 작업 내용 공유받아야겠다! 미니프로젝트(팀 소개 페이지 제작_3차) - 발표자료 제작 작업은 어느정도 완성되었고, 프로젝트 발표를 하기위해 발표자료를 피그마로 제작 기본 목차를 토대로 내용을 채워넣었다. 꽤 하고 싶은 말이 많아서 그런지 가득찼다. 미니프로젝트(팀 소개 페이지 제작_3차) - 완성 목업 제작 완성 목업이미지

팀 소개 페이지 제작 (2차) - 플로우차트 팀 소개 페이지 제작 (2차) - 브레인스토밍 계속 팀원들과 브레인 스토밍의 포스트잇 메모로 진행하며 소통했다. 팀 소개 페이지 제작 (2차) - 팀소개 페이지 & 약속, 목표, 특징 전체 정리 팀 소개 페이지에 들어갈 우리 팀의 약속과 목표, 특징들을 전부 만들었다. 팀 소개 페이지 제작 (2차) - 전체 프로필 페이지 제작 팀 소개 페이지 제작 (2차) - 개인 프로필 상세 페이지 선정 / 메인 페이지 선정 중

팀 소개 페이지 제작 (1차) - 와이어프레임 제작 웹과 모바일 형식의 와이어프레임 제작 후 모바일로 진행하기로 결정 팀 소개 페이지 제작 (1차) - 레퍼런스 모음 팀 소개 페이지 제작 (1차) - 메인컬러 선정 팀 소개 페이지 제작 (1차) - IA 제작중 팀 소개 페이지 제작 (1차) - 팀원들의 캐릭터 디자인 작업해준 우리 팀원 최고 팀 소개 페이지 제작 (1차) - 페이지 1차 완성 및 피드백 진행중 팀 소개 페이지 제작 (1차) - 전체 공동 작업 진행

1. 서비스 선정 - 빽다방 앱 2. UI/UX 디자인 분석 화면 구성 오더를 진행하기 위한 기능들로만 구성된 메인 화면 전체적으로 텍스트가 조금 작다고 느낄 수 있을 것 같다. 픽업 오더 주문 시 가까운 매장들을 지도로 보고 싶었다. 직접 클릭해야 보이고 지도로 볼 수 있는 건 다른 메뉴인 매장찾기로 가야 볼 수 있었다. 3. 개선 아이디어 텍스트를 조금 키우면 어떨까 (ex.메가커피) 픽업 오더 시 지도로 보기 아이콘을 추가하는 건 어떨까 (ex.메가커피, 스타벅스) 4. 제작 사이트 클론디자인 제작

🔗 출처 : UX디자이너로 성장하기 위해 알아야 할 3가지 ✅ 요약 🔸 비즈니스 전략과 기술을 이해하기 같은 목표를 이루기 위해 기획자와 엔지니어의 업무를 이해 BM, 비전, 마케팅, 전체예산, 마진 등 눈에 보이는 서비스와 숨은 운영방식 등을 이해하고 조화롭게 받쳐 주기 위한 방법 🔸 사용하고 싶은 제품으로 만드는 법을 생각하기 왜, 어떻게 무엇을 생각하며 플로우를 바꿔보기도 하고 사용성 테스트(UT)를 해보며 사용자가 제품 사용을 멈추지 않도록 재빠른 대응이 필요함. 이때 디자이너는 프로토타입을 통해 서비스의 모든 과정을 설계하고 고객이 느끼기에 가치 있는 경험인지를 결정할 수 있어야 함. 질문 예시 왜 우리 서비스를 사용해야 하나 어떤 환경에서 우리 제품을 사용하나 사용하지 않는다면 무엇 때문에 혹..

1. 서비스 선정 - 미리캔버스 디자인 작업을 빠르게 하기 위해 자주 사용했던 서비스 미리캔버스 : 템플릿을 활용하여 디자인 작업을 구성하는 웹 서비스 2. UI/UX 디자인 분석 화면 구성 메인 화면은 직관적인 버튼으로 ‘바로 시작하기’와 ‘템플릿 보러가기’로 구성 템플릿별로 다양하기 때문에 복잡할 수 있지만 메인에는 인기 카테고리 위주로 보여준다. 타입별로 보는 카테고리들은 직관적으로 보여 빠르게 선택할 수 있다. 대신 각 카테고리 페이지로 들어갔을 때는 이미지로만 나열되어 있어 쉽게 고르기 어렵다. 검색을 통해 템플릿을 고를 수 있지만 아직 다양하지 않아 갯수가 적음. 한 장의 이미지일 때는 상관이 없지만 여러장의 이미지 템플릿에 경우 전부 클릭해서 봐야한다. 3. 개선 아이디어 검색바와 함께 필터..

🔗 출처 - 알아두면 좋을 2024 UX 트렌드 3가지 🔸 생성형 AI 시대 개막 네이버, 하이퍼커넥트를 통해 생성형 AI광고 상품과 검색 서비스 큐:를 모바일에 도입 Galaxy AI is Here, 삼성 디바이스로 확대 (AI카메라, 실시간 통역, 긴 문서 요약 정리) 3. 피그마, 어도비(Firefly-이미지 제작), Canva(Magic Design-노코드 디자인) 다양한 디자인 AI 서비스 등장 📌 각종 프로그램에 생성형 AI 삽입 열풍으로 파생되는 플랫폼 시장의 시장성을 주목할 필요가 있다. 대화형 챗봇 관련 UI와 정보 중요도에 따라 유연하게 변할 수 있는 디자인 레이아웃 고려해야 할 것. 🔸 AI가 불러온 초개인화 고객 경험 네이버, 당신만을 위한 맞춤 쇼핑 블록(원하는 상품을 보다 쉽게 ..

1. 제작 1차 검색 바 및 즐겨찾기 레이아웃 제작 (오토레이어 사용) 아이콘은 플러그인 'Meterial Symbols'를 사용 상단 메뉴바와 콘텐츠 구성 레이아웃 제작 (오토레이어 사용) 이미지는 플러그인 'Unsplash'를 사용 텍스트 작성 및 완성작

🔗 출처 : MVP 디자인: 디자이너가 말하지 않는 접근 방식 ✅ 요약 🔸 MVP(Minimum Viable Product)란? 스타트업이 제품의 가장 중요한 기능에 집중하여 개발하는 초기 모델. 이는 고객의 기본적인 요구를 충족시키는 동시에, 시간과 비용을 최소화하여 시장 반응을 빠르게 측정할 수 있는 방법을 제공. 🔸 MVP(Minimum Viable Product)의 의미 및 중점 제품 아이디어를 테스트하는 간결하고 효율적인 접근 방식 불필요한 기능과 리소스 지출을 최소화 특정 고객 문제 해결 / 핵심 문제 이해 중요한 요구 사항을 충족하는 가장 간단한 버전의 제품 개발에 중점을 둠 🔸 적은 비용으로 더 많은 작업 수행 MVP 스토리가 항상 심층적인 문제 조사를 통해 처음부터 시작할 필요는 없다는 ..