로고

한국소방마이스터고등학교 홈페이지 구축

UI/UX - Hompage RENEWAL

Project

한국소방마이스터고등학교

  • Client

    한국소방마이스터고등학교

  • Date

    2024

  • Type

    반응형

학교의 정체성과 비전을 효과적으로 전달하고, 학생·학부모·교직원 등 다양한 이용자들이 쉽고 편리하게 정보를 얻을 수 있도록 기획하였습니다.

특히, 학교의 로고 색상을 적극적으로 활용하여 홈페이지 전체에 통일감과 브랜드 아이덴티티를 부여하였습니다. 로고의 주조색을 메인 컬러로 사용함으로써, 학교만의 고유한 이미지를 강조하고, 방문자들에게 강렬하고
긍정적인 첫인상을 전달하고자 하였습니다.

또한, 밝고 화사한 색감과 직관적인 레이아웃을 적용하여, 홈페이지를 이용하는 모든 사용자가 쾌적하고 즐거운 경험을 할 수 있도록 디자인하였습니다. 주요 정보는 한눈에 들어오도록 배치하고, 시각적 요소를 적절히
활용하여 정보 전달의 효율성과 가독성을 높였습니다.

Project Objectives

  • 01

    " 브랜드 아이덴티티를 담다 "

    학교의 로고 색상과 시각적 요소를 적극적으로
    활용하여, 마이스터고등학교만의 고유한 브랜드
    이미지를 홈페이지 전반에 녹였습니다. 이를 통해
    방문자에게 학교의 정체성과 비전을 명확하게
    전달하고, 자부심을 느낄 수 있도록 하였습니다.

  • 02

    " 모두를 위한 쉬운 접근성 "

    학생, 학부모, 교직원 등 다양한 사용자가 쉽고
    편리하게 정보를 찾을 수 있도록 직관적인 레이아웃과
    사용자 친화적인 네비게이션을 구현하였습니다.
    누구나 손쉽게 원하는 정보를 얻을 수 있는 열린 소통
    공간을 목표로 하였습니다.

  • 03

    " 밝고 활기찬 미래를 그리다 "

    밝고 화사한 색상과 생동감 있는 디자인을 적용하여,
    마이스터고등학교의 창의적이고 미래지향적인
    이미지를 시각적으로 표현하였습니다. 긍정적이고
    활기찬 분위기를 통해, 학교 구성원 모두가 희망찬
    미래를 꿈꿀 수 있도록 하였습니다.

Homepage Design

화면

사용자 중심의 직관적인 UI/UX

학생, 학부모, 교직원 등 다양한 사용자가 쉽고 빠르게 원하는 정보를 찾을 수 있도록,
직관적인 메뉴 구조와 가독성 높은 디자인을 적용하였습니다.
접근성을 높여 이용자 만족도를 극대화하였습니다.

반응형 디자인의 적용

PC, 태블릿, 모바일 등 다양한 디바이스에서 최적화된 화면을 제공하는
반응형 웹 디자인을 적용하여, 언제 어디서나 편리하게 홈페이지를
이용할 수 있도록 하였습니다.

화면
타이틀

MENU

학교 홈페이지는 누구나 쉽게 이용할 수 있도록 심플하고
일러스트 아이콘이 돋보이는 디자인으로 제작하였으며,
학교의 브랜드 가치를 효과적으로 전달하는 데 중점을 두었습니다.

화면
화면
타이틀

LOGIN

로그인 페이지는 사용자가 안전하고 쉽게 접속할 수 있도록
심플하고 직관적인 디자인으로 제작하였으며,
학교의 브랜드 가치와 신뢰를 효과적으로 전달합니다.

UI DESIGN KEYWORD

일러스트 아이콘을 활용해 정보를 직관적으로 전달하는 깔끔하고 심플한 레이아웃으로,
르게 원하는 정보를 찾을 수 있는 사용자 친화적인 학교 홈페이지를 디자인하였습니다.

  • Clean+Simple

    깔끔+단순
  • User-friendly

    사용자 친화적인
  • Illustrative Icons

    일러스트 아이콘

Design Guide

Regular Medium SemiBold Bold Black

Pretendard

Orange

#f37042

Royal Orange

#f7974b

White

#ffffff

Raisin Black

#262626

branding

타이틀

Brand Slogan

  • “ 한소마, 꿈을 밝히는 소방의 별 ”
  • “ 미래를 여는 소방교육, 한소마와 함께 빛나다 ”
  • “ 한소마, 꿈과 희망을 키우는 소방인 양성의 요람 ”
타이틀

Brand Core Value

  • Unrivaled
    독보적인

    소방 분야의 독보적인
    교육 시스템

  • Dream

    꿈과 희망으로 가득찬
    한소마에서 소방 인재를 양성

  • Develop
    발전

    전문적인 교육 절차를 밟고
    발전해 나아가는 학생

타이틀

Design Keyword

  • Light

    학생들의 꿈과
    희망을 상징함

  • Growth
    성장

    최고의 소방교육으로
    인한 성장

  • Future
    미래

    미래의 소방 관련 전문직을
    꿈꾸는 영마이스터

Logo

한소마 로고

‘꿈과 희망이 펼쳐진 학교, 한국소방마이스터고등학교‘ 라는 컨셉으로 진행한 심볼형 로고입니다.
‘한소마’ 라는 아이덴티티를 곡선 라인으로 전반적으로 상승하는 느낌을 표현하여 학생들의 장래를 위하는 의미를 부각시켰으며,
빛나는 그래픽 포인트로 학생들의 꿈이 빛나는,최고의 소방교육을 배울 수 있는 고등학교라는 이미지를 담아내었습니다.

타이틀

Signature

한소마 로고
타이틀

Symbol

한소마 로고
  • 로고 목업이미지
  • 로고 목업이미지
  • 로고 목업이미지
  • 로고 목업이미지
ⓒ 2024 BRANDIOWEB. ALL RIGHTS RESERVED.