Back

홈페이지 목업

컬러값

responsive

WEB AWARD

수산물온라인수출지원플랫폼 구축

CONCEPT

미디어 너머로 느껴지는 신선함, 믿을 수 있는 수산물
실제로 수출되는 제품을 풀사이즈의 배경이미지로 사용하여 K-FISH 인증 제품의 상품성을 강조하며 신뢰도를 높여주었습니다. 파랑색과 청록색을 사용하여 사이트 이용자에게 믿음을 주며 플랫폼의 발전 가능성을 나타냈습니다. 바다속과 이미지를 함께 사용하여 깨끗하고 신선한 수산물의 이미지를 어필하였습니다.

폰트가이드 폰트가이드

  • MAIN

    #2856ac

  • POINT 1

    #152a5d

  • POINT 2

    #00aabf

  • SUB 1

    #f5f6fa

  • SUB 2

    #f4f6f9

  • GRAY

    #dddddd

  • 아이콘1
  • 아이콘2

MAIN

UI/UX Detail
풀사이즈의 패널 형식을 활용해 테마관을 구성하였습니다.
패널을 통해 접근성을 높이며, 풀 사이즈의 비쥬얼 이미지는 테마관의 성격을
직관적으로 보여주며 현장감을 제공합니다.
각 패널을 활성화 시킬경우 비쥬얼 이미지가 테마관에 맞게 전환되는 효과를 적용하여
조작감을 느낄 수 있도록 하였습니다.

SUB PAGE

Mobile Detail
식품관의 접근성을 높이기위해
풀비쥬얼 형태의 UI를 유지하였습니다.
패널들을 하나로 합치고 버튼을 하단에 세로로 구성하여 조작을 쉽게 할 수 있도록 디자인 하였습니다.