소개
지피터스 16기 자료 공유 웹사이트 제작기
지피터스 16기의 다양한 활동 자료를 한 페이지에 깔끔하게 정리하고, 누구나 쉽게 접근할 수 있도록 공유하는 것이 목표였습니다. 이 과정을 위해 선택한 도구는 바로 Canva. 코딩 지식이 전혀 없어도 손쉽게 웹사이트를 제작할 수 있고, 다양한 템플릿과 시각적 요소를 활용해 전문적인 결과물을 만들 수 있다는 점에서 매우 만족스러운 선택이었습니다.
처음에는 단순한 이미지 슬라이드 형태로 구성하려 했지만, 웹사이트 기능을 활용하면 메뉴, 링크, 지도 삽입까지 모두 가능하다는 점을 확인하고 웹사이트 형식으로 기획 방향을 바꾸게 되었습니다.
진행 방법
사용 도구: Canva
Canva의 "웹사이트 만들기" 기능을 활용하여 프로젝트를 시작했습니다.
먼저, 제공되는 템플릿 중 깔끔한 디자인의 레이아웃을 선택한 뒤 필요에 따라 배경 색상, 폰트, 구성 요소 등을 자유롭게 수정했습니다.
각 페이지의 내용은 '지피터스 소개', '스터디 자료', '학습 영상', 'Q&A', '장소 안내' 등으로 나누어 정보를 카테고리별로 정리하였습니다.
하이퍼링크 기능을 적극 활용하여 각 메뉴를 클릭했을 때 해당 정보로 이동할 수 있도록 구성했고, 페이지 간 연결도 부드럽게 되도록 신경 썼습니다.
주요 기능 활용:
링크 연결: 텍스트나 버튼에 하이퍼링크를 걸어 각 페이지 혹은 외부 사이트로 바로 연결할 수 있도록 설정
탐색 메뉴: 상단 메뉴바를 설정해 방문자가 어느 위치에 있든 주요 콘텐츠로 쉽게 이동할 수 있도록 구성
구글 맵 삽입: 장소 소개 페이지에 Google Maps를 연동하여 실제 모임 장소를 지도 상에서 보여줌
프레임 기능: 이미지 2~3개를 정돈된 형태로 배치할 수 있도록 프레임 기능을 활용해 시각적 일관성 확보
버튼 요소 활용: '홈으로 돌아가기' 버튼을 삽입하여 페이지 간 이동 편의성을 강화함
제작한 웹사이트 링크:https://2023-1globaljapanese.my.canva.site/gpterscanva
결과와 배운 점
Canva의 웹사이트 제작 기능은 예상보다 훨씬 강력했고, 특히 시각적으로 세련된 자료를 손쉽게 정리할 수 있어 발표자료, 강의자료, 스터디 공유 등에 매우 유용하다는 점을 깨달았습니다.
처음 접속한 사용자도 메뉴를 따라가며 원하는 정보를 쉽게 찾을 수 있도록 UX를 고민하면서 구성했고, 이는 디자인뿐 아니라 정보 구조 설계의 중요성도 체감하는 계기가 되었습니다.
앞으로도 팀 소개, 소규모 프로젝트 포트폴리오 공유 등 다양한 형태로 확장 활용해볼 계획입니다.
영상 보시면서 따라해보세요.
https://youtu.be/R-KKv-hqjzw?si=bOqbj_zeAJZ6Xyth