sketchbook

The Design Frontier

TDF
Web renewal.

Tag
UI, UX, Responsive Web
Client
TDF
Links

Overview

온세상을 픽셀로 채우는 사람들, TDF

TDF는 작은 픽셀들을 통해 일상에 감동과 즐거움을 선사하며 픽셀아트 장르를 선도하고 있습니다.
게임 그래픽 전문 기업으로써 다양한 이용자 그룹에게 좀 더 명확하고 효과적인 정보 전달을 하고, 자유로운 표현 방식을 통해 친근함을 주고자 하였습니다.
새로운 시도와 도전을 계속하는 'The Design Frontier' 라는 이름에 걸맞게 트렌드에 맞는 감각적인 디자인으로 핵심가치를 표현하였으며
기획부터 디자인, 개발까지 사이트 구축 전 과정을 함께했습니다.

Needs

The Design
Frontier
우리는 작은 픽셀들을 이미지로 재해석하고 레이아웃과 메타포 등에
활용하여 트렌디하고 업계를 선도하는 기업의 모습을 전달했습니다.
가장 기본이 되는 가치로는 신뢰성에 방점을 두었으며 정보 전달을 위한
본문은 명확한 어미를 사용하였습니다.

Metaphoric

은유적

Reading

읽는

Joyful

재미있는

Reliable

신뢰성 있는

Project goal

Be Joyful, Be Proud, Be Simple

도트 비주얼 모티프에서 비롯한 편집적인 그리드를 사용하여 TDF가 지향하는 비전을 전달하며, '전문성 있고 업계를 선도하는 기업' 이미지를 강조했습니다.
기업의 비전과 사업내용을 효율적으로 전달하여 TDF의 브랜딩 강화 및 기업의 경쟁력을 어필할 수 있는 프리젠터 사이트로 구현하였습니다.

  • Be Joyful
    메인과 포트폴리오 부분에는 편집적 그리드와 인터렉션으로 감각적인 부분을 강조하고
    젊고 유쾌한 기업의 정체성을 확고하게 표현
  • Be Proud
    사용자에게 신뢰로 이어지고 효과적인 정보를 전달할 수 있도록
    브랜드, 포트폴리오의 효율적인 프레젠테이션이 가능한 시각적인 콘텐츠를 활용
  • Be Simple
    채용 · 프로그램 소개와 같은 정보 제공이 우선인 부분은 밝고 깔끔한 레이아웃 사용하여
    감각적이며 밝고 신뢰할 수 있는 기업임을 표현

Design System

Metaphore

도트를 확대하면 보이는 사각형을 전체 그리드 및 이미지 편집 가이드 시스템으로 활용해, 도트 그래픽을
은유적으로 보여줍니다.

Dot

Line

Grid

Design System

Color System

Design System

Icon

Point ColorCorner Round

Design System

Typography

Main Page

메인 상단에서는 동영상을 통해 사용자의 흥미를 유발하고 자연스럽게 기업의 분위기를 보여주게 됩니다.
포트폴리오 부분을 Full Screen으로 가져가 작업물을 강조하였으며 편집적 그리드와 인터렉션으로 젊고 유쾌한 기업의 정체성을 확고하게 표현하였습니다.

Sub Page

화면을 간결하고 직관적으로 구성하여 콘텐츠 내용을 효과적으로 전달하고자 했습니다.
TDF의 포트폴리오 작업물을 효율적으로 프레젠테이션 할 수 있도록 이미지 자료를 최대한 와이드하게 사용하고 다양하게 배치하였습니다.

Responsible

다양한 디바이스 환경에 최적화된 반응형 웹으로 사용자에게 동일한 UX를 제공하여
콘텐츠 내용을 쉽고 빠르게 전달합니다.

The Design Frontier
TDF

Credits

  1. Product Manager

    • Kang YuMi
    • Kim SangHoon
  2. Design

    • Kim SuBin
    • Jeon EunJeong
  3. Development

    • Baek GwangJong
    • Race
    • Kang HyeSun
    • Choi ChoHa
    • Park SooJin