기후변화 매커니즘 전문 연구기업,
포스텍 연구실 홈페이지 제작
BUILD
WEB / MOBILE
포스텍
연구실 홈페이지 제작
- Client
- 포스텍
- Date
- 2021. 06 - 2021. 08
- Type
- 홈페이지, 워드프레스, 반응형 구축
Overview
포스텍의 최상위 홈페이지 목적은 “노후화된 홈페이지 UI/UX디자인 리뉴얼” 이었습니다.
UI/UX디자인 리뉴얼은 기업가치를 살리는 홈페이지 개선작업중 가장 중요한 작업으로
아몽소프트웨어는 포스텍을 찾는 타겟층의 고민과 Needs를 분석하여 홈페이지 작업을 진행하였습니다.
Goal
UI/UX 디자인 리뉴얼
UI/UX Strategy
직관적인 아이콘
콘텐츠를 직관적으로 이해할 수 있도록 포스텍의 아이콘을 제작하였습니다.
반응형 웹
반응형 웹에 최적화된 레이아웃과 그리드를 사용해
다양한 환경에서 사이트를 이용할 수 있도록 사용자 편의를 고려하였습니다.
부드러운 UX
최신 트렌드가 반영된 깔끔한 디자인에 부드러운 인터렉션을 적용하여 사용자 경험을 자연스럽게
유도하였습니다. 또한 가시성을 높이고 편의성을 충족시켰습니다.
POSTECH
Design System
전체적으로 세련되고 현대적 스타일의 고딕체로 스마트폰 및 태블릿 같은
작은 화면의 디바이스에서도 텍스트를 보다 쉽게 읽을 수 있도록 가독성을 고려했습니다.
색상은 브랜드의 color system을 사용해 통일성을 제공합니다.
Typography
Noto Sans
Noto Sans KR
Color System
Struggle for pushing
edge of the human knowledge
사용자를 위한 UX디자인
홈페이지 내 사용자의 가독성 및 길라잡이 역할을 위해
POSTECH의 연구 분야를 히어로 섹션에 배치하였습니다.
POSTECH
Subpage
RESEARCH PAGE
포스텍의 전문성이 돋보이는 연구자료를 보여주는 페이지입니다.
‣ 연구 페이지
LOCATION PAGE
연구실 위치 페이지로 구글 맵과 연동하여
홈페이지 사용자의 경험을 최우선적으로 고려하였습니다.
‣ 연구실 위치 페이지
PUBLICATION PAGE
문헌 페이지로 연도에 맞춘 업데이트가 가능하도록
관리자들도 쉽고 간단하게 사용가능한 게시판페이지를 구현하였습니다.
‣ 문헌 페이지
포스텍
Mobile Page
완벽한 WEB / MOBILE 반응형 대응
모바일에서도 텍스트 & 사진이 깨지지 않는 반응형 대응 작업을 진행해
PC와 마찬가지로 자연스러운 홈페이지 경험을 선물하였습니다.
