![](/wp-content/uploads/2017/03/STUDIO-JT-SMATRO-MAC.jpg)
![](/wp-content/uploads/2017/03/STUDIO-JT-SMATRO-MAC.jpg)
사용자 환경에 맞춰 최적화되는 유연함
다양한 디바이스와 해상도에 맞게 최적화되는 반응형웹으로 개발하여
여러 환경의 사용자에게 동일한 사용자경험을 제공하며, 사이트의 유지관리 효율성을 높였고
검색엔진에 친화적이게 제작되었습니다.
![스마트로 디스플레이](https://studio-jt.co.kr/wp-content/uploads/2017/01/project-img-02.jpg)
오직 스마트로만의 아이콘 디자인
스마트로 아이덴티티와 서비스의 실체성을 반영한 일러스트를 제작하여 각각의 콘텐츠를 쉽게 이해할 수 있도록
서비스 고유의 시각적 특징을 반영한 아이콘을 배치하였고 GIF, Javascript, Parallax, CSS 애니메니션을
활용하여 더 나은 사용자 경험을 제공하며 콘텐츠의 몰입도를 높였습니다.
![스마트로 아이콘 1](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-1.png)
![스마트로 아이콘 2](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-2.png)
![스마트로 아이콘 3](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-3.png)
![스마트로 아이콘 4](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-4.png)
![스마트로 아이콘 5](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-5.png)
![스마트로 아이콘 6](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-6.png)
![스마트로 아이콘 7](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-7.png)
![스마트로 아이콘 8](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-8.png)
![스마트로 아이콘 9](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-9.png)
![스마트로 아이콘 10](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-10.png)
![스마트로 아이콘 11](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-11.png)
![스마트로 아이콘 12](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-12.png)
![스마트로 아이콘 13](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-13.png)
![스마트로 아이콘 14](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-14.png)
![스마트로 아이콘 15](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-15.png)
![스마트로 아이콘 16](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-16.png)
![스마트로 아이콘 17](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-17.png)
![스마트로 아이콘 18](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-18.png)
![스마트로 아이콘 19](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-19.png)
![스마트로 아이콘 20](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-20.png)
![스마트로 아이콘 21](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-21.png)
![스마트로 아이콘 22](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-22.png)
![스마트로 아이콘 23](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-23.png)
![스마트로 아이콘 24](https://studio-jt.co.kr/wp-content/uploads/2017/01/smartro-icon-24.png)
아름답고 유용하며 의미있는 디자인
스마트로를 대표할 수 있는 기업이미지를 선정하여 상단에 배치하였고 신용카드를 모티브로한
라인 박스를 활용하여 비쥬얼을 완성하였습니다.
고민하고 또 고민하면서 카피와 함께, 페이지 전체적으로 스토리텔링 방식의 인포그래픽 디자인으로
구성하여 콘텐츠의 이해도를 높이고자 노력하였습니다.
![스마트로 캡쳐](https://studio-jt.co.kr/wp-content/uploads/2017/01/pg-smartro-img.jpg)
![스마트로 모바일](https://studio-jt.co.kr/wp-content/uploads/2017/01/project-img-05.jpg)
![스마트로 포스터](https://studio-jt.co.kr/wp-content/uploads/2017/01/project-img-06.jpg)
404 에러페이지 디자인
브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다.
![스마트로 404페이지](https://studio-jt.co.kr/wp-content/uploads/2017/01/project-img-07.jpg)
어워드 수상내역
WEB AWARD KOREA : 2016 / 대기업 종합분야 우수상
DESIGNAWARDS in ASIA : 3 January 2017 / DESIGN OF THE DAY
-
2016
WEB AWARD KOREA 대기업 종합분야 우수상 -
2017
DESIGN AWARDS. ASIA DESIGN OF THE DAY
만든사람들
기획
-
정재철
-
배성민
-
정다운
-
쇼베 니콜라
-
김민서
-
정재욱
Tag