소개
시도하고자 했던 것과 그 이유를 알려주세요.
비영리단체의 활동의 특수성을 반영하여, 노션 자동화에 도전하는 동시에 우피로 시각적인 효과를 함께 기대하면서 기획하게 되었습니다.
해당 단체의 웹사이트가 문화도시연구소 너무 올드한 폼에, 직관적이지도 않고 경직된 느낌이라, 구성을 어느정도 담아내되 노션을 활용하는 만큼, 소통 방식을 개선하고 참여형으로 완성될 수 있는 창구의 역할에 주목하여 기획하게 되었답니다.
진행 방법
어떤 도구를 사용했고, 어떻게 활용하셨나요?
##사례 염탐하여 얽개만들기##
1차적으로는 가장 닮고싶은 웹사이트의 구조를 풀어보았어요(GPT o-3mini)
다이어그램으로 도식화하는 기능은 구렸지만 따라서 구성하기엔 분석이 괜찮게 보였어요.
해당내용을 바탕으로 대상 단체에 맞게 항목들과 포함될 내용들을 다시편집해서 재편했구요. 실질적인 얽개의 구성은 .... 예전부터 chatGPT는 간단한 GPTs를 만들어 활용할 정도의 경험이 있어, 상당부분은 따끈하게 소개된 Gemini 2.0flash를 활용하여 기획하였어요. 일단 개괄적인 얽개와 요구되는 웹사이트의 트리구조를 GPT에게 1차 기획을 하였구요.
Tip: 사용한 프롬프트 전문을 꼭 포함하고, 내용을 짧게 소개해 주세요.
Tip: 활용 이미지나 캡처 화면을 꼭 남겨주세요.
해당내용을 바탕으로 간단하네 https://gamma.app/로 ppt 또한 구성해보니 어설프지만 첫 기획서치고는 만족스러운 결과물이었어요. 다만 무료수준이라... ^^
Tip: 코드 전문은 코드블록에 감싸서 작성해주세요. ( / 을 눌러 '코드 블록'을 선택)
문화도시연구소 웹페이지 구성
**트리 구조**
- **소개** (문화도시연구소 기관 전반 소개 – 역사, 원칙, 조직, 투명성 등 안내)
- **역사** (문화도시연구소 설립 배경과 주요 연혁, 수상 내역)
- 설립목적 (조직 설립 이야기)
- 연혁 (사단법인 단체 연혁)
- 주요활동 (연도별 활동 기록)
- 문화도시연구소의 사람들 (대표이사 및 구성원 소개)
- 오시는 길 (구글맵 활용--> 위치 및 찾아오는 방법)
- **활동 운영** (단체활동 및 운영 원칙과 과정에 대한 안내)
- 헌장 (문화도시연구소 기본 헌장 내용)
- 활동원칙과 과정 (단체활동 원칙과 수행 절차)
- **활동 분야**
- 교육활동: 어린이 건축학교(k-12)
- 집짓기활동: 집짓기 활동 분야 (ooooooooo 지원 등 MSF의 활동 분야)
- 연구활동 : 도시회생, 소지역연구, 건축도시 아카이브
- **조직** (문화도시연구소 국제 조직 체계 및 대표 소개)
- 국제 네트워크 (전 세계 MSF 조직망 소개)
- 국제 회장 (MSF 국제 회장 소개)
- **재정 투명성** (후원금 사용 방식 및 회계 보고 등 투명성 정보 공개)
- 후원금 집행방식 (기금 배분 및 집행 방법)
- 후원금 사용내역 (모금된 기금의 사용 내역)
- **자주묻는질문** (자주 묻는 질문과 답변 모음)
- **소식과 이슈** (소식과 이슈)
- **공지사항** (공지 및 알림)
- **현장소식**(현장의 최신 소식 공유)
- **언론보도** (문화도시연구소 관련 언론 보도자료)
- **활동가 이야기** (현장 자원봉사자들의 경험담)
- **활동이슈 리포트** (이슈 보고서별 팀원이나 이해관계자와의 notion을 공유하여 수정하거나 추가 아이디어를 반영하는 창구)
- **참여안내** ( 캠페인, 행사, 참여 가능한 봉사 활동 안내, 1365자원봉사포탈 (https://www.1365.go.kr/))
- **자료실** (사진, 영상, 발간물 등 자료 모음)
- **후원** (다양한 방식의 **후원 참여** 안내 – 정기후원, 일시후원, 기업후원 등)
- **정기후원** (매월 정기적으로 후원하는 방법-->온라인 기부 페이지로 이동 )
- **일시후원 및 물품 후원** (일회성 후원 참여 방법)
- **기업후원** (기업/기관의 사회공헌 후원 안내)
- 기업후원안내 (기업 후원 방법 및 절차 안내)
- 협력기업소개 (문화도시연구소와 함께하는 기업들의 소식)
----
위 구성으로 "문화도시연구소" 단체 웹페이지를 '노션'과 '우피'를 활용해 연동하여 콘텐츠가 자동으로 반영되는 웹사이트를 구성하려해. 디자인 커스터마이징 시 고려해야 할 사항과 SEO 및 분석 도구 연동등 유지관리가 원활하게 웹사이트 제작을 기획해줘결과와 배운 점
배운 점과 나만의 꿀팁을 알려주세요.
gemini 2.0flash 써보니 기존에 사용해본 LLM 중에선 속도는 뭐 최고네요. 내용면에서 나쁘지않았고 무엇보다 ...
과정중에서도 내용을 수정교정할 수 있고 텍스트의 위계와 이탤릭등 google에서 만든폼이 역시!! 라는 생각이 들 정도로 google doc, gmail등과의 연동성이 정말 편리했습니다.
도움이 필요한 부분이 있나요? 앞으로의 계획이 있다면 들려주세요.
이젠 구상한것으로 15기 노션자동화 스터디방을 통해 역사를 쓸 일만이 남았네요. 아직 우피라던가 노션 웹페이지를 구성해본 경험이 없어 이번회차 스터디모임에서 많은 혜안을 얻게 되지 않을까 기대하고 있습니다.
특히 회원들이 관심있어할 만한 유사사례 뉴스레터를 수집하고 자동으로 메일링하는 방식이라던가, 메일링한 사용자들의 피드백이나 유지관리등, 실제로 실현하기위해서 배워야 것들이 산적해 있네요.
