프로젝트 배경
공익법 활동의 신뢰도와 접근성을 높이기 위해 국문·영문 기반의 다국어 반응형 웹사이트를 새롭게 구축하였습니다.
뉴스, 자료실, 기부 안내 등 주요 콘텐츠를 주제별로 정리하고, 누구나 쉽게 정보를 찾을 수 있도록 정보 구조를 개선했습니다.
또한 CMS를 도입하여 콘텐츠 관리 효율성을 높였고,
공익 법률단체의 전문성과 공신력을 담아낸 디자인을 적용하였으며,
웹접근성, 모바일 최적화, SEO 기준을 반영하여 다양한 사용자 환경에서도 안정적인 운영이 가능하도록 구현하였습니다.
1) 문제점
(1) 콘텐츠 구조가 비정형적이고 노후화되어 방문자 중심의 정보 접근성이 떨어졌습니다.
(2) 모바일 환경 대응도 미흡한 상태였습니다.
2) 프로젝트 목표
(1) 공익법 활동의 국내외 인지도를 높이고, 후원자 및 이해관계자에게 신뢰감 있는 정보 전달을 위한 다국어 기반 반응형 웹사이트 구축
(2) 두루의 활동과 성과를 주제별로 분류·전시하고, 뉴스·자료실·기부 안내 등 주요 콘텐츠를 누구나 쉽게 이용할 수 있도록 구조화
3) 주안점
(1) 국문·영문을 중심으로 한 다국어 구조 설계 및 콘텐츠 관리 효율성을 고려한 CMS(콘텐츠 관리 시스템) 도입
(2) 공익 법률단체로서의 공신력과 전문성을 담은 디자인 톤앤매너 구현, 웹접근성·모바일 최적화·SEO 기준을 모두 반영한 반응형 웹 구축
뉴스, 자료실, 기부 안내 등 주요 콘텐츠를 주제별로 정리하고, 누구나 쉽게 정보를 찾을 수 있도록 정보 구조를 개선했습니다.
또한 CMS를 도입하여 콘텐츠 관리 효율성을 높였고,
공익 법률단체의 전문성과 공신력을 담아낸 디자인을 적용하였으며,
웹접근성, 모바일 최적화, SEO 기준을 반영하여 다양한 사용자 환경에서도 안정적인 운영이 가능하도록 구현하였습니다.
1) 문제점
(1) 콘텐츠 구조가 비정형적이고 노후화되어 방문자 중심의 정보 접근성이 떨어졌습니다.
(2) 모바일 환경 대응도 미흡한 상태였습니다.
2) 프로젝트 목표
(1) 공익법 활동의 국내외 인지도를 높이고, 후원자 및 이해관계자에게 신뢰감 있는 정보 전달을 위한 다국어 기반 반응형 웹사이트 구축
(2) 두루의 활동과 성과를 주제별로 분류·전시하고, 뉴스·자료실·기부 안내 등 주요 콘텐츠를 누구나 쉽게 이용할 수 있도록 구조화
3) 주안점
(1) 국문·영문을 중심으로 한 다국어 구조 설계 및 콘텐츠 관리 효율성을 고려한 CMS(콘텐츠 관리 시스템) 도입
(2) 공익 법률단체로서의 공신력과 전문성을 담은 디자인 톤앤매너 구현, 웹접근성·모바일 최적화·SEO 기준을 모두 반영한 반응형 웹 구축
프로젝트 성과
공익 단체의 정체성을 반영한 UI/UX 설계
(1) 인권, 공공성, 투명성을 시각적으로 전달하는 미니멀한 디자인 구현
(2) 단체의 비전, 활동, 사례 중심으로 콘텐츠 구조 설계
(3) 사용자 신뢰를 높이는 클린하고 안정적인 인터페이스 제공
(2) 단체의 비전, 활동, 사례 중심으로 콘텐츠 구조 설계
(3) 사용자 신뢰를 높이는 클린하고 안정적인 인터페이스 제공
반응형 웹 기반 사용자 접근성 확보
(1) PC, 태블릿, 모바일 등 모든 기기에서 최적화된 사용성 제공
(2) 정보 접근이 용이하도록 메뉴 구조 및 검색 기능 단순화
(3) 다양한 사용자 환경을 고려한 웹 접근성 기준 준수
(2) 정보 접근이 용이하도록 메뉴 구조 및 검색 기능 단순화
(3) 다양한 사용자 환경을 고려한 웹 접근성 기준 준수
활동 사례 및 보도자료 콘텐츠 운영 기능 구현
(1) 주요 공익소송, 캠페인, 뉴스 자료 등을 유형별로 분류
(2) 연도별, 주제별 검색 기능을 통해 콘텐츠 탐색성 향상
(3) 이미지, 문서, 외부 링크 등 다양한 자료 형태 지원
(2) 연도별, 주제별 검색 기능을 통해 콘텐츠 탐색성 향상
(3) 이미지, 문서, 외부 링크 등 다양한 자료 형태 지원
관리자 중심의 유지관리 효율화
(1) 비전문가도 쉽게 콘텐츠를 등록·편집할 수 있는 관리자 페이지 구성
(2) 다국어 콘텐츠 입력, 미리보기, 버전 관리 등 편의 기능 탑재
(3) 자료 업로드, 게시판 운영 등 실시간 유지관리 가능
(2) 다국어 콘텐츠 입력, 미리보기, 버전 관리 등 편의 기능 탑재
(3) 자료 업로드, 게시판 운영 등 실시간 유지관리 가능
핵심 기능

기관 소개 및 비전 전달 / 사업 영역별 콘텐츠 구성
- 두루의 설립 목적, 활동 영역, 주요 성과 등을 명확하고 신뢰감 있게 전달하는 콘텐츠 구조 구성
- 양한 활동 분야를 주제별로 구분하여 사용자가 관심 있는 정보를 쉽게 탐색할 수
- 양한 활동 분야를 주제별로 구분하여 사용자가 관심 있는 정보를 쉽게 탐색할 수

반응형 웹 구현
데스크탑, 태블릿, 모바일 등 다양한 환경에서 동일한 정보 접근성과 사용자 경험을 제공하는 반응형 UI/UX 설계
프로젝트 상세
1) 포트폴리오 소개
국내외 인권·공익활동을 소개하고 해외 파트너 및 일반 시민과의 소통을 위한 다국어 반응형 홈페이지 구축 (타깃: 후원자, 인권단체, 해외 NGO 및 일반 시민)
2) 작업 범위
웹사이트 구조 기획, UI/UX 디자인, 반응형 프론트엔드 / 백엔드, 다국어 CMS, 관리자 페이지, 웹접근성 및 모바일 최적화 적용
3) 주요 업무
활동 소개 및 프로젝트 아카이브, 뉴스 및 보도자료 게시, 후원 안내, 영문 및 기타 언어 콘텐츠 관리, 관리자용 콘텐츠 등록·수정·승인 기능
4) 주안점
공익단체의 비전과 활동이 잘 드러나는 정보 구조, 다국어 콘텐츠 운영 효율성, 웹접근성 기준 준수, 직관적인 사용자 흐름과 모바일 호환성 확보
국내외 인권·공익활동을 소개하고 해외 파트너 및 일반 시민과의 소통을 위한 다국어 반응형 홈페이지 구축 (타깃: 후원자, 인권단체, 해외 NGO 및 일반 시민)
2) 작업 범위
웹사이트 구조 기획, UI/UX 디자인, 반응형 프론트엔드 / 백엔드, 다국어 CMS, 관리자 페이지, 웹접근성 및 모바일 최적화 적용
3) 주요 업무
활동 소개 및 프로젝트 아카이브, 뉴스 및 보도자료 게시, 후원 안내, 영문 및 기타 언어 콘텐츠 관리, 관리자용 콘텐츠 등록·수정·승인 기능
4) 주안점
공익단체의 비전과 활동이 잘 드러나는 정보 구조, 다국어 콘텐츠 운영 효율성, 웹접근성 기준 준수, 직관적인 사용자 흐름과 모바일 호환성 확보




