[2018.12] CGEX 모바일웹

CGEX 모바일 웹

Only Desktop 버전 웹사이트로 런칭하고 나서 당연히 모바일 웹에 대한 필요성도 있었다. 애매하게 남은 12월 한 달을 어떻게 알차게 보낼 수 있을까 고민하다가 혼자서 먼저 모바일 웹을 어느정도 선까지 만들어보고 싶은 욕심이 생겼다. 디자인은 이미 어느정도 나와 있는 상황이어서 내가 나머지 페이지들을 모바일화 하는 동안 디자이너님께서 트레이드 페이지 디자인을 고도화해주셨다. 12월 안에 내가 해낼 수 있을까 걱정이 되기도 했는데 생각보다 빠르게 진행되어서 예상보다 1주일이나 당겨서 완료할 수 있었다. 

2018년 모바일웹의 목표는 일단 모바일에서 볼 수 있는 레이아웃으로 정돈한다! 였다. Balance, Order 페이지의 테이블들은 아직 반응형에 최적화 되어있지는 않다. 그런 부분을 개선하는게 2019년의 일이 될 것 같다. 모바일웹 작업에 있어서도 flex 덕을 많이 봤다. 특히 flex-direction으로 정렬을 역순으로 배열할 수 있는 점이 가장 유용했다. 

GNB가 열리는 인터랙션은 디자이너님께서 https://www.apple.com/ 을 레퍼런스로 주셨다. 애플 사이트 소스를 보면서 디테일이란 이런거구나 하는 걸 느낄 수 있었다. 

거래소 모바일 웹페이지는 정말 숫자와의 싸움이다. 폰트 사이즈가 되도록이면 10px 미만으로 가지 않길 바라지만 어쩔 수 없이 작아야만 하는 경우도 있다. 많은 것이 제한되어 있는 환경에서 가장 최상의 UI는 어떤 것일까 고민할 수 있는 프로덕트인 것 같다. 2019년의 모바일웹 개선작업이 기대 된다.