프로덕트디자이너 Hailey 일기장📝

하루 계획오전09:00 ~ 10:10 : 카타 진행10:10 ~ 10:30 : 오전 스크럼, 계획서 작성집중 디자인10:30 ~ 16:00 : 강의 수강 및 개발[o] 웹퍼블리싱 3차 강의 듣기[o] 웹퍼블리싱3차 실습진행저녁17:00 ~ 20:00 : 튜터님 면담20:30 ~ 20:50 : TIL작성20:50 ~ 21:00 : 저녁 스크럼, TIL 제출, 회고오늘 한일/오늘 겪었던 문제점오늘 웹 퍼블리싱 3차 특강을 듣고 부트스트랩 활용해서 내비게이션바를 제작해보고 싶어 활용했더니 위 이미지처럼 이상해졌다.. 제대로 적용이 안된것 같았다. 그래서 계속 수정해 보다가 그냥 부스트랩 활용한 주석 지우고 다시 내가 CSS손을 봤다. 그래서 위와 같이 진행되었는데내가 왜 틀렸는지 알아냈다.  He..

인라인 스타일을 유지해야 하는 경우특정 에만 다른 스타일을 적용해야 한다면 인라인 스타일을 유지하거나, 별도의 클래스 이름을 추가해서 관리할 수 있습니다.  HTML: CSS:.custom-hr { border: none; border-top: 2px dashed #000; margin: 30px 0;}결론적으로, 공통적으로 사용하는 스타일은 CSS로, 특정 스타일만 인라인 스타일로 적용하는 것이 최적의 방법입니다. + custom-hr 이거 하나 써버렸으면 다른것도 커스텀 하고 싶을땐 어떻게 적용하는지? 궁금했는데 만약 태그를 여러 개 사용하고 각각 다른 스타일을 적용하고 싶다면, 각 에 고유한 클래스 이름을 부여하거나, 공통 클래스에 추가적인 스타일을 덮어쓸 수 있다. 방법 1: 고..

오늘의 TIL (Today I Learned)1. 웹 퍼블리싱 특강 수강오늘 강의는 웹퍼블리싱의 기본을 배우는 시간이었으며, 매우 유익하고 흥미로웠습니다.  https://replit.com/~ Sign UpBuild and deploy software collaboratively with the power of AI without spending a second on setup.replit.com2. Replit 사용한 페이지 개발Replit을 활용해 간단한 웹 페이지를 개발해보았습니다.아직 CSS 단계를 배우지 않았지만, 텍스트만 나열된 페이지가 단조로워 보여서 기본적인 CSS 스타일링을 추가해 보았습니다.페이지에 디저트 버튼을 만들어 클릭 시 디저트 페이지로 이동할 수 있도록 구현했습니다.index..

UX 개선 프로젝트 KPT 회고👏 Keep (현재 만족하고 있는 부분)팀장으로서 프로젝트를 마감 기한 내에 잘 완료하여 제출했다는 점이 만족스럽다.우선순위를 초반에 명확히 정하고, UX 개선 프로젝트의 특성상 문제 정의와 근거 마련의 중요성을 팀원들에게 지속적으로 강조했다.데이터 리서치, VOC, 뉴스, 블로그, A/B 사례 등 다양한 자료를 통해 문제 근거를 찾아내고, 이를 기반으로 UX 개선 방향성을 제시했다.오늘 발표도 잘 마무리하여 튜터님께 UX적 접근을 시도한 점을 칭찬받았다.내가 제시한 방향이 옳았다는 것을 확인하며 앞으로도 근거 기반의 설득력 있는 디자인에 집중하겠다는 다짐을 했다. 😵‍💫 Problem (불편하게 느끼는 부분)디자이너로서 UI 작업에도 손을 대고 싶은 마음이 강했지만,..

이번 프로젝트를 통해 모든 팀원들이 정말 고생 많으셨습니다. 서로 힘든 부분도 있었겠지만, 협력하며 프로젝트를 완수해 낸 점에 대해 진심으로 감사드립니다. 특히 팀원들 간의 피드백과 노력 덕분에 결과적으로 좋은 경험을 할 수 있었습니다.8조 팀  _KPT 회고 👏🏻 Keep (현재 만족하고 있는 부분)피그마 실력이 전반적으로 성장해 원활한 작업이 가능해진 것→ 모두 같은 부트캠프 학습 후 실력이 비슷한 정도까지 성장해 작업 시 원활하고 이전보다 빠르게 작업이 가능해져서 만족스러웠다.좋은 팀원분들을 만나 팀 프로젝트를 완수한 것이 만족스럽다.→ 팀원 간의 융통성과 배려심이 돋보여 원활한 협력 환경 조성서로 다른 의견도 열린 마음으로 수용하며, 갈등 없이 해결할 수 있는 능력상호간의 존중에서 나오는 배려..

TIL (Today I Learned)오늘은 배달특급 앱 서비스 개선을 위해 작업을 진행했다. 특히 앱의 강점 중 하나인 지역화폐 결제 가능 서비스를 강조하고 사용자 편의성을 높이는 방안을 구체화했다.오늘 작업 내용 및 고민:지역화폐 결제 카테고리 추가지역화폐로 결제 가능한 가게를 첫 번째 카테고리에 배치해 사용자가 쉽게 접근할 수 있도록 개선.UT 인터뷰에서 지역화폐 결제가 가능한 가게를 찾는 데 어려움을 느낀다는 문제점이 발견되었고, 이를 통해 기존 카테고리의 시인성과 접근성을 높이기 위한 필요성을 파악.VOC에서 확인된 "지역화폐 서비스를 더 부각시켜달라"는 니즈를 반영하여 메인 카테고리에서 해당 기능을 강조함. AS-IS & TO-BE 작성AS-IS: 지역화폐 결제 카테고리가 눈에 띄지 않고, 필..

TIL (Today I Learned)오늘은 문제점을 세분화하여 주제별로 그룹화하고, 이를 기반으로 문제 정의를 진행하였습니다.문제 정의 이후에는 각 문제에 대한 문제 근거를 도출했으며, VOC(Voice of Customer) 근거가 없는 경우, UT(사용성 테스트) 인터뷰 데이터를 근거로 활용하였습니다. 또한, 이를 보완하기 위해 데이터 리서치(뉴스 및 관련 자료)를 통해 근거를 명확히 하고자 노력하였습니다.문제 우선순위를 참고하여 홈페이지, 가게 리스트 페이지, 메뉴 상세 페이지, 리뷰 페이지를 중심으로 UX 개선을 진행하기로 결정했습니다.홈페이지:팀원들과 함께 디자인 시스템 제작을 통해 디자인의 통일감을 확보하기로 하였습니다.역할 분담:각자 맡은 페이지와 역할을 나누어 진행하며, 내일 빠르게 디자..

오늘 A, B 참가자 분들과의 사용성 인터뷰(UT)를 완료하고, 저녁 8:10에는 C 참가자 분과 인터뷰를 진행했습니다.참가자 분들의 협조 덕분에 문제 정의의 근거와 인사이트를 잘 도출할 수 있을 것 같습니다.   어제 튜터님께 받은 피드백을 바탕으로, 결제 위주의 기능명을 작성하는 대신 유저 플로우의 목표를 정의하며 기능을 조금 더 추가해보는 방향으로 진행했습니다. 특히, 지역화폐 결제 유저 플로우와 관련된 부분은 결제 과정에서 외부 앱을 다운로드받아야 하는 구조적 문제가 있어, 우리가 UI/UX 관점에서 직접 개선하기 어려운 영역으로 판단했습니다.대신, 메뉴 및 가게 리스트와 썸네일 레이아웃, 판매 제품(음식) 이미지와 같은 배달 앱의 본질적인 부분을 개선하는 데에 집중하기로 했습니다. 이전에 A/B..