TUBAN WORDPRESS

투바앤 공식 홈페이지 반응형웹 제작 사례

  • CLIENT

    주식회사 투바앤

  • RELEASE DATE

  • TYPE

    반응형웹, 다국어, CMS

애니메이션 '라바'의 제작사로 잘 알려진 투바앤의 국/영문 공식 웹사이트를 워드프레스 반응형웹으로 제작하였습니다. 먼저, '세상에서 가장 흥미로운 채널' 이라는 키워드를 도출하여, 티비 채널변경을 모티브로 한 화면전환 및 동영상 전환효과를 구현하였습니다.
페이지 깜박임 없는 자연스러운 화면전환이지만 검색엔진최적화(SEO)에 패널티가 없도록 별도의 디테일 개발이 있었습니다. 영상 전환시 지지직거리는 효과를 구현하기 위해 WebGL과 Three.js를 사용해 구축하였습니다.

투바앤 공식홈페이지는 앤어워드 2016 Specialized Company 분야 GRAND PRIX를 수상했습니다.

사이트 바로가기새창 열기

사용자 환경에 맞춰 최적화되는 유연함

다양한 디바이스와 해상도에 맞게 최적화되는 반응형웹으로 개발하여
여러 환경의 사용자에게 동일한 사용자경험을 제공하며, 사이트의 유지관리 효율성을 높였고
검색엔진에 친화적이게 제작되었습니다.

투바앤 디스플레이

독특한 일러스트 스타일

"TUBAN WORLD"라는 가상세계를 생각하여 투바앤만의 독특하고 재밌는 발상을
표현하고자 하였습니다.

비디오필름 아이콘
눈 아이콘
종이비행기 아이콘
1단 나무 아이콘
코 아이콘
분홍 머리 사람 아이콘
3단 나무 아이콘
과녁 아이콘
전구 아이콘
노란 머리 사람 아이콘
비디오카메라 아이콘
안경 착용한 사람 아이콘

투바앤 일러스트

아름답고 유용하며 의미있는 디자인

'세상에서 가장 흥미로운 채널' 에 맞게 TV의 사각프레임을 모티브로 하여 전체적인 레이아웃을 구성하였고
생각의 틀을 깬다는 의미로 일반적 레이아웃의 기본틀을 깨고 자유롭운 편집스타일로 디자인 하였으며
맞춤 일러스트 아이콘을 제작하여 방문자의 기억에 남는 독특한 사이트를 완성하였습니다.

투바앤 캡쳐 투바앤 모바일 투바앤 라바

404 에러 페이지 디자인

브라우저 기본 404페이지는 지루하고 도움이 되지 않습니다.
맞춤 제작 404페이지로 에러페이지에 대한 방문자의 스트레스와 이탈률을 줄였습니다.

투바앤 404페이지

어워드 수상내역

&Award : 2016 / SPECIALIZED COMPANY 분야 GRAND PRIX

  • 2016

    &AWARDS
    &AWARDS GRAND PRIX

만든사람들

디자인
  • 정다운

  • 이경진

개발
  • 쇼베 니콜라

primary mask
secondary mask
Loading 패러글라이딩 로딩중 패러글라이딩 로딩완료
Loading 발레 로딩중 발레 로딩완료
Loading 슈퍼맨 로딩중 슈퍼맨 로딩완료
Loading 캐논맨 로딩중 맨 로딩완료 캐논 로딩완료