고객과 함께한 시간
테인협력센터
디자인아트플러스가 제작한 테인협력센터 Asi@Connect 홈페이지 포트폴리오.
아시아와 유럽의 연구·교육 네트워크를 잇는 국제 협력 프로젝트의 소식과 행사, 공모, 자료를 영문으로 소개하는 PC·모바일 홈페이지입니다.
- CLIENT.
- 테인협력센터
- Year.
- 2021
- 프로젝트 설명
- 디자인아트플러스는 테인협력센터(TEIN*CC)가 운영하는 아시아·유럽 연구교육망 협력 프로젝트 Asi@Connect의 홈페이지를 기획·디자인·개발했습니다. 「Connecting Asia and Europe's Research & Education Communities」라는 메시지를 네트워크 이미지와 함께 첫 화면에 담고, 각국에서 열리는 회의와 교육 행사, 공모 소식을 한 화면에서 따라갈 수 있도록 영문으로 설계했습니다. PC 홈페이지와 모바일 홈페이지를 함께 구축했습니다.
[주요 구축 내용]
연결을 표현한 첫 화면: 짙은 남색 바탕에 빛나는 점과 선으로 이어진 네트워크 이미지를 두고 메시지를 올려, 아시아와 유럽을 잇는 프로젝트의 성격을 첫인상으로 전달
소식·행사 카드 UI: NEWS와 EVENTS 영역을 썸네일과 제목, 날짜가 같은 형식으로 반복되는 카드로 정리해, 각국 회의와 교육 행사 소식을 한눈에 훑어볼 수 있게 설계
공모 안내 목록: OPEN CALLS 영역에 날짜를 크게 앞세운 두 줄 목록으로 공고를 정리해, 참여 기관이 새로 올라온 공모와 계약 공고를 날짜순으로 빠르게 확인하도록 구성
프로젝트 소개 타일: 소개 영상과 센터 소개, 외부 링크를 크기가 다른 타일로 묶고 후원 기관 안내를 아래에 두어, 프로젝트의 배경과 협력 관계를 한 화면에서 전달
FAQ
프로젝트의 목적과 참여 국가·기관, 진행 중인 활동을 한눈에 보여 주는 것이 가장 중요합니다. 여러 나라의 기관이 함께하는 만큼 누가 참여하고 무엇을 하는지가 분명해야 새로운 기관의 참여로 이어집니다. Asi@Connect 홈페이지는 Project, Network, Partners, Activities 메뉴로 프로젝트의 구조를 나눠 보여 줍니다.
프로젝트 소개, 참여 네트워크와 파트너, 활동과 행사, 공모 안내, 미디어와 자료실이 기본 메뉴입니다. 공모(Open Calls)를 따로 두면 참여 기관이 지원 기회를 놓치지 않고 확인할 수 있습니다. Asi@Connect 홈페이지는 Project, Network, Activities, Open Calls 등 여덟 개 메뉴로 구축했습니다.
행사마다 포스터 이미지와 날짜, 제목을 카드로 정리하면 여러 나라에서 열리는 행사를 한눈에 볼 수 있습니다. 지난 행사도 함께 쌓아 두면 프로젝트가 꾸준히 활동해 왔다는 기록이 됩니다. Asi@Connect 홈페이지는 메인 화면 EVENTS 영역에 교육과 회의 행사를 포스터 카드로 넘겨 보게 했습니다.
여러 나라의 기관이 함께 쓰는 홈페이지라면 공용어인 영어로 통일하는 것이 가장 효율적입니다. 다만 메뉴 이름과 문장을 쉬운 영어로 써야 영어가 모국어가 아닌 이용자도 편하게 읽을 수 있습니다. Asi@Connect 홈페이지는 간결한 영문 메뉴와 카드형 소식으로 여러 나라 이용자가 쉽게 볼 수 있게 구축했습니다.
