![](/wp-content/uploads/2017/03/studiojt-mmb-mac-img.jpg)
![](/wp-content/uploads/2017/03/studiojt-mmb-mac-img.jpg)
사용자 환경에 맞춰 최적화되는 반응형웹
다양한 디바이스와 해상도에 맞게 최적화되는 반응형웹으로 개발하여
여러 환경의 사용자에게 동일한 사용자경험을 제공하며, 사이트의 유지관리 효율성을 높였고
검색엔진에 친화적이게 제작되었습니다.
![마이몰박스 디스플레이](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-CONTENTS.jpg)
일러스트 디자인과 애니메이션
마이몰박스의 아이덴티티와 서비스의 실체성을 반영한 일러스트를 제작하여 각각의 콘텐츠를 쉽게 이해할 수 있도록
서비스 고유의 시각적 특징을 반영한 아이콘을 배치하였고 GIF, Javascript, Parallax, CSS 애니메니션을
활용하여 더 나은 사용자 경험을 제공하며 콘텐츠의 몰입도를높였습니다.
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-01.gif)
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-02.gif)
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-03.gif)
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-04.gif)
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-06.gif)
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-05.gif)
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-07.gif)
![마이몰박스 GIF](https://studio-jt.co.kr/wp-content/themes/studio_jt/images/sub/project_view/gif_gallery/mymallbox-08.gif)
아름답고 유용하고 의미있는 디자인
마이몰박스의 고유컬러는 유지하고 새로운 일러스트 스타일을 개발하여 친근함을 상승시키고 시각적 커뮤니케이션을 돕도록 했습니다. 또한 글로벌 사용자의 UX를 고려하여 현지 사용성 테스트를 거쳐 고도화 된 디자인 개발을 진행했습니다.
![마이몰박스 캡쳐](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-05.jpg)
![마이몰박스 모바일](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-MOBILE.jpg)
![차 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_01.jpg)
![옥수수 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_03.jpg)
![라이터 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_05.jpg)
![열쇠고리 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_07.jpg)
![동전 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_09.jpg)
![휘발유 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_11.jpg)
![명함 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_13.jpg)
![병 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_15.jpg)
![아래방향 엄지 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_33.jpg)
![스프레이 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_35.jpg)
![배지 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_37.jpg)
![녹용 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_39.jpg)
![캔 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_41.jpg)
![알약 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_43.jpg)
![모니터 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_45.jpg)
![백 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_47.jpg)
![가방 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_65.jpg)
![전구 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_67.jpg)
![지갑 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_69.jpg)
![병 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_71.jpg)
![엄지 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_73.jpg)
![향수 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_75.jpg)
![총 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_77.jpg)
![하트 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_79.jpg)
![돈 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_97.jpg)
![연필 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_99.jpg)
![메시지 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_101.jpg)
![비행기 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_103.jpg)
![그래프 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_105.jpg)
![사람 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_107.jpg)
![명함 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_109.jpg)
![벨 아이콘](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-03_111.jpg)
404 에러페이지 디자인
브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다.
![마이몰박스 404페이지](https://studio-jt.co.kr/wp-content/uploads/2017/01/studio-jt-mymallbox-404.jpg)
어워드 수상내역
& AWARDS : 2016 / SPECIALIZED SHOPPING 분야 GRANDPRIX
-
2016
&AWARDS GRAND PRIX
만든사람들
기획
-
배성민
-
정다운
-
김정현
-
쇼베 니콜라
-
김민서
Tag