고객과 함께한 시간
사단법인 우리들의 미래
디자인아트플러스가 제작한 사단법인 우리들의 미래 홈페이지 포트폴리오.
기후변화 대응과 녹색성장을 위해 정부·산업계·학계·국제기구를 연결하는 비영리법인의 활동과 프로그램을 국문·영문으로 소개하는 반응형 홈페이지입니다.
- CLIENT.
- 사단법인 우리들의 미래
- Year.
- 2025
- 프로젝트 설명
- 디자인아트플러스는 기후변화 대응과 녹색성장이라는 공동의 미래를 위해 이해관계자를 연결하는 비영리법인 사단법인 우리들의 미래(COCF)의 홈페이지를 기획·디자인·개발했습니다. 「A Think-and-Do Climate Platform」이라는 메시지로 생각에 그치지 않고 실천하는 단체의 방향을 먼저 보여 주고, 핵심 가치와 프로그램을 차례로 소개해 방문자가 단체의 활동에 공감하고 참여할 수 있도록 설계했습니다. 국문·영문 반응형으로 구축했습니다.
[주요 구축 내용]
연결을 담은 첫 화면: 여러 사람의 손이 작은 초록 지구를 함께 감싼 사진 위에 영문 메시지를 올려, 함께 연결해 기후 문제를 푸는 단체라는 정체성을 전달
핵심 가치 아이콘: 연결과 실천, 혁신이라는 가치를 초록 라인 아이콘과 짧은 설명으로 정리하고 점으로 그린 지구 그래픽을 곁들여, 단체가 일하는 방식을 쉽게 이해하게 구성
프로그램 카드 UI: 그린 빅뱅 커뮤니티와 Climate Scouts 같은 프로그램을 사진과 소개글이 같은 형식으로 반복되는 카드로 정리해, 관심 있는 활동을 골라 자세히 볼 수 있게 설계
활동 기록 아카이브: 연도별 활동과 행사 소식을 Our Work와 News 영역에 쌓아, 단체가 해 온 일을 방문자와 후원자가 언제든 찾아볼 수 있게 구성
국문·영문 전환: 상단의 언어 전환으로 같은 구성을 영문으로 제공해, 국제기구와 해외 파트너에게도 단체의 활동을 같은 내용으로 전달
FAQ
단체가 왜 존재하고 어떤 방식으로 문제를 해결하는지를 첫 화면에서 짧고 분명하게 전달해야 합니다. 후원자와 협력 기관은 활동의 방향과 실제 성과를 함께 보고 참여를 결정하기 때문입니다. 우리들의 미래 홈페이지는 연결·실행·혁신이라는 핵심 가치와 통합적 접근 방식을 먼저 보여 주고 대표 프로그램으로 이어지게 구성했습니다.
단체 소개, 임원과 참여 인물, 사업과 프로그램, 활동 기록, 소식, 연락처가 기본 메뉴입니다. 국제 협력을 하는 단체라면 영문 페이지도 함께 갖춰야 해외 파트너가 내용을 확인할 수 있습니다. 우리들의 미래 홈페이지는 About Us, Our Work, News, Contact Us 네 가지 메뉴와 국문·영문 페이지 중심으로 구축했습니다.
해마다 진행한 행사와 사업을 한곳에 모아 두면 단체의 활동이 꾸준하다는 것을 그대로 보여 줄 수 있습니다. 쌓인 기록은 후원자와 협력 기관에 보내는 소개 자료가 되고 관련 주제 검색에서 단체가 노출될 기회도 늘려 줍니다. 우리들의 미래 홈페이지는 연도별 활동과 아카이빙을 Our Work 메뉴 안에 따로 정리했습니다.
누가 단체를 이끌고 함께하는지가 곧 단체의 신뢰도이기 때문에 인물 소개는 중요한 정보입니다. 각계 전문가가 참여한다는 사실은 단체의 연결망과 실행력을 보여 주는 근거가 됩니다. 우리들의 미래 홈페이지는 이사진과 함께하는 사람들을 별도 메뉴로 나눠 정부, 산업계, 학계를 잇는 단체의 특징이 드러나게 했습니다.
