포트폴리오

저희 오픈후르츠는 베링해협프로젝트 한일터널프로젝트 등 국가간 교통망 잇기 사업을 추진하고 있는 세계평화도로재단의 홈페이지를 제작하였습니다. 1981년부터 시작된 세계평화도로재단의 국제평화고속도로 건설 프로젝트는 세계를 초고속 도로망으로 연결함으로써 지구촌 평화시대를 구현하고자 하는 구상을 담고 있습니다.

메인페이지

1. 기획 및 UI/UX 설계
- 정보 구조(IA): 재단 소개 → 사업 프로젝트(한일터널, 베링해협 등) → 뉴스·이슈 → 학술연구 → 자료실 흐름으로 설계
- 사용자 흐름: 방문자는 세계 인프라 프로젝트에 관심 있는 일반 대중, 학술 연구자, 언론 관계자 등 다양하므로, 각 사용자군이 원하는 콘텐츠(사업소개, 보도자료, 구매 가능한 간행물 등)에 빠르게 접근할 수 있는 내비게이션을 설계
- 모바일 퍼스트 설계: 모바일 접속율을 감안하여, 터치 기반 탐색, 가독성 높은 텍스트와 이미지, 빠른 스크롤 경험을 우선 고려

서브페이지

2. 디자인 & 기술 구현
- 반응형 웹 : CSS Grid + Flexbox 조합으로 다양한 해상도 대응
- 이미지·컨텐츠 구성: 국제 프로젝트를 전달하기 위해 고해상도 이미지 및 인포그래픽 삽입, 텍스트와 이미지 균형 고려
- 콘텐츠 업로드 시스템: 출판물(예: 「평화의 길을 잇다 10년사」 등의 e-북) 제공을 위한 다운로드 페이지 구성 및 로그인을 통한 접근 제어 설계

피스로드 뉴스레터

3. 기술 스택 및 구현 요소:
- HTML5, CSS3, JavaScript 기반 마크업
- 반응형 설계 지원
- CMS 연동을 통한 자료실 및 뉴스 게시판 구축
- SEO 고려를 위한 메타태그, OG (Open Graph) 설정, 구조화 데이터 삽입

후원페이지

4. 운영 및 유지보수 설계
- 콘텐츠 추가 및 수정이 용이하도록 백엔드 관리화면 구조화
- 다운로더블 파일(e-Book, PDF) 관리 및 업데이트 가능하도록 설계
- 다국어 대응 가능성 고려 (국제 프로젝트 특성)

모바일웹

세계평화도로재단 홈페이지는 반응형웹으로 모바일 등 다양한 디바이스에서 보기 편하게 제작하였으며 재단의 설립배경과 연혁 및 재단에서 진행하고 있는 다양한 프로젝트에 관해 상세히 안내하고 있습니다. 사업에 관한 다양한 컨텐츠를 지속적으로 업로드 할 수 있으며. 재단에서 출판한 간행물과 단행본을 로그인을 통해 웹상에서 확인할 수 있도록 하였습니다. 오픈후르츠는 풍부한 경험과 기술력을 바탕으로 클라이언트의 요구사항과 컨텐츠의 특성에 맞는 서비스를 제공하고 있습니다. 감사합니다.

http://www.peacetunnel.org