Back

서울특별시교육감 조희연 홈페이지 목업

컬러값

responsive

WEB AWARD

2019년 스마트 서울 모바일 앱 공모전 웹사이트 구축

CONCEPT

창작의 꿈을 자유롭게 펼쳐라!
창작의 꿈을 자유롭게 펼칠 수 있고, 누구나 부담 없이 즐길 수 있는 공간으로 디자인하였습니다.
과감한 타이포그래피와 앱을 만드는 과정을 일러스트로 재미있게 표현하여, 서울 앱 공모전에 자유롭게 참여할 수 있도록 유도하고,
비주얼과 전체적인 콘텐츠들의 경계를 직선이 아닌 곡선을 이용해 콘텐츠들이 부드럽게 이어지도록 하여 사이트에서 자유로움을 느낄 수 있도록 하였습니다. 창조의 뜻을 가지고 있는 퍼플컬러를 메인으로 사용하고 활기차고 성공을 뜻하는 옐로우컬러를 서브 컬러로 사용하였고 전체적으로 채도를 높이고 쨍한 느낌을 주어 당당하고 즐거운 느낌을 줄 수 있도록 하였습니다.

폰트가이드 폰트가이드

  • MAIN

    #3b2fb4

  • POINT 1

    #ffcc00

  • POINT 2

    #da4835

  • SUB 1

    #ffffff

  • SUB 2

    #34323a

  • GRAY

    #f5f5f5

  • 아이콘1
  • 아이콘2

MAIN

UI/UX Detail
비주얼 바로 아래에 있는 퀵 메뉴의 경우 SNS의 이용도가 높은
요즘 시대에 맞추어 #을 사용한 해시태그 디자인과 컬러의 강조를 이용하여
클릭을 유도하여 접근성을 높이고 움직임을 이용하여 재미요소를 추가하였습니다.
타이틀의 경우 구어체와 큰 폰트를 사용하여 쉽게 내용을 파악할 수 있도록 하였습니다.

SUB PAGE

Mobile Detail
모바일 화면에 최적화될 수 있도록
여백과 폰트를 모바일에 맞게 조정했으며,
전체적인 흐름이 틀어지지 않도록
콘텐츠를 세로로 재정렬시켜
모든 내용을 세로 스크롤만으로
확인할 수 있도록 하였습니다.