Project Overview

- Project Name

IBK 기업은행 아름다운 은퇴 리뉴얼 디자인 / 콘텐츠 디자인 / 유지 보수

- Client

IBK 기업은행

- Date

2017.03 ~ 2020.07 (진행중)

- Contribution

기사별 콘텐츠 디자인 50% / 웹진 테마 디자인 100% / 웹진 테마 퍼블리싱 100%

- Summary

출판사에서 종이잡지를 발행하면 우리 회사에서 웹에 적합하게 리디자인 한 후 웹진으로 발행하는 프로세스로 진행한 프로젝트. 초기에는 종이 잡지 디자인에 맞추어 단순하게 진행했으나 점점 시간이 지나면서 디자인 퀄리티가 올라가며 콘텐츠에 알맞은 추가 기능을 넣었다.

- Updates

01. 아름다운 은퇴 테마 리뉴얼(2020.03)

페이지 바로가기
종이 잡지 디자인을 효율적으로 옮겨오기 위한 디자인을 고안했다.
잡지 표지를 그대로 옮겨올 수 있도록 잡지와 비슷한 비율로 표지 부분과 썸네일 부분을 디자인했다. 좌우의 콘텐츠 길이가 다르기 때문에 좌측 박스는 일반적인 스크롤이 아닌 display:sticky; 효과를 주었다.
(익스플로러 지원 때문에 실제 구현은 css가 아니라 jquery를 이용했다.)

02. 투자성향 심리테스트 (2018.03)

페이지 바로가기

문제 당 예/아니오 선택에 따라 다음 문제가 정해지는 스타일의 심리테스트이다. 예/아니오 버튼을 누르면 자동으로 다음 문제로 이동한다. 모든 테스트를 끝내고 투자 성향이 정해지면 하단에 설명이 나타난다.

03. 인트로 페이지 수정(2018.10)

페이지 바로가기

보통 하나의 도메인에는 한 개의 웹진만 연결이 되어있는데, 기업은행 홈페이지 같은 경우에는 퇴직연금에 대한 페이지가 따로 아름다운 은퇴가 따로 들어있다. 따라서 다른 페이지와 다르게 메인 인트로 페이지를 따로 지정해야하는 문제가 있었는데, 페이지 내부 구조를 잘 뜯어보고 알맞은 파일을 찾아 수정하였다.
그리고 세 가지 메뉴가 가운데를 기준으로 배치될 수 있도록 기존 스타일시트를 변경하였다.