| wh**n74
[비주얼 디자인 우수성] |
학교마다 교정 및 캠퍼스를 같이 소개하는 학교는 많습니다. 고려대, 연세대, 한양대 등이 있는데, 가톨릭대 역시 3개의 교정이 있습니다. 각 교정을 어떻게 서비스 하는지도 평가의 포인트인데, 가톨릭대는 섬심교정 외 다른 교정 표현을 매우 적절하게 잘 표현했습니다.
다른 교정이 완성된것은 아니지만 이동하는 경로와 제공하는 콘텐츠 내용이 타 교정의 내용도 배분이 잘 되었습니다.
상 비주얼 영역은 영상 및 슬라이드 이미지로 구성된것 같습니다. 영상을 닫으면 비주얼 이미지가 노출되는데 영상과 안내 이미지를 같이 이용할 수 있다는 장점이 있습니다. 연구성과 영역은 이미지와 텍스트가 적절히 배치되어 가독성을 높였고 마우스 드래그를 통해 좌우 콘텐츠를 이동하면서 확인할 수 있는 장점이 있습니다. 해당 기능을 드래그 표시 마우스 포인터로 확인할 수 있습니다.
바로 가기 서비스 아이콘은 사이트 분위기에 맞춰 디자인이 된것 같습니다. 서비스 메뉴에 맞춰 적절히 아이콘 이미지를 만들어 정보를 전달하고 있습니다.
뉴스 콘텐츠는 위 연구성과와 유사해 보이지만 이미지와 텍스트 배치를 다르게 하여 구성을 지루하지 않게 하였고 카테고리 뱃지가 있어 콘텐츠 내용 분류 파악에 있어 좋은 기능이라 생각됩니다.
SNS 콘텐츠는 별도 섬네일 이미지를 제작한것 같습니다. 블로그, 인스타그램 등의 SNS 콘텐츠 상세 페이지로 이동할 수 있게 링크를 달았고, 흐르는 모션을 통해 이용의 재미를 추가했습니다. 좀 더 살펴보니 마우스 드래그로 좌우 콘텐츠를 끌고와서 볼 수 있습니다.
하단 영역에는 다른 교정의 서비스를 교정 이미지 배경과 함께 배치하여 각각의 학교가 통일된 서비스를 제공하는 듯한 좋은 느낌을 제공합니다.
풋터 서비스는 전체 블루 컬러에서 좀 더 밝은 느낌의 컬러를 통해 대학, 대학원, 주요 사이트, 관련 기관의 링크를 정리하여 서비스 하고 있습니다.
전체적으로 균형이 잘 잡혔으며, 컬러도 잘 사용했다고 생각됩니다.
많은 이미지를 사용하진 않았으나 섬네일에서 학교의 콘텐츠 관리에 신경쓰고 있음을 느낄 수 있습니다.
사진의 톤과 사진속 인물들의 배치가 일관성 있게 배치되었습니다. 촬영 및 편집 시 홈페이지를 위해 통일된 규칙으로 작업된것을 확인하였습니다. |
| yh**33
[UI디자인 문제점] |
한국외국어대학교 상단에 구글 자동 번역이 있습니다. 외대는 작년에 오픈했고 그 후에 가톨릭대학교가 오픈하였지요.. 토씨 하나 안 바꾸고 그대로 갖다 넣었네요..
심지어 국기 아이콘도 그대로 가져다가 쓰셨군요.. 국기 아이콘 찾는 게 뭐가 어렵다고.. 귀찮은 거겠죠..
일반인들은 잘 모르겠지만 작업자들은 알잖아요.. 자기가 뭘 가져다 썼는지.. 같은 대학 사이트인데 너무 하지 않나요?
물론 국기 아이콘이야 이미지 사이트에서 같은 걸 찾아 쓸 수 있죠... 근데 이건 그 소스를 찾아서 쓴 게 아니라 아예 사이트에서 가져다가 쓴 거잖아요..
저 번역 문구도 외대에서 따로 검수까지 받으면서 문구 받은건데... 이건 기획까지 훔쳐다 쓰는 꼴 아닌가요?
이렇게까지 배껴서 만들면... 좀 쪽팔리지 않나요?
그래도 어느정도 커스텀을 하던가.. 이해가 안되네...
이렇게 다 배끼면.. 결국에는 이 업계가 어떻게 될 지 뻔한데... 아직도 이렇게 가져다 쓰는 분이 있는 줄 몰랐네요. |
| wh**n74
[UI디자인 우수성] |
최상단 띠배너, 교정 및 로고영역, GNB 메뉴 영역의 3단 구조가 상단을 무겁게 만들 수 있으나 영상 배경으로 시원한 느낌을 제공합니다.
GNB 열린 화면에서 교정 사진 및 메인 카피가 메뉴만 보는 화면에서 심심함을 좀 개선하였습니다.
구글 다국어 서비스는 평범한 언어 선택 UI가 아닌 국가 국기 선택으로 더 명확한 정보로 선택할 수 있게 구성하였습니다.
플로팅 버튼으로 제공되는 탑버튼과 퀵메뉴는 우측에 위치하면서 적절하여 기능을 제공하고 있습니다. 특히 퀵메뉴를 통해 재학생, 예비 입학생, 일반인이 많이 사용하는 메뉴를 직관적으로 제공하여 이용 편리성을 높였습니다. 각 접기 버튼은 소소한 기능이지만 콘텐츠 내용이 많음에 따라 집중할 수 있고 화면을 효율적으로 사용할 수 있게 제공된 기능입니다.
대학/대학원, 주요사이트, 관련기관의 링크는 선택박스가 열리는 구조보다는 현제 제공하는 화면이 펼쳐지는 구조가 더 이용이 편리라고 집중도가 높은것 같습니다. 많은 링크를 어떻게 적절히 제공할지에 대한 고민에서 나온 좋은 결과 입니다. |
| da**park
[UI디자인 우수성] |
가톨릭대학교 웹사이트는 세 교정(성심, 성의, 성신)을 통합하는 UI/UX 디자인을 채택하여 대학의 통합된 정체성을 강조합니다. 메인 페이지는 넓은 화면을 활용한 웅장한 레이아웃을 통해 시각적 임팩트를 주고, 깔끔하면서도 직관적인 디자인으로 사용자의 편의성을 높였습니다. 가톨릭대학교의 비전과 가치를 시각적으로 반영하여, 대학의 브랜드 아이덴티티를 명확하게 드러내고 있습니다. 최신 디자인 트렌드를 반영한 반응형 웹 디자인을 통해 다양한 기기에서 일관성 있는 사용자 경험을 제공하며, 가독성과 정보 전달력을 높이기 위해 각 메뉴와 콘텐츠를 체계적으로 구성했습니다. 마이크로 모션과 인터랙션을 적절히 배치하여 사용자가 웹사이트를 탐색하는 동안 시각적 흥미를 더하고, 페이지 간 전환을 매끄럽게 하여 방문자의 체류 시간을 연장할 수 있도록 했습니다.. |
| da**park
[콘텐츠 우수성] |
콘텐츠 구성은 사용자가 필요한 정보를 빠르고 쉽게 찾을 수 있도록 체계적이고 직관적으로 배열되었습니다. 상단 메뉴가 고정되어 있어 주요 페이지와의 접근성을 높였고, 각 교정별 세분화된 정보 제공으로 교정 간 구분 없이 원하는 정보를 쉽게 탐색할 수 있습니다. 메인 페이지에서는 최신 공지사항, 행사 소식, 주요 뉴스를 한눈에 확인할 수 있도록 배치해, 방문자가 학교의 최신 소식에 즉각 접근할 수 있게 했습니다. 자주 찾는 서비스들은 직관적인 위치에 배치하여 사용자 편의성을 높였으며, 가톨릭대학교의 정체성과 주요 정보를 간결하고 정돈된 형태로 전달하는 데 중점을 두었습니다. 이러한 구성은 학생, 교직원, 방문자 모두가 쉽게 필요한 정보를 얻을 수 있도록 하여 웹사이트의 실용성과 정보 접근성을 강화하고 있습니다.. |
| da**park
[기술 우수성] |
웹사이트 는 3개 교정을 통합하는 사용자 경험을 지원하기 위해 반응형 웹 디자인을 적용하여 다양한 디바이스에서 최적화된 화면 구성을 제공합니다. 특히, 구글 클라우드 번역 서비스를 통한 다국어 지원 기능을 추가해, 해외 사용자들도 쉽게 웹사이트를 이용할 수 있도록 접근성을 높였습니다. 검색엔진 솔루션을 통해 사용자가 필요한 정보를 빠르게 검색할 수 있으며, 퀵메뉴를 통한 교내 구성원 간편 서비스도 제공해 사용자 편의성을 극대화했습니다. 최신 웹 기술을 활용한 마이크로 모션과 인터랙션 요소들이 적용되어 있어, 사용자가 콘텐츠에 몰입할 수 있도록 돕고 있습니다. 전체적인 기술적 구현은 웹사이트의 안정성과 보안성을 강화하며, 다양한 사용자 환경에서 일관된 경험을 제공하는 데 중점을 두었습니다.. |
| do**hyoya
[UI디자인 우수성] |
UI 디자인은 사용자의 편의성을 고려하여 직관적으로 구성되어 있습니다. 상단 메뉴와 퀵메뉴, 검색 기능 등을 통해 사용자는 원하는 정보를 쉽게 찾을 수 있으며, 반응형 웹 디자인을 적용하여 다양한 디바이스에서 최적의 사용자 경험을 제공합니다. 특히, 메뉴 구성이 체계적이고 각 교정에 맞춘 정보를 제공하여 사용자가 교정 간 경계 없이 정보를 탐색할 수 있도록 설계된 점이 돋보입니다. 폰트 크기와 간격 조절을 통해 가독성을 높였고, 마이크로 인터랙션과 애니메이션을 활용해 웹사이트의 몰입감을 높였습니다. |
| do**hyoya
[비주얼 디자인 우수성] |
가톨릭대학교의 공식 홈페이지는 넓은 화면을 활용한 시원한 레이아웃과 깔끔한 색상 조합이 돋보입니다. 메인 컬러와 상징적인 이미지를 통해 대학의 아이덴티티를 강조하며, 시각적 일관성을 유지하고 있습니다. 최신 웹 트렌드를 반영하여 시각적 밀도를 낮추고 불필요한 요소를 배제하여 사용자에게 시각적인 안정감과 세련된 인상을 줍니다. 각 섹션과 메뉴가 명확하게 구분되어 있어 정보가 정돈된 형태로 전달되며, 접근성과 가독성을 모두 확보한 점이 강점입니다. |
| do**hyoya
[기술 우수성] |
가톨릭대학교 홈페이지는 최신 웹 트렌드를 반영하여 반응형 웹 디자인을 적용, 다양한 디바이스에서 최적화된 화면을 제공하여 접근성을 높였습니다. 특히, 구글 클라우드 번역 서비스와 검색엔진 솔루션을 활용해 다국어 지원과 향상된 검색 기능을 제공하여 글로벌 사용자와의 접근성도 강화하였습니다. 마이크로 모션과 인터렉션 디자인을 통해 사용자 경험을 향상시키고, 교정 간 통합된 사용자 경험을 제공하는 기술적 요소가 돋보입니다. |
| do**hyoya
[UI디자인 문제점] |
다양한 기능과 메뉴가 직관적으로 구성되었지만, 정보량이 많아 처음 방문하는 사용자에게는 다소 복잡하게 느껴질 수 있습니다. 특히, 세부 페이지로 이동하는 과정에서 여러 단계를 거쳐야 하는 경우가 있어 탐색에 시간이 소요될 수 있습니다. 또한, 반응형 디자인은 모바일 환경에서 다소 축소된 형태로 제공되기 때문에, 데스크톱에서 제공되는 모든 정보를 모바일에서도 동일하게 접근하기에는 제한이 있을 수 있습니다. |
| do**hyoya
[비주얼 디자인 문제점] |
전체적으로 간결하고 깔끔한 느낌을 주는 반면, 정보의 양이 많은 경우 다소 단조롭게 느껴질 수 있습니다. 일부 사용자는 이러한 간소화된 디자인에서 대학 특유의 전통적이고 웅장한 느낌을 기대할 수 있는데, 그 부분에서는 미흡할 수 있습니다. 또한, 디자인 요소가 과하게 정돈된 나머지 개별 섹션의 시각적 매력이 부족할 수 있으며, 일부 사용자에게는 주요 정보를 시각적으로 빠르게 식별하기 어려울 수 있습니다. |
| do**hyoya
[서비스 우수성] |
3개 교정을 통합하여 일관된 UI/UX로 서비스하며, 퀵메뉴를 통해 교내 구성원 간의 간편 서비스를 제공해 편리성을 높였습니다. 이러한 통합된 접근 방식은 사용자가 교정 간 구분 없이 원활하게 정보에 접근할 수 있도록 하여 사용자 경험을 크게 개선하였습니다. 또한, 다국어 서비스와 검색 엔진 솔루션을 통해 국내외 방문객의 접근성을 높였고, 각종 알림 기능을 통해 사용자 편의를 배려한 서비스가 돋보입니다. |
| do**hyoya
[콘텐츠 우수성] |
홈페이지의 콘텐츠는 사용자 중심으로 구성되어 있어, 자주 찾는 서비스와 최신 공지사항, 뉴스 등이 한눈에 보이는 위치에 배치되어 편리합니다. 각 교정별로 세분화된 정보를 제공하여 학생, 교직원, 방문자 등 다양한 사용자 그룹이 필요한 정보를 쉽게 찾을 수 있도록 배려한 점이 인상적입니다. 특히, 정돈된 형태로 정보를 제공하여 시각적 혼란을 줄이고, 정보의 가독성을 높인 점이 장점으로 꼽힙니다. |
| do**hyoya
[마케팅 우수성] |
가톨릭대학교 홈페이지는 세련된 디자인과 정돈된 콘텐츠 구성으로 대학의 전문성과 신뢰성을 강조하고 있습니다. 통합적인 UI/UX와 최신 웹 트렌드를 반영한 시각적 요소는 방문자들에게 긍정적인 인상을 남기며, 대학의 브랜드 이미지를 효과적으로 전달합니다. 특히, 최신 공지사항과 주요 뉴스가 메인 페이지에 배치되어, 방문자들이 대학의 최신 소식을 쉽게 접할 수 있어 홍보 효과가 큽니다. |
| ye**go3234
[비주얼 디자인 문제점] |
인트로 영상와 전체화면을 차지하는 빅비주얼의 이미지가 퀄리티가 낮고 타이포와 명도대비가 맞지않아 가독성이 떨어지고 매우 복잡해보입니다. 비교적 넓은 레이아웃을 사용하고 있음에도 구성하는 내용이 너무 많아 강약조절이 부족하여 가독성이 떨어지고 답답해보입니다. 모든 배경에 패턴과 이미지를 적용했는데 조금만 덜어내도 더 깔끔하고 완성도 높은 사이트가 될 것 같아 아쉽습니다. |
