[NEW WEB] The Bridge
본 프로젝트는 더브릿지의 의뢰를 받아 단체의 미션과 철학을 효과적으로 전달할 수 있는 새로운 웹사이트를 제작한 작업입니다. 더브릿지는 개발도상국과 선진국 사람들이 서로 존중하고 다름을 인정하며 수평적 협력을 통해 함께 살아가는 세상을 만들어가는 단체로, 국내외 취약계층이 지역 커뮤니티를 스스로 활성화할 수 있도록 사람과 환경 중심의 소셜 비즈니스를 발굴하고 지원하는 활동을 수행하고 있습니다. 더브릿지는 단순한 일방적 지원이 아닌 상호 존중과 협력을 바탕으로 한 파트너십 철학을 추구하며, 이러한 핵심 가치와 지속가능한 소셜 비즈니스 모델이 웹사이트를 통해 명확하게 전달될 수 있는 구조적 설계를 요청했습니다. 또한 다양한 사용자층이 쉽게 접근할 수 있는 포괄적인 UI/UX 설계와 함께, 비전문가도 손쉽게 콘텐츠를 관리할 수 있는 직관적인 관리 시스템 구축이 주요 요구사항으로 제시되어, 더브릿지의 사회적 미션을 감성적 공감과 논리적 설득력을 겸비한 방식으로 전달하는 사용자 친화적 웹플랫폼을 새롭게 구축했습니다.
제작 기간2023. 09 - 2024. 03
고객사사단법인 더 브릿지
사용 기술Next.js, TypeScript, Python, Fast-api
서비스
미리보기
미리보기

고객 요구사항
& 프로젝트 방향
& 프로젝트 방향
클라이언트의 인터뷰 및 협의를 통해 프로젝트의 핵심 요구사항을 도출하였으며, 인사이트를 바탕으로 사용자 경험과 브랜드 관점에서 개선이 필요한 5가지를 기반으로 설계하였습니다.
1.
개발도상국·선진국 간 수평적 파트너십 철학을 전달하는 스토리텔링 중심 웹사이트 구축
2.
따뜻한 색상 팔레트와 친근한 일러스트로 사람·환경 중심 브랜드 아이덴티티 시각화
3.
다양한 사용자층을 고려한 정보 아키텍처 재설계로 콘텐츠 접근성 향상
4.
데스크톱·모바일·태블릿에서 일관된 경험을 제공하는 반응형 웹 구현
5.
웹 개발 지식 없이도 운영진이 콘텐츠를 관리하는 직관적 CMS 구축
타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.



타이포 그래피
& 컬러 시스템
& 컬러 시스템
사용자의 시각적 편의를 고려한 명도 대비와 체계적인 컬러 시스템을 구축하였으며, 확장이 용이한 타이포그래피와 공통 컴포넌트를 설계하여 브랜드의 일관된 경험을 구현하였습니다.



![[NEW WEB] The Bridge 1/3](https://file.devfive.kr/file/2024_11_27/1732690127004_1728972092717_image 6.webp)
![[NEW WEB] The Bridge 2/3](https://file.devfive.kr/file/2024_11_27/1732690127004_1728972092717_image 7.webp)
![[NEW WEB] The Bridge 3/3](https://file.devfive.kr/file/2024_11_27/1732690127004_1728972092717_image 8.webp)