Tmoney
Responsive
website
Creative Director / kim junu
Ux.UI Designer / Lee ji
YoonDesign
Desktop, Tablet, Mobile
This project is branding
through T-money's exclusive
font. It is a project created by a
responsive promotion site with
the following content.
본 프로젝트는 티머니의 전용글꼴을 통해 브랜딩으로 이어지는 내용의 반응형 홍보 사이트 제작한 프로젝트입니다.
전용서체의 만들어진 배경과 브랜딩으로 이어지는 흐름에 따른 홈페이지의 유연한 흐름을 잡기 위해 본 프로젝트에서는
유저가 접속시 지루하지 않는 인터렉션을 통해 마지막까지 이탈하지 않도록 기획하였습니다.
![](./img/tmoney2.png)
DESKTOP
Min Width 1200px
![](./img/tmoney3.png)
Desktop Detail View
특별한 사용자 경험을
제공하는 디자인
본 디자인은 일반적인 header를 탈피, 컨셉의 맞는 아기자기한 일러스트 버튼을
통해 자신이 원하는 정보로 접근할 수 있도록 손쉽고 특별한 사용자 경험을
제공하고자 제작되었습니다.
![](./img/tmoney4.png)
TYPOGRAPHY
- 01-Headlines
- 02-Body
티머니 둥근바람
-
가나다라마바사아자차카타파하
ABCDEFGHIJKLMNOPQRSTUVWXYZ -
abcdefghijklmnopqrstuvwxyz
0123456789~*!#%&@$?-+ - Regular/EctraBold
Screen design
progress according
to device response.
디바이스 반응에 따른 반응형 그리드 시스템으로 설계합니다. 디바이스 환경에 따라
해상도가 등장하면서 다양한 크기의 해상도를 지원하는 반응형 그리드 시스템이
있습니다. 칼럼의 너비를 고정 값이 아닌 백분율로 지정하고 디바이스 별
브레이크 포인트를 지정하여 화면 크기와 방향에 맞게 레이아웃을 조정합니다.
![](./img/tmoney5.png)
Tablet Detail View
다양한 디바이스에서
동일한 사용자 경험을
제공하는 디자인
다양한 디바이스 화면에서 동일한 사용자 경험을 전달하고자
일관성있는 디자인과 모듈을 사용합니다.
![](./img/tmoney6.png)
![](./img/tmoney7.png)