(Before) 리뉴얼 전 홈페이지 모습
(After) 리뉴얼 후 홈페이지 모습
안녕하세요. 홈페이지 제작전문 아몽소프트웨어입니다. 이번 글은 포스텍 연구실 웹페이지제작에 대해 소개할까 합니다.
포스텍에 대해서 모르시는 분은 없으실 것같습니다.
이번 프로젝트를 맡기신 포스텍 연구실은 처음에는 아몽소프트웨어 말고 다른 홈페이지 제작업체를 추천받았었다고 말씀해주셨습니다.
하지만 추천받은 업체의 실력이 만족스럽지 않았고, 다른 업체를 알아보는 와중에 아몽소프트웨어를 발견하셨다고 하였습니다.
결과적으로 위 사진과 같은 홈페이지를 결과로 얻어가시고, 다음과 같은 리뷰를 남겨주셨는데요.
아몽소프트웨어가 만든 포스텍 연구실 홈페이지는 어떤 모습을 하고있을까요? 지금바로 살펴보도록 하겠습니다.
웹페이지 제작, 포스텍 기후변화 메커니즘 및 예측 연구실 홈페이지 리뉴얼
아몽소프트웨어는 항상기획의 중요성을 강조합니다. 제대로된 기획을 한다면 그에 따른 디자인이나 퍼블리싱을 쉽게 할 수 있습니다.
기획의 시작은 일반적으로 클라이언트님이 말해주시는 프로젝트를 진행하는 이유와 홈페이지 사용자를 토대로 기획을 진행하곤 합니다.
간혹 기획을 하는데 필요한 정보를 저희가 스스로 추론을 해야하는 경우가 있는데요.
이번 포스텍 연구실 홈페이지 제작이 바로 그런 건이었습니다.
포스텍 연구실 홈페이지 리뉴얼을 진행하신 이유는 기존의 홈페이지가 반응형이 아니고 디자인이 오래되었기 때문이었습니다.
하지만 이보다 훨씬 중요한 것은 바로 포항공과대학교에서 연구실이 어떤 역할을 하는지 였습니다.
포항공과대학교 대학원생이 졸업을 하기위해서는 교과학점과 더불어 연구학점이 필수적으로 있어야 합니다.
대학원생 과정을 진행하고 있는 학생은 연구실을 선택하고 최소 1년이상의 시간을 사용해야합니다.
포스텍 대학원생의 상황은 대표님이 집을 고르는 것과 비슷한 상황이라 생각하시면 됩니다.
연구실을 고르기 위해서 선배나 교수님과 같은 여러가지 방법으로 정보를 수집할 것입니다.
정보를 수집하는 여러가지 방법중에서 연구실 홈페이지를 보는 것도 포함되어있을 것인데요.
이런 맥락으로 포스텍 기후변화 메커니즘 및 예측 연구실 홈페이지는, 대학원 졸업을 위해 연구실을 신청하는 학생을 설득하는 일을 핵심으로 제작을 진행하였습니다.
1. 처음 방문한 사용자를 사로잡는, 히어로 페이지
히어로 페이지는 처음 홈페이지를 방문한 사람이 보는 화면을 말하는데요. 쉽게 설명하자면 홈페이지의 첫인상을 결정하는 공간이라 생각하시면 됩니다.
첫인상에 관련된 연구결과에 따르면 첫인상을 결정하는데 3초라는 시간이 걸리지만, 첫인상을 바꾸는데 40시간이 걸린다고 합니다.
3초만에 결정된 첫인상이 하루에 2시간씩 20일을 만나야지 변한다는 것인데요.
만약 대표님의 홈페이지의 첫인상이 부정적이라면, 아마도 소비자의 첫인상을 바꾸기란 어려운 일일 것입니다.
이러한 이유로 아몽소프트웨어는 홈페이지의 첫인상이 긍정적이도록 웹페이지제작을 진행하였습니다.
|
❌ Before page |
홈페이지를 제작할 때 사용자에 대해서 알아야하는 점은, 사용자는 홈페이지를 꼼꼼하게 보지 않는다는 것입니다.
일반 사용자들은 홈페이지를 훑어봅니다.
홈페이지 사용자의 특성으로 기존의 홈페이지를 봤을 때에는, 기존 홈페이지는 많은 정보를 담고 있으며, 사용자가 어떤 것을 봐야하는지 불명확하다는 특징을 가졌었습니다.
|
✅ After page |
아몽소프트웨어는 첫화면에 기후변화 메커니즘 및 예측 연구실이 어떤 연구를 진행하고 있는지 한 번에 알아볼 수 있도록 디자인 하였습니다.
또한, 히어로페이지 배경화면은 기후변화 메커니즘 연구실과 관련있는 기후관련 사진을 배치하여 웹페이지제작을 진행하였습니다.
2. 연구실을 설명하는 소개페이지
기존의 포스텍 연구실 홈페이지는 앞서 설명드린 페이지만 있으므로 Before Page를 생략하겠습니다.
|
✅ After page |
여러분들은 인스타그램이나 페이스북에서 글이 쭉 이어져있는 게시물을 본다면 어떻게 행동하시나요?
아마도 넘기고 다른 게시물을 볼 것입니다.
이는 홈페이지 또한 마찬가지입니다. 이렇게 글로만 구성되어 있다면 사람들은 본능적으로 읽지 않고 스크롤을 내릴 것입니다
아몽소프트웨어는 이런 사용자들이 홈페이지를 이용하는 특성을 고려하여 홈페이지 제작을 진행하였습니다.
2줄의 문장으로 기후변화 메커니즘 및 예측 연구실이 무엇을 하는지 한번에 알아볼 수 있게 디자인 하였고, 그림과 내용을 적절하게 배치하여 가독성을 올렸습니다.
3. 최근 활동을 담은 근황 페이지
|
✅ After page |
아몽소프트웨어는 포스텍 기후변화 메커니즘 및 예측 연구실의 최신 정보를 알아볼 수 있도록 근황페이지를 배치하여, 웹페이지제작을 진행하였습니다.
이로써 연구실 활동이 활발하게 이어지고 있다는 것을 확인 할 수 있게 되었습니다.
4. 행동을 유발하는 제안 페이지
|
✅ After page |
아몽소프트웨어는 추가적인 디자인 요소를 추가하여 마지막 버튼을 클릭하고 싶게 만들었습니다.
이로써 포스텍 홈페이지 의 목적인 연구실을 소개하고, 연구실에 대한 더 깊은 정보를 알아보도록 만드는 웹페이지제작을 진행하였습니다.
글을 마치기 전에 사업과 관련하여 중요한 얘기를 한번 해볼까 합니다.
대표님이 지금 가을 옷을 구매하러 간다고 상상해봅시다. 옷을 사는 장소로 백화점과 길거리 노점상 중에서 어떤 곳을 방문하실 것인가요?
일반적으로 백화점을 방문한다고 말씀하실 것입니다. 이유는 간단합니다. 백화점의 옷들이 노점상보다 믿을만하기 때문입니다.
이는 홈페이지 제작을 진행할 때에도 적용되는 내용입니다.
대표님의 홈페이지가 노점상처럼 보인다면, 아무리 대표님이 정품을 백화점보다 저렴한 가격으로 판매한다고 말하여도 아무도 믿지 않을 것입니다.
쉽게말해, 아무리 대표님의 상품이 좋아도 홈페이지가 그것을 받쳐주지 않는다면, 홈페이지가 대표님 회사의 가치를 깎아먹는 것입니다.
실제로 아몽소프트웨어를 방문하신 대표님들이 대부분 이런 상황이셨습니다.
회사의 제품과 성과는 대단한데 홈페이지의 완성도가 떨어지는 탓에 회사가 가지고 있는 가치를 깎아먹는 경우가 대부분이었습니다.
이러한 이유로 불과 2달전에 만들었던 홈페이지를 리뉴얼하시는 대표님도 있었습니다.
이 글을 읽으시는 대표님은 최소한 홈페이지 제작업체를 잘못만나 회사의 가치를 깎아먹는 홈페이지를 제작하지 않으셨으면 좋겠습니다.
저희가 아니여도 좋습니다. 홈페이지를 의뢰하시기 이전에, 개발업체가 대표님의 사업을 얼마나 이해하고 있는지 꼭 확인하신다면, 실패하지 않을 것입니다.
