Insight >> 프로덕트 디자이너(UXUI 디자이너)의 관점에서 바라 본 개발지식(???)
·
개인/Study
나는 UXUI 디자이너가 되겠다는 꿈을 가지고 외국어학부로 입학했던 대학교에서 컴퓨터학부로 전과를 했다.당시에는 학과장님께서... 문과생들은 적응 못한다면서 처음에 반려를 하셨다.그러나 나는.. 그들과 다르다는 것을 보여드리며 설득을 했었다. 커리어 로드맵, 전과를 하게 된 구체적인 이유, 추후 목표, 공부를 어떻게 진행할 건지 등등 단순히 취업 잘된다는 그런 이유가 아니라 나는 진짜 내가 원하는 일이었다는 것을 전달드렸고 힘겹게 전과를 할 수 있었다..! 이후 학교 생활 및 공부가 순탄했다고 하면 300% 거짓말이다.2학년으로 들어간 것이기 때문에 1학년 수업을 함께 들으며 학점관리를 해야했고 코딩의 코자도 몰랐던 나였기에 기초 지식을 쌓기 위해 추가적인 공부가 무조건 필요했었다.그런데 힘은 들었지만 ..
웹 사이트 제작 무작정 따라하기!
·
개인/Study
웹 사이트도 사실 모바일 UXUI 디자이니 큰 맥락은 동일하지만(4배수, 그리드 시스템 등) 그러나 큰 화면의 디자인이기에 감을 잡아야할 필요는 느꼈다.그래서 마디아님의 유튜브 강의로 무작정 따라해봤다!!! https://youtu.be/NX_Ow_aEeZ0?si=RDqTjuGSAXABmzIu 자주 사용하시는 그레이 컬러나 메인 컬러 들이 있고 폰트도 위계가 정해져있어서 사실 스타일 등록해서 쓸까 했는데피그마가 익숙하기도 하고 손이 빨라서 스타일 등록할까 말까 고민하다가 다 만들어버렸다ㅎㅎ...내용은 사실 중요한 건 아니라 폰트 위계정도만 잡고 더미 데이터를 다 넣지는 않았다. 내가 무작정 따라하기를 하면서 나름 배웠다고 생각한 것들은GUI에 그림자 처리를 할 땐 같은 에셋을 복사해서 밑에 넣고 블러랑 ..
Reference >> 좋았던 점, 아쉬웠던 점 Feat. 메일리, 내일배움캠프
·
개인/Study
웹사이트 제작에 대한 갈증이 있었기에 이번 기회에 진행했던 MVP 프로젝트의 랜딩 페이지를 제작을 해보고 있다.그래서 컨텐츠의 내용과 레이아웃을 참고하기 위해 다양한 서비스의 랜딩 페이지를 찾아보게 되었다.그 중 개인적으로 좋았던 랜딩 페이지를 그 이유와 함께 기록해보려고 한다. 그 전에 렌딩 페이지란 무엇인가를 먼저 알아보자!#랜딩 페이지란?어떤 목표를 달성하기 위해 만들어진 웹 페이지이다.목표의 대부분은 사용자가 '시작하기', '구독하기', '구입하기', '체험하기' 등등으로 우리의 서비스를 이용하게끔 유도하는 것이다.다양한 방식으로 흥미를 유발하고 서비스에 대한 이해도를 높여 잠재 고객들이 서비스를 이용해보게끔 하거나 구독 서비스를 유치하거나 등등을 유도하는 것이라고 할 수 있다. #랜딩 페이지에서..
UX 관점에서 CRUD를 고려하는 방법(feat. 프로덕트 디자이너 JD)
·
개인/Study
# 프로덕트 디자이너, UXUI 디자이너 요구 역량프로덕트 디자이너 또는 UXUI 디자이너 직무의 JD(Job Description)을 분석하다가 이런 자격요건을 봤다.- 데이터 CRUD를 이해하고 사용자 경험으로 원활하게 풀어낼 수 있는 분- 일럿 기존 개발된 환경 수정 및 업그레이드 개발 관련 CRUD 화면 추가 및 수정 개발자분들과 MVP 프로젝트를 하면서 CRUD에 대해 들어본 적이 있어서 낯설지 않았지만CRUD라는 단어가 JD에 있어서 뭔가 반가웠다..!!그래서 정리해보는 UXUI디자이너, 프로덕트 디자이너 관점에서의 CRUD 역량 with Chat GPT # CRUD란?생성 C(creat), 읽기 R(read), 수정 U(update), 삭제 D(delete)로 데이터의 흐름이라고 이해하면 된..
GAC 획득..!
·
개인/Study
구글 애널리틱스를 활용해보고 싶은데 뭐가 뭔지 모르니 좀 막막했었다.그래서 공부할 겸 시험을 봤다. 시험을 보면서 공부를 한 듯ㅎㅎ..문제에 나오는 개념들을 찾아보면서 기본 개념을 학습했다. 인증서를 획득보다는 진짜 실무에서 쓰면서 배우는 게 사실 더 도움이 될 것 같다~!얼른 PA툴을 써서 데이터를 분석해보고 싶은 마음이 더 강해졌다!!!
Ep. 2 세부 사항 논의 후 최종 디자인 시안 작업까지!
·
React 프로젝트
어김없이 기록해보는 '모닥모닥' 프로젝트.어 그런데 생각해보니 서비스 이름도 언급 안 하고 계속 프로젝트에 대한 얘기를 썼었네..!React 7기 트랙의 분들과 함께 제작했던 서비스의 이름은 '모닥모닥'입니다!이제 프로젝트라는 이름 말고 편의상 모닥모닥이라고 부르겠어요이렇게 된 김에 서비스 링크도 올릴테니 구경해보실래요??너무 소중한 나의 Baby인 모닥모닥 링크는 https://modak-modak.vercel.app/ 모닥모닥추억을 공유해요 친구들을 초대할 수 있어요!modak-modak.vercel.app 손길이 안 닿은 곳이 정말 0.5도 없습니다... 관리자 페이지부터 사소한 로딩 화면 디자인까지디자인관련 부분은 100% 제가 모두 담당을 했다는~여튼 그래서 오늘도 저번 글에 이어서 이렇게 회고..