+82 2 3431 5161

SYWORKS TOWER, 11, Baumoe-ro 37-gil, Seocho-gu, Seoul, Republic of Korea

Copyright © 2026 SYWORKS Corp. All Rights Reserved

싸이웍스(SYWORKS) 숭실대학교 대표·모바일 홈페이지 메인 리뉴얼(2022) — 반응형 UI, 로고 모티프 브랜드 아이덴티티

숭실대학교 대표 모바일 홈페이지 리뉴얼 프로젝트 소개 서브비주얼 이미지

숭실대학교 대표 모바일 홈페이지 메인 리뉴얼 구축

SOONGSIL UNIVERSITY
Website & Mobile Renewal

Client 숭실대학교
Progress Period 2022.04.29 - 2022.07.29
Release date 2022.07.29
2022 Web/App homepage Education
숭실대학교 대표 홈페이지 PC·모바일 반응형 디자인 목업 화면

Responsive &
Identity

다양한 디바이스 환경에 최적화된 반응형 UI를 통해 일관된 사용자 경험과
숭실대학교의 브랜드 가치를 전달합니다.

모바일 메인 리뉴얼을 중심으로 다양한 디바이스에서 최적의 사용 경험을 제공할 수 있도록
반응형 UI를 재구성했습니다. 모바일 환경에서는 콘텐츠의 우선순위와 정보 구조를 새롭게
설계하여 사용성을 높였으며, 숭실대학교 로고를 모티브로 한 디자인 요소를 홈페이지 전반에
적용해 모든 화면에서 일관된 브랜드 아이덴티티를 유지했습니다. 또한 특성화 교육, 연구 성과,
캠퍼스 소개 콘텐츠를 메인에 배치하여 대학의 경쟁력과 브랜드 가치를 효과적으로 전달할 수
있도록 구성했습니다.

숭실대학교 대표 홈페이지 메인 화면
숭실대학교 모바일 메인 화면, AI 브랜드 슬로건과 뉴스 영역
숭실대학교 모바일 메인 화면, 숭실피플 인터뷰 및 SNS 채널 영역
01
숭실대학교 모바일 뉴스 영역 타이포그래피 및 브랜드 아이덴티티 디자인 화면

타이포그래피 & 브랜드 아이덴티티

메인 비주얼과 중단 특성화 교육 영역에 천천히 흐르는 타이포그래피 모션을 적용해 교육기관의 특성을 강조했습니다. 또한 숭실대학교 로고를 모티프로 한 S자형과 라운드 구조를 활용해 브랜드 아이덴티티를 표현했습니다.

none
02
숭실대학교 모바일 특성화 학과 콘텐츠 카드 화면

모바일 중심의 직관적인 콘텐츠 구성

모바일 환경에서는 사용 빈도가 높은 핵심 콘텐츠를 우선 노출하고, 콘텐츠 간 간격을 조정하여 한 손으로도 편리하게 탐색할 수 있도록 구성했습니다.

none
03
숭실대학교 모바일 반응형 카드형 레이아웃 화면, 숭실피플 인터뷰 콘텐츠

디바이스에 최적화된 반응형 레이아웃

PC에서는 넓은 레이아웃으로 다양한 콘텐츠를 제공하고, 모바일에서는 화면에 최적화된 카드형 레이아웃으로 재구성하여 작은 화면에서도 핵심 정보를 누락 없이 확인할 수 있도록 했습니다.