Happy Brain

디자인아트플러스가 제작한 Happy Brain 홈페이지 포트폴리오.
뇌과학과 정신건강 분야의 연구와 사회적 지원을 위한 Happy Brain 기금의 사업과 기부 참여를 쉽게 안내하는 반응형 홈페이지입니다.

CLIENT.
성균관대학교 뇌과학이미징연구단
Year.
2026
사이트보기
상세보기
프로젝트 설명
디자인아트플러스는 뇌과학과 정신건강 분야의 연구와 사회적 지원을 위해 설립된 Happy Brain 기금의 공식 홈페이지를 기획·디자인·개발했습니다. 연구와 정신건강 지원사업, 기부로 이어지는 기금의 활동을 기부자와 일반 방문자가 쉽게 이해하고, 읽은 자리에서 바로 기부에 참여할 수 있도록 설계했습니다. 반응형으로 구축했습니다.

[주요 구축 내용]
세 축 사업 안내: 연구와 정신건강지원사업, 기부를 색이 다른 둥근 버튼과 섹션으로 나눠, 기금이 하는 일을 세 갈래로 쉽게 이해할 수 있게 설계
기부 참여 동선: 상단 메뉴의 기부하기와 기부 섹션의 버튼, 기부자 이야기를 이어 배치해, 활동을 읽은 방문자가 자연스럽게 기부로 참여하도록 구성
따뜻한 공익 디자인: 원형 사진 프레임과 섹션마다 바뀌는 노랑·하늘·민트 파스텔 배경으로, 무거울 수 있는 정신건강 주제를 친근하고 따뜻한 분위기로 전달
AI CMS 관리 기능: 소식과 정보를 코딩 없이 직접 게시하고 메타태그·JSON-LD 등 검색엔진과 생성형 AI 대응 항목을 자동으로 채우는 기능 탑재

FAQ

  • 기금이 무엇을 위해 만들어졌고 어떤 사업에 쓰이는지를 투명하게 보여 주는 것이 가장 중요합니다. 연구 지원, 정신건강 지원사업처럼 활동을 나눠 소개하고 성과를 소식으로 쌓으면 기부자의 신뢰가 높아집니다. 기부 방법은 어느 페이지에서든 바로 찾을 수 있어야 합니다.

  • 기금·단체 소개, 사업 소개, 소식과 정보, 기부하기가 기본입니다. 기부하기 메뉴는 상단에 따로 두고, 기부금이 어떻게 쓰이는지를 사업 소개와 연결하면 참여율이 높아집니다. Happy Brain 홈페이지는 연구·정신건강지원사업·기부 세 축과 기부하기 메뉴를 중심으로 구축했습니다.

  • 네. 디자인아트플러스의 AI CMS에서는 소식, 공지, 배너를 코딩 없이 관리자 화면에서 바로 올리고 고칠 수 있습니다. 키워드나 주제를 넣으면 AI가 제목·본문·요약을 제안하는 AI 글쓰기 기능도 제공해, 연구 지원과 사업 성과를 검색에 잘 걸리는 글로 쉽게 정리할 수 있습니다. 올린 글은 임시저장과 미리보기로 확인한 뒤 게시합니다.

  • 네. 기금 이름이나 활동 분야로 검색했을 때 공식 홈페이지가 먼저 나와야 기부와 협력이 이어집니다. 최근에는 생성형 AI가 단체 정보를 요약해 답하는 경우가 많아, 정리된 구조와 구조화 데이터가 더 중요해졌습니다. 디자인아트플러스의 AI CMS는 이런 검색 최적화 항목을 자동으로 채우는 기능을 갖추고 있습니다.

고민은 시작을 늦출 뿐입니다.
간편하게 무료 견적 받아보세요.

궁금한게 있으신가요?

자체기술로 개발한 챗봇

챗봇 아이콘