디자인 개선하기!
드디어 Calit 프로젝트도 마지막 개발 주차에 접어들게 되었다.
마지막 주차 시작 전, 운이 좋게도 팀원분께서 현업 디자이너분께 Calit 프로젝트의 디자인을 컨펌받을 수 있는 기회가 생겼다!
그분께서 지적하신 내용은... 머리부터 발끝까지...!!!!!
개발자들끼리 괜찮다고 생각한 부분들은, 우리야 해당 버튼 및 입력창이 어떤 역할을 하는지 다 알고 있기 때문에 문제가 없었지만,
처음 사용하는 유저들이 사용하기에는 애매모호만 문제가 많았기도 했었다.
또한 UI UX 또한 처음부터 뜯어 고치는 작업을 시작하게 되는데...!!!
개선 전
기존 디자인
개선 후
개선한 디자인
디자인 변경사항
전체적인 디자인 변경 사항들은 아래와 같다!
- 메인 컬러 변경
- 빨강 -> 보라
- 반복되는 컴포넌트들의 padding, margin, font, border 속성 통일
- 아이콘 사이즈 통일
- 메인 폰트 변경
- 눈의 피로를 경감하기 위해 배경색 변경
- 경계를 구분짓던 box-shadow 속성을 제거하고 border 및 background-color를 이용해 컴포넌트 간 구분할 수 있도록 변경
운이 좋게도 좋은 디자인 감각을 지니신 팀원 덕분에 컨펌의 요구사항에 알맞는 좋은 디자인이 빨리 나올 수 있었고, 개발의 마지막 주는 사소한 버그 픽스 및 디자인 작업만 계속 진행했다.
개발 마무리 및 배포
마지막 개발 일정이였던 디자인 마무리 및 QA 이후, 이제 프로젝트를 공식적으로 배포하기로 했다!
다음 글에서, Calit 프로젝트의 마무리를 작성해야겠다.
다양한 경험을 통해 성장하는 개발자, 이영욱 입니다.