designer-mk 님의 블로그

이번에도 벌써 여섯째주가 지나갔다. 8주 중 6째주라니! 앞으로 2주가 남았는데 남은 인턴 기간동안 맡은 홈페이지 디자인을 잘 마무리했으면 좋겠다. 일이 계속 있어서 일주일 내내 홈페이지 UI를 만들었다. 처음에는 금방 할 수 있을 것이라 생각했는데 생각보다 작업이 오래 걸렸다. 따로 PM분이 계신게 아니라 전달사항이 오는대로 만들고 그걸 바탕으로 피드백 받고 고치느라 시간이 더 걸린다고 느꼈다. 디자인 작업을 진행할때 이미 정해진 부분들이 있는 상태에서 디자인을 해왔어서 그런지 이런 경우에는 어떻게 작업하는게 더 효율적일지 고민이 되었다. 반응형으로 작업하다 보니 모바일 상태일때 컴포넌트가 어떻게 보일지도 같이 고민하느라 시간이 좀 더 걸린 것 같기도 하다. 무엇보다 하루 5시간만 근무하다보니 연속적..

벌써 5주차가 지나갔다. 8주 중 반 이상을 근무했는데 이전보다 더 적응한 것 같아서 다행이다. 매일 출근해서 앞으로 디자인할 화면을 정리하고 레퍼런스를 찾으며 바로 시안작업을 들어갔다. 기존에는 서비스의 UXUI를 설계해왔지만 인턴을 하면서 웹 홈페이지를 디자인하는데 생각보다 시간이 걸렸다. 특히 반응형을 고려하다보니 각 컴포넌트가 브레이크 포인트별로 어떻게 보일지 생각하면서 디자인해야했다. 하루 근무 시간이 5시간이다보니 속도가 잘 나지 않는 것 같다고 느끼기도 했다. 그래도 어찌 메인화면과 상세화면 하나를 마쳤다. PC기준으로 작업하고 모바일 화면을 작업하는데 각 디바이스별로 어떻게 컴포넌트를 관리하는지 궁금해졌다. 아쉽게도 내부에는 개발자분 밖에 안계셔서 먼저 의견을 구했고, 이후 스스로 찾아보면..

8주차 중 4주차가 지나갔다. 벌써 출퇴근한지 한 달이 되었다. 집이 너무 멀어서 왕복 4시간 반을 어떻게 버티나 싶었는데, 어떻게 한 달이 지나갔다. 이번주는 본격적인 디자인 작업을 계속 진행했다. 보통은 모바일 기준의 화면을 진행했었고 서비스 홈페이지보다는 진짜 사용자가 사용할 메인 UI들을 그렸는데, 8주 동안은 홈페이지 작업이 주가 될 것 같다. 반응형 랜딩페이지를 만들다보니 각 디바이스별 브레이크 포인트를 고민해야했다. 반응형 작업을 많이 해보진 않아서 만드는데 조금 감이 안잡혔던 것 같다. 그래서 예전에 연습했던 피그마 화면과 친하게 지냈던 다른 디자이너분께 도움을 요청드려서 대략 감을 잡았다. 당장은 PC 버전으로 작업을 진행했고 배경에 애니메이션이나 영상효과가 들어갈 랜딩페이지를 작업하게 ..

벌써 셋째주가 끝났다. 이번주에는 드디어 피그마 계정을 받았다. 프로 계정으로 사용하고 개발자분들을 시트에 초대해드렸다. 지난주와 마찬가지로 SaaS 레퍼런스를 찾으면서 UI를 익히다가 대표님과 또 회의를 진행했다. 이번에 진행한 회의는 좀 더 본격적으로 내가 할 일들에 대해 알 수 있었다. 그리고 대표님이 생각하시는 앞으로의 비전과 방향성에 대해서도 들을 수 있었다. 일단 현재 진행하고 있는 메인 서비스는 이대로 마무리 짓고 대표님께서 계속 영업을 뒤셔서 유저를 늘리는 것에 중심을 둘 것 같다. 그래서 버전 1에서 디자인 할 일은 없거나 아주 최소화 될 것 같다. 병렬식으로 이외의 서비스를 구상중이신데, 하나는 버전 1의 확장버전이고 다른 하나는 아예 다른 서비스를 구상하고 계신 것 같았다. 나는 확장..

이번주도 벌써 빠르게 끝났다. 2주 동안 출근하면서 그래도 빠르게 적응한 것 같다. 월요일에는 새로운 인턴분께서 들어오셨는데, 개발자분의 친구셨다. 이분도 개발자시고 백엔드를 하시는 분이신데 프론트도 같이 하셨다고 말씀 주셔서 앞으로 같이 협업하면서 모르는 것을 많이 여쭤보고 서비스를 고도화할 것 같다. 지난 일주일동안 리서치 후 팀장님께 보고 드렸던 자료를 공유하는 시간을 가졌는데, 이후에 도움이 많이 되었다고 해주셔서 뿌듯했다. 이번주도 지난주에 이어 리서치를 많이 한 것 같다. 주로 기존에 출시하려고 했던 SaaS를 둘러보면서 서비스의 플로우를 이해하는 것이 주된 업무였다. 수출의 플로우를 이해하고 그 과정에서 어떤 작업들이 이루어지는지 찾아봤는데 생소한 분야라서 한 번에 이해하는 것이 어려웠다...

드디어 첫 출근을 했다. 기업이 집하고 정말 멀어서 ktx를 타고 출근했다. 지난번 인턴때도 똑같이 ktx를 타고 출근했는데, 이번에는 그보다도 더 먼 곳으로 출근하게 되었다. 내가 가게 된 곳은 해상무역 수출과 관련된 B2B기업인데, B2B 툴을 직접 다뤄보는 것은 처음이었다. 첫 날 도착해서 간단히 소개를 하고 이후 팀장님께서 회사 서비스에 대해 전반적인 소개를 해주셨다. 워낙 바쁘게 굴러가는 스타트업이고 입사한지 얼마 안되신 분도 또 계셨다. 또 디자인 팀원분이 계시진 않았고, 팀장님도 디자인과 개발쪽으로 잘 아시는 분이 아니셔서 스스로 배우고 알아가야 할 것이 많았다. 그래도 팀원분들은 모두 반갑게 맞이해주셨고, 모르는 것이 있으면 물어봐도 된다고 친절히 말씀해주셔서 일주일밖에 안지났지만 빠르..

오늘은 교육의 마지막 날이었다. 벌써 일주일이 이렇게 갔다. 온라인으로 교육을 들어서 시간이 유독 더 빨리간다고 느낀 것 같다. 오늘은 오전에 인턴으로 출근하기전 중요한 사항들에 대해 전달받고, 오후엔 피그마로 실습하는 것 보다는 강사님과 질의응답하고 포트폴리오를 만드는 방법에 대해 집중한 날이었다. 오전부터 이제 정말 담주부터는 출근하겠다는 생각이 들어 새삼 실감이 났다. 오후 질의응답 시간엔 굉장히 다양한 질문이 많았는데, 정성스럽게 답변해주시는 강사님께 감사했다. 포트폴리오를 만드는 방법부터 회사와 취업에 관련된 내용까지 정말 다양했고, 참여하는 사람들도 많아서 각자의 배경도 진짜 다양했다.그 내용들을 보면서 이미 현직에서 일해본 사람들도 있었고, 아직 학생인 사람들도 있어서 흥미로웠다. 개인..

벌써 교육이 4일차가 지나갔다. 내일이 마지막 날인데 정말 시간이 빨리 간 것 같다. 오늘은 반응형 웹사이트를 적용하는 것을 집중으로 실습했다. 총 두 가지 방법으로 연습했는데 하나는 직접 프레임에 쌓아서 만드는 방식이었고, 두 번째는 피그마 그리드 기능을 이용해서 연습했다. 반응형으로 움직일 컴포넌트를 오토레이아웃으로 묶고 wrap 기능을 이용해 카드 리스트를 정리하는 방식을 사용했다. 피그마에 그리드 기능이 업데이트 되기 전까지 계속 사용했던 방식이라서 아직은 이 방식이 더 편한 것 같다. 예전에 피그마가 기능 업데이트 해주기 전까진 반응형으로 이미지를 늘렸을 때 비율에 맞게 늘어나지 않아서 aspect ratio라는 플러그인을 썼었는데 지금은 플러그인 없이도 피그마 기능으로 구현할 수 있는 것 같..

벌써 교육 5일차 중 3일차가 지나갔다. 시간이 정말 빠르게 가는 것 같다. 오늘은 피그마에서 디자인 시스템을 주로 실습했다. 직접 컴포넌트를 만들고 컬러와 폰트 등을 베리어블에 적용하는 연습을 했는데, 까다로운 부분이 있었다. 내일 어떤 부분을 배우게 될진 잘 모르겠지만, 아마 오늘 배운 내용이 가장 까다롭지 않을까 싶었다. 같이 했던 팀원분들도 어려운 내용이라 그런지 잘 따라가지 못한 경우도 있어서, 같이 도와주면서 과제를 진행했다. 사이드 프로젝트를 하면서 디자인 시스템을 만들고 이를 토큰화 하는 작업을 하고 있었던지라, 그래도 나는 수월하게 진행한 것 같다. 기존에 컬러와 폰트는 베리어블에 적용해봤는데, 래디우스 값이나 패딩 값 등도 다 넣을 수 있다는 것을 알게 되었다. 네이밍 규칙 중 '..

오늘은 교육 2일차였다. 어제 팀원들이 정해졌는데, 실질적인 협업은 오늘부터 하게 되었다. 지난 6기의 경우 교육 기간이 2주라서 그런지 실제 프로젝트를 하나 할 수 있었는데, 이번에는 짧아서 프로젝트를 하는 것은 아니었다. 5명의 팀원들과 함께 불편한 서비스를 하나 선정하고 문제정의 및 컴포넌트를 만드는 것이 과제였다. 문제정의는 UXUI 디자이너로서 중요하게 다루는 부분이기에 연습처럼 진행하기 위한 과정이었다. 팀원들과 각자 30분 동안 사용하고 있는 서비스를 둘러보고, 거기서 불편한 지점을 가지고 피그마에 옮기기로 했다. 총 5개의 서비스를 살펴보면서 서로 의견을 나누었다. 익숙한 서비스도 있었지만, 잘 몰랐던 서비스가 더 많았고 이 기회에 다양한 서비스를 알게 되었다. 나는 SKT 유저라 T 멤..