한 사례 중, 연구만 해도 시간이 부족한 연구원에 갑자기 재앙 같은 일이 하나 떨어졌다는 글을 봤습니다. 연구실 홈페이지 제작 조언을 구하는 글이었습니다.
연구소에서 원래 홈페이지를 관리하던 분이 포닥을 마치고 다른 연구소로 가게 되시고, 더 이상 연구실 웹사이트를 관리할 분이 계시지 않게 되었다는 주요 내용입니다.
문제는 연구를 하시던 분들 입장에서는 연구실 홈페이지 제작 경험이 없으셔서 어디에서부터 어떻게 해야 할지 몰라, “HTML/CSS가 10만 줄이라던데 정말이냐” 라는 질문을 남겨주셨습니다.
사실, 그렇게까지 많은 줄을 입력할 필요가 없습니다.
HTML로 작성을 한다면 요즘은 부트스트랩도 잘 나와 있을 뿐더러, 저희 페이지라이터처럼 워드프레스를 이용해 구축한다면 원하는 대부분 기능을 PHP로 구현할 수 있습니다.
단, 아주 인터랙티브한 기능은 JS/TS 및 네이티브 리액트의 점유율이 압도적이긴 하지만 연구실 웹사이트를 이용해서 서비스를 제공하는 건 아니니, 거기까지 나아갈 필요는 없다고 봅니다.
본 글에서는 연구실에서 사용하기 쉬운 홈페이지 제작을 제안드리며, 주요 기능들을 소개하고자 합니다.
Estimated reading time: 4 minutes
연구실 소개 및 구성원 소개
연구실 홈페이지 제작 카테고리 및 디자인 구성 요소
카테고리를 구성해보면 거창할 이유는 없다고 생각합니다. 연구실을 소개하고, 구성원들은 누구이며, 어떤 이력을 지니고 있는지 소개할 수 있는 수준이면 된다고 생각합니다.
단, 너무 촌스러운 디자인으로 구성한다면 조금 난감하겠죠. 그래도 예산을 들여서 하는 일인데 말이죠.
더불어 PC로 접속하여 연구실 실적을 확인하는 분들도 계시긴 하지만, 요즘은 모바일로 정보 검색하는 경우가 85% 이상입니다.
모바일 이외 태블릿, 노트북 등 다양한 해상도에서도 우리 연구실에서 구성된 디자인이 올바르게 표현될 수 있어야 합니다.
여러 환경에서도 아름다운 디자인을 표현할 수 있도록 구성된 웹을 이르러 반응형 웹이라고 정의합니다.
기존에는 PC/모바일로 구분하여 웹을 제작했지만 @media 쿼리와 CSS가 급속도로 발전하면서 굳이 나눌 필요가 없어졌습니다.
연구실 홈페이지 제작 주의사항! 사용자 경험 고려하기
연구실 웹사이트는 서비스를 제공하거나 어떤 실력을 뽐내는 공간이 아닙니다.
우리가 연구한 실적들을 보여주고, 우리 연구원 구성들을 보여주는 데 초점이 맞춰져 있어야 합니다.
다른 연구실들도 대부분 그러한 연구실 홈페이지 제작 구성입니다.
그러므로 익숙한 경험이 이미 형성되어 있으므로, 참조할 레퍼런스를 바탕으로 전반적인 와이어 프레임을 구성하는 걸 권장합니다.
연구실 연혁 및 주요 연구 실적 발표
대학 연구실 혹 시험 연구실이라면 그간 유지해온 실적 및 기간이 있을 거라 생각합니다.
얼마나 오랜 기간 연구를 해봤느냐, 그 자체가 전문성을 대변한다고 생각하지는 않습니다.
그러나 오랜 기간 누적해온 노하우는 무시할 수 없는 일입니다. 그러므로 우리가 연혁별로 어떤 변화를 겪어 왔는지 충분히 표현해야 합니다.
또한 실적 부분은 별도로 Project 혹 Portfolio 페이지를 구성하여 손 쉽게 업로드 할 수 있다면 금상 첨화 일 것입니다.
연구실 컨택트 페이지
시험 연구를 의뢰하거나 연구실에 입실하고 싶어 하는 학생 분들과 상호작용이 필요하다면, 컨택트 페이지가 필요합니다.
컨택트 페이지 역시 주소와 연락처 정도를 간략하게 표현하는 것이 가장 깔끔하고 좋습니다.
이때 입력 Form을 이용하여 데이터베이스 내에 입력된 정보가 저장되고, 메일로도 알람이 온다면 이슈를 놓칠 일은 없을 거라 생각합니다.
연구실 홈페이지 제작 무슨 툴을 선택할 것인가?
저희가 워드프레스를 이용한다고 해서, 워드프레스를 권장한다! 라고 말하긴 민망한 부분이 있습니다.
하지만 실제로 많은 연구실 홈페이지 제작 업무가 워드프레스로 이루어지고 있습니다.
포트폴리오 및 프로젝트 수록이 손쉽고, 필요에 따른 커스터마이징이 매우 쉬운 까닭입니다.
또한 새로운 구성원이 들어오고, 기존의 구성원이 나가게 된다면 그에 따른 수정이 필요할 텐데, 때마다 요청 비용을 들이게 된다면 참 난감한 일입니다.
필요할 때 곧바로 담당자 분께서 수정할 수 있는 손 쉬운 관리 기능이 필요하실 겁니다.
워드프레스에서 제작된 연구실 웹사이트의 관리자 페이지는 매우 직관적이며, 저희가 이용하는 Elementor pro 툴은 사진, 텍스트 수정이 매우 쉽습니다.
따라서 아름다운 디자인을 커스터마이징 할 수 있음은 물론, 관리 부분에서도 우수한 워드프레스 연구실 홈페이지 제작 적극 권장 드립니다.
