옥스팜

Portfolio

옥스팜 홈페이지 메인페이지

옥스팜 홈페이지 소개페이지

옥스팜 홈페이지 자원봉사페이지

옥스팜 홈페이지 목업이미지

기획

  • 통과 정보의 공유와 확산 : 이용자에게 공정하고 깨끗한 단체라는 것을 알릴 수 있는 창구로 메인 곳곳에 긴급구호 활동 및 후원금 사용처를 알릴 수 있도록 이미지와 인포그래픽을 적극 활용할 수 있도록 기획
  • 통일성 있는 UI/UX : 메인 및 각각의 페이지에서 다양한 정보를 이용자가 찾으려는 정보에 빠르고 쉽게 접근 할 수 있도록 UI/UX를 개선

디자인

  • 일관된 비주얼 아이덴티티 구현 : 옥스팜의 브랜드 가이드라인에 맞춰 제작하여 일관성 & 통일성을 강조
  • 콘텐츠의 직관성 상승 : 이용자에게 옥스팜에서 시행하는 긴급구호 활동 및 현황을 직관적으로 표현하기 위해, 메인에 크고 작은 이미지들 및 인포그래픽 등을 삽입 하여 신뢰감을 높힐 수 있도록 제작.

프론트 엔드

  • 반응형웹 UI : 데스크탑, 태블릿, 모바일 등 다양한 기기에서 모두 동일한 컨텐츠를 확인 할 수 있도록 반응형 웹 UI 구현
  • 크로스 브라우징 : 데스크탑 및 모바일 환경에서 사용하는 브라우저 종류에 따른 크로스 브라우징 작업 진행

시스템 개발

  • 메인 페이지에 모든 것을 관리자 페이지에서 관리되도록 개발
  • 뉴스레터 : User(사용자)가 뉴스레터를 신청하고, 관리자 페이지 관리 및 제어 할 수 있도록 CMS 기능 구현
  • 유형에 따른 게시판 : 각 게시판의 성격에 맞도록 게시판 템플릿을 개발 하고 관리자 페이지에서 게시판을 제어하도록 CMS 기능 구현
  • 방문자 유입 : 구글 어널리틱스를 연동하여 관리자 페이지에서 방문자 유입과 경로를 확인할 수 있도록 CMS 기능 구현
  • CMS : CMS 프레임 워크를 사용하여 사이트에 필요한 테마를 개발하고, 다양한 콘텐츠를 쉽게 관리하고 등록 할 수 있도록 CMS 기능을 구현 또한 보안 플러그인을 사용하여 사이트에 취약한 부분을 강화하도록 구현