나스미디어 웹사이트 제작 프로젝트 히어로 비주얼
nasmedia RENEWAL

나스미디어 웹사이트 제작

  • CLIENT

    나스미디어

  • RELEASE DATE

  • TYPE

    워드프레스

2020년 3월 13일 창립 20주년을 맞이하여 나스미디어 웹사이트를 새롭게 리뉴얼하였다. 리뉴얼된 나스미디어 웹사이트는 국내 최대 미디어 렙사로서의 아이덴티티 강화를 위해 브랜드 컬러와 비전(No. 1 Digital Media Lab)을 활용하여 제작되었다. 나스미디어의 메인은 사용자 편의성과 새로운 경험을 위해 일반적인 Hiearachy 구조를 탈피하여 직관적이고 손쉽게 서브 페이지에 접근할 수 있는 구조로 제작하여 타사와 차별화된 UI를 제공하였다. 또한, 효과적인 UX를 위해 다소 복잡하고 어렵게 느껴지는 광고문의 절차를 간소화하여 One Page 방식으로 제작하여 직관적이고 손쉽게 광고 문의를 할 수 있는 사용자 경험을 제공하였다. 전반적으로 타이포그래피와 브랜드 아이덴티티 컬러를 사용한 디자인을 통해 나스미디어만의 컴팩트한 UI 구현하였다. 자연스러운 모션 스크립트를 다양한 부분에 적용함으로써 콘텐츠 관심도 및 몰입감을 높였다.

사이트 바로가기새창 열기

No.1 Digital Media Rep,
국내 최대 디지털 미디어 렙

아이덴티티인 원을 활용한 다양한 디자인으로 나스미디어의 브랜드를 강화시킬 수 있도록 디자인하였습니다.

나스미디어 웹사이트 제작 상세 이미지 1

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

나스미디어가 가진 브랜드 아이덴티티를 극대화 시킬 수 있도록 그래픽 요소를 적극 활용하였고,
사용자 관점의 UX로 단순히 시각적인 즐거움 뿐만 아니라 사용의 편리함까지 고루 갖출 수 있도록 하였습니다.

나스미디어 웹사이트 제작 상세 이미지 2 나스미디어 웹사이트 제작 상세 이미지 3

오직 나스미디어만의 아이콘과 그래픽 모션

나스미디어의 브랜드 컬러를 사용한 직관적인 아이콘을 제작하여
일반 사용자들이 이해하기 어려운 전문용어가 사용된 정보를 한눈에 알기 쉽게 하였고,
아이덴티티를 활용한 다양한 그래픽 요소는자칫 지루해 질 수 있는 정보를 재미있게 풀어줍니다.

나스미디어 웹사이트 제작 상세 이미지 4

관리가 용이한 가이드 시스템과 군더더기 없는 디자인

사이트 관리자가 정보를 추가, 수정하기 용이하도록 제작된 가이드 시스템은
최고의 성과를 위해 끊임없이 진화하는 나스미디어의 목적에 맞게 구성되었으며,
컨텐츠의 이해와 내용전달이 효과적일 수 있도록 군더더기 없이 깔끔하게 디자인하였습니다.

나스미디어 웹사이트 제작 상세 이미지 5

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

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

나스미디어 웹사이트 제작 상세 이미지 6

404 에러 페이지 디자인

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

나스미디어 웹사이트 제작 상세 이미지 7

어워드 수상내역

&AWARD : 2020 / Major Company / WINNER

만든사람들

기획
  • 이미진

    PM
  • 정유하

    PA
  • 양승오

    QA
  • 김정태

    SEO
디자인
  • 정다운

    PM
  • 송유진

    PL
  • 박소현

    motion
  • 이지수

    PA
  • 박연아

    PA
  • 이승은

    PA
개발
  • 쇼베 니콜라

    PM
  • 김민석

    PL
  • 정동영

    PA
  • 김채희

    PA
  • 정재욱

    PA
  • 이영일

    PA
  • 김민서

    PA
Loading
Loading
Loading
Loading