Bizspring Website

회사의 웹사이트 리뉴얼 프로젝트입니다.

2013년은 플랫디자인이 광풍을 일으키고 있던 때였습니다.

스큐어모피즘에서 플랫디자인으로 시원한 바람이 불었었습니다.

 

마침 오래된 브랜드 이미지를 벗어던지고 새로운 옷으로 갈아입어야 할 타이밍이었습니다.

그렇게 준비하고 런칭한 프로젝트입니다.

 

비즈스프링 웹사이트는 플랫 디자인과 함께 스크롤 반응형 애니메이션을 도입하였습니다.

Adobe에서 출시한 Edge라는 툴을 이용하였고 2013년 당시로선 쉽게 찾아볼 수 없던 시도였습니다.

솔루션 회사이기 때문에 딱딱한 브랜드 이미지를 보유하고 있었고 이를 탈피하기 위해선 애니메이션이나 다채로운 컬러를 통해 개선이 필요하였습니다.

 

모든 아이콘은 라운드를 이용하여 솔루션 회사스럽지 않은 부드러움을 강조하였고 백그라운드는 이와는 대비되는 삼각형을 사용하여 지루하지 않도록 구성하였습니다.

회사의 모든 서비스는 저마다 다른 컬러를 적용하여 각각의 아이덴티티를 부여하였고 모든 컬러는 채도를 낮추어 친근함을 부각시켰습니다.

 

성공적인 런칭을 하기 위해선 달성해야 할 과제가 하나 있었습니다.

Adobe Edge를 이용한 스크롤 반응 애니메이션이 그것인데요.

특정 구간까지 스크롤이 되면 위치 값이 트리거가 되어 해당 섹션의 애니메이션이 재생되는 구조였습니다.

모든 서비스의 제품 소개 페이지(7개)가 그렇게 설계되었습니다.

 

이 프로젝트는 제가 디자인 팀장으로 근무하며 진행했던 프로젝트였고 1 명의 부사수 디자이너와 함께 진행하였으며,

런칭한 그 해(2013년) 웹 어워드 우수상을 수상하였습니다.

Term

2013-08-01 ~
2013-10-01

Worker

Design (본인)
HTML & CSS (본인)

Stack

HTML, Javascript

Tools & Service

Adobe Photoshop, Illustrator, Edge, Coda