sketchbook

Reading
and Interpreting
the Earth

Tag
Motion, Scroll Animation
Client
DABEEO
Links

Overview

Digital
Transformation

다비오는 지구 내 공간 Digital Transformation을 목표로
디지털 공간정보와 응용 서비스를 제공하고,
공간정보 생성 및 분석을 위한 AI 기술을 개발하는 기업입니다.
브랜드 아이덴티티 강화와 함께 고객과의 접점 포인트를 넓힐 수 있도록
공식 홈페이지 개편을 진행했습니다.

Target & Needs

What we need

다비오 서비스의 타겟은 국내 80%, 해외 20% 비율이며 국내 타겟의 범위 또한 광범위하기 때문에
타겟을 한정 짓기 보다는 그룹화하여 공통 니즈를 파악합니다.

Target
타겟 공통 Needs
공간데이터에 대해 모르는 비전문가의 비율이 높음
공간정보를 활용하여 서비스에 대한
사용자들에게 어떤 혜택을 줄 수 있는 지 궁금해 함
공간 데이터를 지도정보, 분석정보 뿐만 아니라
마케팅에 활용하고 관리할 수 있는 지 알고 싶어함

비전문가의 비율이 높은 점을 고려하여 서비스의 활용 범위를 시각적으로 보여주어
서비스에 대한 이해도를 높이고, 신뢰할 수 있는 기업임을 전달하도록 합니다.

Our Goal

Readour story,We'll be more connected

지구를 읽고 해석하는 다비오 서비스의 가치를 담아
사용자가 다비오의 스토리를 읽고 더 긴밀하게 연결되도록 하는 것을
목표로 설정합니다.

Design Keyword

More Connected
  • Story

    콘텐츠가 자연스럽게
    이어지는 스토리로 구성합니다.

  • Connected

    인터랙션을 활용하여
    연결감 있게 디자인합니다.

  • Intuitive

    서비스를 시각적 요소를 활용하여
    직관적으로 표현합니다.

Design
System

Color

다크한 컬러를 사이트 전체의 배경에 활용하여 몰입도 있는 무드를 연출합니다.
다비오의 아이덴티티 컬러인 블루를 새롭게 해석하여 라이트, 다크, 블랙의 세 단계로 활용합니다.

Typography

산세리프체를 사용해 콘텐츠의 가독성을 극대화하여 표현합니다.
서체의 일관된 사용으로 사용자에게 메시지를 효과적으로 전달합니다.

Graphic

다비오의 서비스를 시각적인 그래픽 요소로 풀어냅니다.
각 요소가 이어지도록 인터랙션을 주어 서비스 간의 연결성에 대한 이해도를 높였습니다.

Reading and Interpreting the Earth
Main Page

몰입도 있는 톤 앤 매너를 바탕으로 점에서 원의 지구형태로 확장되는 인터랙션을 사용하여
전체 콘텐츠를 연결하는 하나의 스토리를 전달합니다.

About Page

다비오에 대한 소개부터 연혁까지 자연스럽게 이어지는 인터랙션으로 구성했습니다.
하단에는 contact로 연결되는 버튼을 배치해 사용자와의 접점 포인트를 확장했습니다.

Product Page

제품 설명, 사용 예시, 추천분야 등 GIF, 이미지, 아이콘, 도표와 인터랙션을 활용하여
지루하지 않고 누구나 쉽게 읽힐 수 있도록 구성했습니다.

Industries Page

카테고리별로 분류하여 원하는 CASE를 직관적으로 찾아볼 수 있도록 설계합니다.
스크롤 고정 메뉴를 활용하여 원하는 파트로 빠르게 이동하도록 구성했습니다.

Mobile

Reading
and Interpreting
the Earth

공간정보의 디지털화로 일상에 유익함을 더합니다

Credits

  1. Product Manager

    • Kang YuMi
  2. Design

    • Han SeHui
    • Kim SuBin
  3. Development

    • Race
    • Hwang Gyunghyun
    • Kang HyeSun
    • Choi ChoHa