HiSTORY

하이스토리 반응형 웹 사이트

  • CLIENT

    하이스토리디앤씨

  • RELEASE DATE

  • TYPE

    반응형웹

이야기의 가치를 아는 사람들이 모여, 새로운 이야기를 써 내려가는 곳 '하이스토리 디앤씨 (HiSTORY D&C)’가 새롭게 오픈 하였습니다. 품격있는 이야기를 만들어 다양한 볼거리를 제공하는 엔터테인먼트 회사로서 누구나 쉽게 콘텐츠를 즐길 수 있도록 2depth 미만의 정보 서비스를 구성하였고, 종이비행기를 나타내는 하이스토리 디앤씨의 심볼을 활용하여 순수한 꿈과 희망을 녹여낸 매력적인 사이트로 탄생하였습니다. 하이스토리와 함께하는 아티스트와, 하이스토리가 만들어가는 아트워크로 쌓여가는 히스토리를 함께 지켜봐주세요.

사이트 바로가기

사용성을 중점에 둔 직관적이고 플랫한 레이아웃

전체적인 톤&매너는 무채색과 하이스토리의 대표 CI 컬러인 브라운 컬러를 사용하여 브랜드 아이덴티티를
효과적으로 인지할 수 있고, 깔끔하고 고급스러운 느낌을 가미하고자 하였습니다.

또한 콘텐츠를 중점적으로 보여주기 위해 불필요한 디자인 요소는 최대한 배제하고 간결한 모듈형태의
레이아웃을 사용하였으며, 최적의 사용자 이용 흐름을 고려하여 정보에 맞게 메뉴를 그룹핑하고
웹, 모바일 사이트 간 통일성 있는 UX/UI로 직관적으로 사용할 수 있도록 디자인 하였습니다.

사용자 환경에 맞춰 최적화되는 반응형웹

다양한 디바이스와 해상도를 고려한 반응형웹으로 개발되어 대부분의 사용자에게 동일한 사용자경험을 제공하며,
사이트의 유지관리 효율성을 높히고 검색엔진에 친화적입니다.

퍼포먼스 최적화형 웹

Animation on scroll, GSAP, Custom Mapbox 등을 활용하여 다양한 모션을 설계하였으며,
컨텐츠 로딩속도 최적화를 위해 lazyload방식을 채택, 페이지 간의 지연시간을 최소화 시킴으로 보다 빠르고
특별한 사용자 경험을 제공합니다.

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

심플한 내비게이션과 깔끔하고 명확한 인터페이스 활용으로 사용자 관점에서 페이지 이동을 최소화하고
편의성과 심미성 모두를 충족 시키도록 제작하였습니다.

404 에러페이지 디자인

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

만든사람들

기획
  • 안용진

    안용진

    PM
  • 정나영

    정나영

    PL
디자인
  • 이지수

    이지수

    PL
개발
  • 쇼베 니콜라

    쇼베 니콜라

    PM
  • 박수미

    박수미

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